diff --git a/.babelrc.js b/.babelrc.js index e32b41051b..dd2af67d7d 100644 --- a/.babelrc.js +++ b/.babelrc.js @@ -4,16 +4,25 @@ const plugins = [ '@babel/plugin-proposal-class-properties', 'babel-plugin-annotate-pure-calls', '@babel/plugin-transform-react-constant-elements', - [ - 'babel-plugin-styled-components', - { - displayName: false, - namespace, - }, - ], ]; const ignore = ['**/*.d.ts', '**/helpers', '**/__helpers', '**/*.stories.tsx']; +process.env.EMOTION + ? plugins.push([ + '@emotion/babel-plugin', + { + autoLabel: 'always', + labelFormat: `${namespace}__[local]`, + }, + ]) + : plugins.push([ + 'babel-plugin-styled-components', + { + displayName: false, + namespace, + }, + ]); + process.env.COVERAGE && plugins.push(['babel-plugin-istanbul']); module.exports = { diff --git a/.eslintignore b/.eslintignore index e6598790a0..298af86003 100644 --- a/.eslintignore +++ b/.eslintignore @@ -51,6 +51,9 @@ packages/plasma-asdk/* packages/sdds-serv/* !packages/sdds-serv/src +packages/sdds-dfa/* +!packages/sdds-dfa/src + packages/caldera-online/* !packages/caldera-online/src diff --git a/.github/config-ci.json b/.github/config-ci.json index 22ce9f4c9c..ccd4e6b571 100644 --- a/.github/config-ci.json +++ b/.github/config-ci.json @@ -7,6 +7,7 @@ "plasma-new-hope", "plasma-asdk", "caldera-online", - "sdds-serv" + "sdds-serv", + "sdds-dfa" ] } diff --git a/.github/get-lerna-scope.js b/.github/get-lerna-scope.js index 36fe3c2123..e69fabc5ac 100644 --- a/.github/get-lerna-scope.js +++ b/.github/get-lerna-scope.js @@ -28,7 +28,7 @@ module.exports = () => { } if (scope.has(packageTheme)) { - scope.add('data-themes'); + scope.add('core-themes'); scope.add('plasma-typo'); } diff --git a/.github/meta.js b/.github/meta.js index d42f96cc7b..8d5517d478 100644 --- a/.github/meta.js +++ b/.github/meta.js @@ -52,4 +52,9 @@ module.exports = { required: ['plasma-core'], themes: 'sdds-themes', }, + 'sdds-dfa': { + scope: [...commonScope, 'sdds-themes', 'plasma-new-hope'], + required: ['plasma-core'], + themes: 'sdds-themes', + }, }; diff --git a/.github/workflows/ci-lint.yml b/.github/workflows/ci-lint.yml new file mode 100644 index 0000000000..b55ea3f5ad --- /dev/null +++ b/.github/workflows/ci-lint.yml @@ -0,0 +1,33 @@ +name: ESLint + +on: + merge_group: + pull_request: + branches: + - dev + - master + +concurrency: + # New commit on branch cancels running workflows of the same branch + group: ${{ github.workflow }}-${{ github.head_ref }} + cancel-in-progress: true + +jobs: + lint: + runs-on: ubuntu-latest + steps: + - uses: actions/checkout@v4 + with: + fetch-depth: 0 + show-progress: false + + - name: Prepare environment + uses: ./.github/actions/prepare-environment + + # INFO: Для корректной работы ESLint не нужно build typings, etc. + # INFO: Только установить пакеты и сделать symlink + - name: Lerna bootstrap + run: npx lerna bootstrap --ignore-scripts + + - name: Lint + run: npm run lint diff --git a/.github/workflows/required-primary-checks.yml b/.github/workflows/ci-unit-tests.yml similarity index 74% rename from .github/workflows/required-primary-checks.yml rename to .github/workflows/ci-unit-tests.yml index db1bd748a9..895fc612bb 100644 --- a/.github/workflows/required-primary-checks.yml +++ b/.github/workflows/ci-unit-tests.yml @@ -1,7 +1,6 @@ -name: Required primary checks +name: Unit tests on: - merge_group: pull_request: branches: - dev @@ -13,35 +12,16 @@ concurrency: cancel-in-progress: true env: - GITHUB_TOKEN: ${{ secrets.GH_TOKEN }} LERNA_IGNORE_LIST: "@salutejs/plasma-{cy-utils,sb-utils}" jobs: - lint: - name: Lint - runs-on: ubuntu-latest - - steps: - - uses: actions/checkout@v4 - with: - show-progress: false - - - name: Prepare environment - uses: ./.github/actions/prepare-environment - - - name: Lerna bootstrap - run: npx lerna bootstrap - - - name: Lint - run: npm run lint - - tests: - name: Unit Tests + run: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 with: + fetch-depth: 0 show-progress: false - name: Prepare environment diff --git a/.github/workflows/documentation-deploy-prod.yml b/.github/workflows/documentation-deploy-prod.yml index 8c56420c32..08345010c3 100644 --- a/.github/workflows/documentation-deploy-prod.yml +++ b/.github/workflows/documentation-deploy-prod.yml @@ -57,6 +57,11 @@ jobs: run: | npm run build --prefix="./website/sdds-serv-docs" cp -R ./website/sdds-serv-docs/build ./s3_build/next-${{ github.sha }}/sdds-serv + + - name: SDDS-DFA Docs + run: | + npm run build --prefix="./website/sdds-dfa-docs" + cp -R ./website/sdds-dfa-docs/build ./s3_build/next-${{ github.sha }}/sdds-dfa - name: CALDERA-ONLINE Docs run: | @@ -97,6 +102,11 @@ jobs: run: | npm run storybook:build --prefix="./packages/sdds-serv" cp -R ./packages/sdds-serv/build-sb ./s3_build_sb/sdds-serv-storybook + + - name: Plasma "SDDS DFA" Storybook + run: | + npm run storybook:build --prefix="./packages/sdds-dfa" + cp -R ./packages/sdds-dfa/build-sb ./s3_build_sb/sdds-dfa-storybook - name: Install s3cmd run: pip3 install s3cmd @@ -220,3 +230,18 @@ jobs: sync ./s3_build_sb/sdds-serv-storybook/ s3://${{ secrets.AWS_S3_BUCKET_2 }}/sdds-serv-storybook/ + + - name: Upload to S3 storybook "SDDS DFA" + run: > + s3cmd + --access_key ${{ secrets.AWS_ACCESS_KEY_ID }} + --secret_key ${{ secrets.AWS_SECRET_ACCESS_KEY }} + --host ${{ secrets.AWS_ENDPOINT }} + --host-bucket ${{ secrets.AWS_ENDPOINT }} + --bucket-location ${{ secrets.AWS_REGION }} + --signature-v2 + --delete-removed + --no-mime-magic + sync + ./s3_build_sb/sdds-dfa-storybook/ + s3://${{ secrets.AWS_S3_BUCKET_2 }}/sdds-dfa-storybook/ \ No newline at end of file diff --git a/.github/workflows/documentation-deploy-stage-demo.yml b/.github/workflows/documentation-deploy-stage-demo.yml index bbe2cdbb1a..35d56285af 100644 --- a/.github/workflows/documentation-deploy-stage-demo.yml +++ b/.github/workflows/documentation-deploy-stage-demo.yml @@ -43,6 +43,11 @@ jobs: npm run build --prefix="./website/sdds-serv-docs" cp -R ./website/sdds-serv-docs/build ./s3_build/sdds-serv + - name: SDDS DFA Docs + run: | + npm run build --prefix="./website/sdds-dfa-docs" + cp -R ./website/sdds-dfa-docs/build ./s3_build/sdds-dfa + - name: CALDERA-ONLINE Docs run: | npm run build --prefix="./website/caldera-online-docs" @@ -83,6 +88,11 @@ jobs: npm run storybook:build --prefix="./packages/sdds-serv" cp -R ./packages/sdds-serv/build-sb ./s3_build/sdds-serv-storybook + - name: Plasma "SDDS DFA" Storybook + run: | + npm run storybook:build --prefix="./packages/sdds-dfa" + cp -R ./packages/sdds-dfa/build-sb ./s3_build/sdds-dfa-storybook + - name: Install s3cmd run: pip3 install s3cmd diff --git a/.github/workflows/documentation-deploy-stage-dev.yml b/.github/workflows/documentation-deploy-stage-dev.yml index d86d4a3ad0..8778792a86 100644 --- a/.github/workflows/documentation-deploy-stage-dev.yml +++ b/.github/workflows/documentation-deploy-stage-dev.yml @@ -46,6 +46,11 @@ jobs: npm run build --prefix="./website/sdds-serv-docs" cp -R ./website/sdds-serv-docs/build ./s3_build/next-${{ github.sha }}/sdds-serv + - name: Plasma SDDS DFA Docs + run: | + npm run build --prefix="./website/sdds-dfa-docs" + cp -R ./website/sdds-dfa-docs/build ./s3_build/next-${{ github.sha }}/sdds-dfa + - name: Plasma UI Storybook run: | npm run storybook:build --prefix="./packages/plasma-ui" @@ -81,6 +86,11 @@ jobs: npm run storybook:build --prefix="./packages/sdds-serv" cp -R ./packages/sdds-serv/build-sb ./s3_build_sb/sdds-serv-storybook + - name: Plasma "SDDS DFA" Storybook + run: | + npm run storybook:build --prefix="./packages/sdds-dfa" + cp -R ./packages/sdds-dfa/build-sb ./s3_build_sb/sdds-dfa-storybook + - name: Install s3cmd run: pip3 install s3cmd diff --git a/.github/workflows/documentation-pull-request-dev.yml b/.github/workflows/documentation-pull-request-dev.yml index f8f56f0529..c937f2aa29 100644 --- a/.github/workflows/documentation-pull-request-dev.yml +++ b/.github/workflows/documentation-pull-request-dev.yml @@ -89,6 +89,11 @@ jobs: run: | npm run storybook:build --prefix="./packages/sdds-serv" cp -R ./packages/sdds-serv/build-sb ./s3_build/${PR_NAME}/sdds-serv-storybook + + - name: Plasma "SDDS DFA" Storybook + run: | + npm run storybook:build --prefix="./packages/sdds-dfa" + cp -R ./packages/sdds-dfa/build-sb ./s3_build/${PR_NAME}/sdds-dfa-storybook - name: Install s3cmd run: pip3 install s3cmd @@ -131,5 +136,6 @@ jobs: asdk storybook: http://plasma.sberdevices.ru/pr/pr-${number}/asdk-storybook/ caldera-online storybook: http://plasma.sberdevices.ru/pr/pr-${number}/caldera-online-storybook/ sdds-serv storybook: http://plasma.sberdevices.ru/pr/pr-${number}/sdds-serv-storybook/ + sdds-dfa storybook: http://plasma.sberdevices.ru/pr/pr-${number}/sdds-dfa-storybook/ ` }); diff --git a/.github/workflows/typescript-coverage.yml b/.github/workflows/typescript-coverage.yml index e6d5b48c82..4a3dc12023 100644 --- a/.github/workflows/typescript-coverage.yml +++ b/.github/workflows/typescript-coverage.yml @@ -1,7 +1,6 @@ name: Typescript coverage on: - merge_group: pull_request: branches: - master @@ -21,6 +20,7 @@ jobs: steps: - uses: actions/checkout@v4 with: + fetch-depth: 0 show-progress: false - name: Prepare environment diff --git a/.prettierignore b/.prettierignore index 2ae81df843..74ad4ef5aa 100644 --- a/.prettierignore +++ b/.prettierignore @@ -12,6 +12,7 @@ packages/plasma-hope/api/ packages/plasma-core/api/ packages/plasma-asdk/api/ packages/sdds-serv/api/ +packages/sdds-dfa/api/ packages/caldera-online/api/ utils/plasma-cy-utils/lib diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- default.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- default.snap.png index 4e69becff3..fd817f73d1 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- default.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- default.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- disabled days.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- disabled days.snap.png index 0db05ee805..65fc4dc08f 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- disabled days.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- disabled days.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- event list.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- event list.snap.png index 07a4e4ff3e..e9595f280a 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- event list.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- event list.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- min and max.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- min and max.snap.png index f717e8fd68..489f88c2e6 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- min and max.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- min and max.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- next month.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- next month.snap.png index f37a789473..9193de4f15 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- next month.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- next month.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- next year.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- next year.snap.png index 6f68fd1855..5d2dd52f58 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- next year.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- next year.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- prev month.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- prev month.snap.png index 6f1633fa6c..73e94b749a 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- prev month.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- prev month.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- prev year.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- prev year.snap.png index 5c91d63163..96cc2636af 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- prev year.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- prev year.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- range in progress with disabled.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- range in progress with disabled.snap.png index a4ebb23a0b..2132473f83 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- range in progress with disabled.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- range in progress with disabled.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- range in progress.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- range in progress.snap.png index f491462514..7b2b0162d4 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- range in progress.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- range in progress.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- range.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- range.snap.png index 56c91f24b4..b48d2edda0 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- range.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- range.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- set value.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- set value.snap.png index 0edcefebf7..79e17d027e 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- set value.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar -- set value.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png index c48a07fed4..4f0be6af86 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar keyboard navigation -- set value with `Enter` and `Space`.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar keyboard navigation -- set value with `Enter` and `Space`.snap.png index 68c7b28f38..308da7c5b8 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar keyboard navigation -- set value with `Enter` and `Space`.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web Calendar keyboard navigation -- set value with `Enter` and `Space`.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- default.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- default.snap.png index f897ef5b68..f5afdf65e0 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- default.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- default.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- disabled days.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- disabled days.snap.png index 7a1fc17e90..1ae3e8398e 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- disabled days.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- disabled days.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- event list.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- event list.snap.png index fae837ca4c..cdf8320268 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- event list.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- event list.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- min and max.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- min and max.snap.png index d836410a37..7dc2855b40 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- min and max.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- min and max.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- next month.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- next month.snap.png index 8f2d583363..25fc08c5ce 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- next month.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- next month.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- prev month.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- prev month.snap.png index 5dddc8d6b8..f8e5f65cb8 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- prev month.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- prev month.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- range in progress with disabled.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- range in progress with disabled.snap.png index 3da8da68a5..f70e204c69 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- range in progress with disabled.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- range in progress with disabled.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- range in progress.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- range in progress.snap.png index 80ca423048..c801275196 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- range in progress.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- range in progress.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- range.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- range.snap.png index 1cf2026148..c801275196 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- range.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- range.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- set value.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- set value.snap.png index 3ed0474360..25d849a978 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- set value.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble -- set value.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png index 6fcf33b5c3..38467b5129 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png differ diff --git a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- set value with `Enter` and `Space`.snap.png b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- set value with `Enter` and `Space`.snap.png index bf61ec3ea2..06f27cbd9a 100644 Binary files a/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- set value with `Enter` and `Space`.snap.png and b/cypress/snapshots/b2c/components/Calendar/CalendarBase.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- set value with `Enter` and `Space`.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- default.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- default.snap.png new file mode 100644 index 0000000000..5635216b12 Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- default.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop defaultDate, enableContentLeft, enableContentRight.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop defaultDate, enableContentLeft, enableContentRight.snap.png new file mode 100644 index 0000000000..b0a29bf8ce Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop defaultDate, enableContentLeft, enableContentRight.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop disabled, readOnly.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop disabled, readOnly.snap.png new file mode 100644 index 0000000000..5877ad4ee9 Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop disabled, readOnly.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop format.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop format.snap.png new file mode 100644 index 0000000000..d861ef23a4 Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop format.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop input date.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop input date.snap.png new file mode 100644 index 0000000000..010e680d82 Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop input date.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop input masked date.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop input masked date.snap.png new file mode 100644 index 0000000000..a62ae54815 Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop input masked date.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop label, leftHelper, placeholder.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop label, leftHelper, placeholder.snap.png new file mode 100644 index 0000000000..9b61a18844 Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop label, leftHelper, placeholder.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop placement.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop placement.snap.png new file mode 100644 index 0000000000..1538da7c5b Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop placement.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop size l.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop size l.snap.png new file mode 100644 index 0000000000..82b25bb82a Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop size l.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop size m.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop size m.snap.png new file mode 100644 index 0000000000..5da8521ec5 Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop size m.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop size s.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop size s.snap.png new file mode 100644 index 0000000000..a12a6d5ead Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop size s.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop size xs.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop size xs.snap.png new file mode 100644 index 0000000000..cfe4cda62f Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop size xs.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop valueError, valueSuccess.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop valueError, valueSuccess.snap.png new file mode 100644 index 0000000000..a9d024dbec Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePicker -- prop valueError, valueSuccess.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- default.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- default.snap.png new file mode 100644 index 0000000000..3a5232fa93 Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- default.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop defaultDate, enableContent.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop defaultDate, enableContent.snap.png new file mode 100644 index 0000000000..2a2f6a4acf Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop defaultDate, enableContent.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop disabled, readOnly.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop disabled, readOnly.snap.png new file mode 100644 index 0000000000..31b2661785 Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop disabled, readOnly.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop format.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop format.snap.png new file mode 100644 index 0000000000..707a03a8d5 Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop format.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop input date, double calendar.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop input date, double calendar.snap.png new file mode 100644 index 0000000000..9308adc3d8 Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop input date, double calendar.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop input date.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop input date.snap.png new file mode 100644 index 0000000000..f81f3fe12b Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop input date.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop label, leftHelper, placeholder.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop label, leftHelper, placeholder.snap.png new file mode 100644 index 0000000000..dd4c9bc912 Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop label, leftHelper, placeholder.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop placement.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop placement.snap.png new file mode 100644 index 0000000000..0f6a9b8100 Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop placement.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop size l.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop size l.snap.png new file mode 100644 index 0000000000..2938da5b1e Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop size l.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop size m.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop size m.snap.png new file mode 100644 index 0000000000..b3f1f1cd47 Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop size m.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop size s.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop size s.snap.png new file mode 100644 index 0000000000..a1c9d88797 Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop size s.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop size xs.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop size xs.snap.png new file mode 100644 index 0000000000..c386f8c074 Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop size xs.snap.png differ diff --git a/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop valueError, valueSuccess.snap.png b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop valueError, valueSuccess.snap.png new file mode 100644 index 0000000000..4a8ccaecb4 Binary files /dev/null and b/cypress/snapshots/b2c/components/DatePicker/DatePicker.component-test.tsx/plasma-b2c DatePickerRange -- prop valueError, valueSuccess.snap.png differ diff --git a/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- default.snap.png b/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- default.snap.png index 9d8ae4820a..d27a02c83e 100644 Binary files a/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- default.snap.png and b/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- default.snap.png differ diff --git a/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop hasArrow.snap.png b/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop hasArrow.snap.png index 94722030bd..5b44691451 100644 Binary files a/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop hasArrow.snap.png and b/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop hasArrow.snap.png differ diff --git a/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop listHeight, listOverflow.snap.png b/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop listHeight, listOverflow.snap.png index 8a636479b9..adec620d22 100644 Binary files a/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop listHeight, listOverflow.snap.png and b/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop listHeight, listOverflow.snap.png differ diff --git a/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop listWidth.snap.png b/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop listWidth.snap.png index 75c77d5f43..74cc67eb5d 100644 Binary files a/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop listWidth.snap.png and b/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop listWidth.snap.png differ diff --git a/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop offset.snap.png b/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop offset.snap.png index f4f8644421..e0027e8198 100644 Binary files a/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop offset.snap.png and b/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop offset.snap.png differ diff --git a/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop placement.snap.png b/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop placement.snap.png index 7e4e65daea..cd679f973c 100644 Binary files a/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop placement.snap.png and b/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop placement.snap.png differ diff --git a/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop size, variant.snap.png b/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop size, variant.snap.png index 5b6b4ffd36..754307fd50 100644 Binary files a/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop size, variant.snap.png and b/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop size, variant.snap.png differ diff --git a/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop size.snap.png b/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop size.snap.png index fefa8e6e17..62a2cfd3b4 100644 Binary files a/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop size.snap.png and b/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop size.snap.png differ diff --git a/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop trigger.snap.png b/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop trigger.snap.png index 21fe320868..ce0f718bd0 100644 Binary files a/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop trigger.snap.png and b/cypress/snapshots/b2c/components/Dropdown/Dropdown.component-test.tsx/plasma-b2c Dropdown -- prop trigger.snap.png differ diff --git a/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- _disabled & _readOnly.snap.png b/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- _disabled & _readOnly.snap.png index b1c985b81d..66d862a4f0 100644 Binary files a/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- _disabled & _readOnly.snap.png and b/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- _disabled & _readOnly.snap.png differ diff --git a/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- _error & _success.snap.png b/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- _error & _success.snap.png index 284a51bc50..e2e046ec1e 100644 Binary files a/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- _error & _success.snap.png and b/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- _error & _success.snap.png differ diff --git a/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- _size.snap.png b/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- _size.snap.png index 94361da9b2..cef4c86b87 100644 Binary files a/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- _size.snap.png and b/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- _size.snap.png differ diff --git a/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple divider as icon.snap.png b/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple divider as icon.snap.png index 5b019017d3..430e445abd 100644 Binary files a/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple divider as icon.snap.png and b/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple divider as icon.snap.png differ diff --git a/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple filled value.snap.png b/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple filled value.snap.png index 4c789b611d..a3d9bd5f67 100644 Binary files a/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple filled value.snap.png and b/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple filled value.snap.png differ diff --git a/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple.snap.png b/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple.snap.png index 00927f3f7e..9d2e0f56f3 100644 Binary files a/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple.snap.png and b/cypress/snapshots/b2c/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple.snap.png differ diff --git a/cypress/snapshots/b2c/components/Segment/Segment.component-test.tsx/plasma-web Segment -- navigate with arrow`.snap.png b/cypress/snapshots/b2c/components/Segment/Segment.component-test.tsx/plasma-web Segment -- navigate with arrow`.snap.png index e147810504..16918cb106 100644 Binary files a/cypress/snapshots/b2c/components/Segment/Segment.component-test.tsx/plasma-web Segment -- navigate with arrow`.snap.png and b/cypress/snapshots/b2c/components/Segment/Segment.component-test.tsx/plasma-web Segment -- navigate with arrow`.snap.png differ diff --git a/cypress/snapshots/b2c/components/Segment/Segment.component-test.tsx/plasma-web Segment -- with fixed width.snap.png b/cypress/snapshots/b2c/components/Segment/Segment.component-test.tsx/plasma-web Segment -- with fixed width.snap.png index ae12fe0048..b7b2f4203e 100644 Binary files a/cypress/snapshots/b2c/components/Segment/Segment.component-test.tsx/plasma-web Segment -- with fixed width.snap.png and b/cypress/snapshots/b2c/components/Segment/Segment.component-test.tsx/plasma-web Segment -- with fixed width.snap.png differ diff --git a/cypress/snapshots/b2c/components/Tabs/TabsBase.component-test.tsx/plasma-core Tabs -- autoscroll.snap.png b/cypress/snapshots/b2c/components/Tabs/TabsBase.component-test.tsx/plasma-core Tabs -- autoscroll.snap.png index 23f59034e7..9bc5a0d617 100644 Binary files a/cypress/snapshots/b2c/components/Tabs/TabsBase.component-test.tsx/plasma-core Tabs -- autoscroll.snap.png and b/cypress/snapshots/b2c/components/Tabs/TabsBase.component-test.tsx/plasma-core Tabs -- autoscroll.snap.png differ diff --git a/cypress/snapshots/b2c/components/TextField/TextField.component-test.tsx/plasma-web TextField -- content with label.snap.png b/cypress/snapshots/b2c/components/TextField/TextField.component-test.tsx/plasma-web TextField -- content with label.snap.png index 50b3e1357d..da4b26bbc7 100644 Binary files a/cypress/snapshots/b2c/components/TextField/TextField.component-test.tsx/plasma-web TextField -- content with label.snap.png and b/cypress/snapshots/b2c/components/TextField/TextField.component-test.tsx/plasma-web TextField -- content with label.snap.png differ diff --git a/cypress/snapshots/b2c/components/TextField/TextField.component-test.tsx/plasma-web TextField -- content.snap.png b/cypress/snapshots/b2c/components/TextField/TextField.component-test.tsx/plasma-web TextField -- content.snap.png index dd43cfd2cc..c8bda6c3bd 100644 Binary files a/cypress/snapshots/b2c/components/TextField/TextField.component-test.tsx/plasma-web TextField -- content.snap.png and b/cypress/snapshots/b2c/components/TextField/TextField.component-test.tsx/plasma-web TextField -- content.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- default.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- default.snap.png index 40b2665565..c9b01b3549 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- default.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- default.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- disabled days.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- disabled days.snap.png index 104dc14a12..8d5ed81177 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- disabled days.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- disabled days.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- event list.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- event list.snap.png index f9c2d239f1..14f1fff71a 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- event list.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- event list.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- min and max.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- min and max.snap.png index 02b6478745..9f4678208e 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- min and max.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- min and max.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- next month.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- next month.snap.png index a737847085..62b8adab2d 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- next month.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- next month.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- next year.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- next year.snap.png index b113995564..14ea48f537 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- next year.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- next year.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- prev month.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- prev month.snap.png index 05884f3e37..1b770b1574 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- prev month.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- prev month.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- prev year.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- prev year.snap.png index 44f80b9673..62649ed2a8 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- prev year.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- prev year.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range in progress with disabled.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range in progress with disabled.snap.png index 7aed3e3f24..55de8a907f 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range in progress with disabled.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range in progress with disabled.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range in progress.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range in progress.snap.png index 399b127cd4..63ddef2bad 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range in progress.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range in progress.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range.snap.png index 9f81477c12..f3331966af 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- set value.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- set value.snap.png index 03a9582679..ce801e9572 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- set value.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- set value.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png index fef6de502f..a80c5283f8 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar keyboard navigation -- set value with `Enter` and `Space`.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar keyboard navigation -- set value with `Enter` and `Space`.snap.png index 1f148f701f..0cb556671c 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar keyboard navigation -- set value with `Enter` and `Space`.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar keyboard navigation -- set value with `Enter` and `Space`.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- default.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- default.snap.png index 3014e6d77a..890d8be55d 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- default.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- default.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- disabled days.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- disabled days.snap.png index 73865122f4..308ed8f668 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- disabled days.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- disabled days.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- event list.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- event list.snap.png index d9b0d42d94..6d37593815 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- event list.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- event list.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- min and max.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- min and max.snap.png index 193adf1569..1ed57dd5e8 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- min and max.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- min and max.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- next month.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- next month.snap.png index 270d0953e3..c6e10906a7 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- next month.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- next month.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- prev month.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- prev month.snap.png index 75bf647840..04f23e6ad0 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- prev month.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- prev month.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range in progress with disabled.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range in progress with disabled.snap.png index 5f8ef5dbdd..dd8515ac84 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range in progress with disabled.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range in progress with disabled.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range in progress.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range in progress.snap.png index ff5e649adc..13b79d1831 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range in progress.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range in progress.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range.snap.png index 5eded726dc..13b79d1831 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- set value.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- set value.snap.png index 2d6e62dbd7..61fa40203e 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- set value.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- set value.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png index f446f0323f..cacd0353b2 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- set value with `Enter` and `Space`.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- set value with `Enter` and `Space`.snap.png index 60c15d08f4..24b5a01ced 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- set value with `Enter` and `Space`.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- set value with `Enter` and `Space`.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- default.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- default.snap.png new file mode 100644 index 0000000000..127377d597 Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- default.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop defaultDate, enableContentLeft, enableContentRight.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop defaultDate, enableContentLeft, enableContentRight.snap.png new file mode 100644 index 0000000000..0ea8590c47 Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop defaultDate, enableContentLeft, enableContentRight.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop disabled, readOnly.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop disabled, readOnly.snap.png new file mode 100644 index 0000000000..23827f485a Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop disabled, readOnly.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop format.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop format.snap.png new file mode 100644 index 0000000000..bd13832266 Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop format.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop input date.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop input date.snap.png new file mode 100644 index 0000000000..f9049a73c3 Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop input date.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop input masked date.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop input masked date.snap.png new file mode 100644 index 0000000000..3f9907cd2b Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop input masked date.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop label, leftHelper, placeholder.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop label, leftHelper, placeholder.snap.png new file mode 100644 index 0000000000..dacb223538 Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop label, leftHelper, placeholder.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop placement.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop placement.snap.png new file mode 100644 index 0000000000..10ca68218a Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop placement.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop size l.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop size l.snap.png new file mode 100644 index 0000000000..0b84a2eab6 Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop size l.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop size m.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop size m.snap.png new file mode 100644 index 0000000000..a7a96a7727 Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop size m.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop size s.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop size s.snap.png new file mode 100644 index 0000000000..64ced66698 Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop size s.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop size xs.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop size xs.snap.png new file mode 100644 index 0000000000..c4e56ea734 Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop size xs.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop valueError, valueSuccess.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop valueError, valueSuccess.snap.png new file mode 100644 index 0000000000..6fd63a1962 Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePicker -- prop valueError, valueSuccess.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- default.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- default.snap.png new file mode 100644 index 0000000000..1d8929ff9e Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- default.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop defaultDate, enableContent.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop defaultDate, enableContent.snap.png new file mode 100644 index 0000000000..348fbaef79 Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop defaultDate, enableContent.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop disabled, readOnly.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop disabled, readOnly.snap.png new file mode 100644 index 0000000000..b51e288d20 Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop disabled, readOnly.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop format.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop format.snap.png new file mode 100644 index 0000000000..ab477d86af Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop format.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop input date, double calendar.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop input date, double calendar.snap.png new file mode 100644 index 0000000000..e8b5a16fbc Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop input date, double calendar.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop input date.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop input date.snap.png new file mode 100644 index 0000000000..c8e502d8e5 Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop input date.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop label, leftHelper, placeholder.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop label, leftHelper, placeholder.snap.png new file mode 100644 index 0000000000..7bd0d2274f Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop label, leftHelper, placeholder.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop placement.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop placement.snap.png new file mode 100644 index 0000000000..e2251d6f11 Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop placement.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop size l.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop size l.snap.png new file mode 100644 index 0000000000..eb64b184fb Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop size l.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop size m.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop size m.snap.png new file mode 100644 index 0000000000..ecb0965e61 Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop size m.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop size s.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop size s.snap.png new file mode 100644 index 0000000000..b723cfd1f7 Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop size s.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop size xs.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop size xs.snap.png new file mode 100644 index 0000000000..3539b3cd93 Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop size xs.snap.png differ diff --git a/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop valueError, valueSuccess.snap.png b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop valueError, valueSuccess.snap.png new file mode 100644 index 0000000000..d156d27be2 Binary files /dev/null and b/cypress/snapshots/web/components/DatePicker/DatePicker.component-test.tsx/plasma-web DatePickerRange -- prop valueError, valueSuccess.snap.png differ diff --git a/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- default.snap.png b/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- default.snap.png index d34daf8ad0..e38ae39fd5 100644 Binary files a/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- default.snap.png and b/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- default.snap.png differ diff --git a/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop hasArrow.snap.png b/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop hasArrow.snap.png index 2d60f2cf24..81915cc5ad 100644 Binary files a/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop hasArrow.snap.png and b/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop hasArrow.snap.png differ diff --git a/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop listHeight, listOverflow.snap.png b/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop listHeight, listOverflow.snap.png index 4e5c36ce86..77cd76e3f5 100644 Binary files a/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop listHeight, listOverflow.snap.png and b/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop listHeight, listOverflow.snap.png differ diff --git a/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop listWidth.snap.png b/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop listWidth.snap.png index 554d1cd8f3..25a0b99fe5 100644 Binary files a/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop listWidth.snap.png and b/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop listWidth.snap.png differ diff --git a/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop offset.snap.png b/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop offset.snap.png index 3f31b441d4..91aebacf8c 100644 Binary files a/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop offset.snap.png and b/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop offset.snap.png differ diff --git a/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop placement.snap.png b/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop placement.snap.png index 26fbcc563d..1490a54ea8 100644 Binary files a/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop placement.snap.png and b/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop placement.snap.png differ diff --git a/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop size, variant.snap.png b/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop size, variant.snap.png index e8dbbbc1fe..6e2231620c 100644 Binary files a/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop size, variant.snap.png and b/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop size, variant.snap.png differ diff --git a/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop size.snap.png b/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop size.snap.png index d892791548..227d52b9f3 100644 Binary files a/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop size.snap.png and b/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop size.snap.png differ diff --git a/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop trigger.snap.png b/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop trigger.snap.png index bb9b6ca079..66ac370c2d 100644 Binary files a/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop trigger.snap.png and b/cypress/snapshots/web/components/Dropdown/Dropdown.component-test.tsx/plasma-web Dropdown -- prop trigger.snap.png differ diff --git a/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- _disabled & _readOnly.snap.png b/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- _disabled & _readOnly.snap.png index f442b22be9..7360799694 100644 Binary files a/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- _disabled & _readOnly.snap.png and b/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- _disabled & _readOnly.snap.png differ diff --git a/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- _error & _success.snap.png b/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- _error & _success.snap.png index e23da470d1..aa13f864ed 100644 Binary files a/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- _error & _success.snap.png and b/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- _error & _success.snap.png differ diff --git a/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- _size.snap.png b/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- _size.snap.png index d76d19d838..f989ae10a0 100644 Binary files a/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- _size.snap.png and b/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- _size.snap.png differ diff --git a/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple divider as icon.snap.png b/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple divider as icon.snap.png index ad56c417e7..2d1405ccd8 100644 Binary files a/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple divider as icon.snap.png and b/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple divider as icon.snap.png differ diff --git a/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple filled value.snap.png b/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple filled value.snap.png index c333c65471..0275039bb3 100644 Binary files a/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple filled value.snap.png and b/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple filled value.snap.png differ diff --git a/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple.snap.png b/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple.snap.png index 43689cc520..98535552c5 100644 Binary files a/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple.snap.png and b/cypress/snapshots/web/components/Range/Range.component-test.tsx/plasma-b2c Range -- simple.snap.png differ diff --git a/cypress/snapshots/web/components/Segment/Segment.component-test.tsx/plasma-web Segment -- navigate with arrow`.snap.png b/cypress/snapshots/web/components/Segment/Segment.component-test.tsx/plasma-web Segment -- navigate with arrow`.snap.png index 063e7f51f7..311d50c618 100644 Binary files a/cypress/snapshots/web/components/Segment/Segment.component-test.tsx/plasma-web Segment -- navigate with arrow`.snap.png and b/cypress/snapshots/web/components/Segment/Segment.component-test.tsx/plasma-web Segment -- navigate with arrow`.snap.png differ diff --git a/cypress/snapshots/web/components/Segment/Segment.component-test.tsx/plasma-web Segment -- with fixed width.snap.png b/cypress/snapshots/web/components/Segment/Segment.component-test.tsx/plasma-web Segment -- with fixed width.snap.png index 8d8f1b6312..93981d7849 100644 Binary files a/cypress/snapshots/web/components/Segment/Segment.component-test.tsx/plasma-web Segment -- with fixed width.snap.png and b/cypress/snapshots/web/components/Segment/Segment.component-test.tsx/plasma-web Segment -- with fixed width.snap.png differ diff --git a/cypress/snapshots/web/components/Tabs/TabsBase.component-test.tsx/plasma-core Tabs -- autoscroll.snap.png b/cypress/snapshots/web/components/Tabs/TabsBase.component-test.tsx/plasma-core Tabs -- autoscroll.snap.png index 1ec0fb54f1..586868a2fd 100644 Binary files a/cypress/snapshots/web/components/Tabs/TabsBase.component-test.tsx/plasma-core Tabs -- autoscroll.snap.png and b/cypress/snapshots/web/components/Tabs/TabsBase.component-test.tsx/plasma-core Tabs -- autoscroll.snap.png differ diff --git a/cypress/snapshots/web/components/TextField/TextField.component-test.tsx/plasma-web TextField -- content with label.snap.png b/cypress/snapshots/web/components/TextField/TextField.component-test.tsx/plasma-web TextField -- content with label.snap.png index ce0fb5f388..ee5b885bec 100644 Binary files a/cypress/snapshots/web/components/TextField/TextField.component-test.tsx/plasma-web TextField -- content with label.snap.png and b/cypress/snapshots/web/components/TextField/TextField.component-test.tsx/plasma-web TextField -- content with label.snap.png differ diff --git a/cypress/snapshots/web/components/TextField/TextField.component-test.tsx/plasma-web TextField -- content.snap.png b/cypress/snapshots/web/components/TextField/TextField.component-test.tsx/plasma-web TextField -- content.snap.png index 6fbbd3b346..1874293608 100644 Binary files a/cypress/snapshots/web/components/TextField/TextField.component-test.tsx/plasma-web TextField -- content.snap.png and b/cypress/snapshots/web/components/TextField/TextField.component-test.tsx/plasma-web TextField -- content.snap.png differ diff --git a/package.json b/package.json index f2346b97fb..19b0602517 100644 --- a/package.json +++ b/package.json @@ -4,6 +4,7 @@ "author": "Salute Frontend Team ", "license": "MIT", "scripts": { + "scaffold:update-components-docs": "npm run scaffold:components", "scaffold:docs": "simple-scaffold -c scaffold/scaffold-config.js --name $npm_config_package", "scaffold:components": "node scaffold/scaffold-components.js", "scaffold:update-docs-ui": "node scaffold/update-docs-ui.js && npm i --no-audit --no-progress --package-lock-only --lockfile-version 2 --legacy-peer-deps --prefix=$npm_config_dir", diff --git a/packages/caldera-online/api/caldera-online.api.md b/packages/caldera-online/api/caldera-online.api.md index dc6af4d2f1..bf664749c9 100644 --- a/packages/caldera-online/api/caldera-online.api.md +++ b/packages/caldera-online/api/caldera-online.api.md @@ -52,11 +52,13 @@ import { mediaQuery } from '@salutejs/plasma-new-hope/styled-components'; import { modalClasses } from '@salutejs/plasma-new-hope/styled-components'; import { ModalProps } from '@salutejs/plasma-new-hope/styled-components'; import { MouseEvent as MouseEvent_2 } from 'react'; +import { PolymorphicClassName } from '@salutejs/plasma-new-hope/types/engines/types'; import { popupClasses } from '@salutejs/plasma-new-hope/styled-components'; import { PopupInfo } from '@salutejs/plasma-new-hope/styled-components'; import { PopupPlacement } from '@salutejs/plasma-new-hope/styled-components'; import { PopupProps } from '@salutejs/plasma-new-hope/styled-components'; import { PopupProvider } from '@salutejs/plasma-new-hope/styled-components'; +import { PortalProps } from '@salutejs/plasma-new-hope/styled-components'; import { PropsType } from '@salutejs/plasma-new-hope/types/engines/types'; import { RadioGroup } from '@salutejs/plasma-new-hope/styled-components'; import { ReactNode } from 'react'; @@ -86,13 +88,14 @@ import { ToastRole } from '@salutejs/plasma-new-hope/styled-components'; import { usePopupContext } from '@salutejs/plasma-new-hope/styled-components'; import { useSegment } from '@salutejs/plasma-new-hope/styled-components'; import { useToast } from '@salutejs/plasma-new-hope/styled-components'; +import { Variants } from '@salutejs/plasma-new-hope/types/engines/types'; export { addFocus } // @public (undocumented) export const BodyL: FunctionComponent & { breakWord?: boolean | undefined; @@ -105,7 +108,7 @@ export { bodyLBold } // @public (undocumented) export const BodyM: FunctionComponent & { breakWord?: boolean | undefined; @@ -118,7 +121,7 @@ export { bodyMBold } // @public (undocumented) export const BodyS: FunctionComponent & { breakWord?: boolean | undefined; @@ -131,7 +134,7 @@ export { bodySBold } // @public (undocumented) export const BodyXS: FunctionComponent & { breakWord?: boolean | undefined; @@ -144,7 +147,7 @@ export { bodyXSBold } // @public (undocumented) export const BodyXXS: FunctionComponent & { breakWord?: boolean | undefined; @@ -157,39 +160,39 @@ export { bodyXXSBold } // @public export const Button: FunctionComponent & ((Omit, "value"> & Omit, "type"> & AsProps & { text?: string | undefined; @@ -243,25 +246,25 @@ export type ButtonProps = typeof ButtonComponent; // @public export const Checkbox: FunctionComponent & CheckboxProps_2 & RefAttributes>; @@ -273,13 +276,13 @@ export type CheckboxProps = ComponentProps; // @public (undocumented) export const Dropdown: FunctionComponent & DropdownProps & RefAttributes>; @@ -288,7 +291,7 @@ export { DropdownProps } // @public (undocumented) export const DsplL: FunctionComponent & { breakWord?: boolean | undefined; @@ -301,7 +304,7 @@ export { dsplLBold } // @public (undocumented) export const DsplM: FunctionComponent & { breakWord?: boolean | undefined; @@ -314,7 +317,7 @@ export { dsplMBold } // @public (undocumented) export const DsplS: FunctionComponent & { breakWord?: boolean | undefined; @@ -327,7 +330,7 @@ export { dsplSBold } // @public (undocumented) export const H1: FunctionComponent & { breakWord?: boolean | undefined; @@ -340,7 +343,7 @@ export { h1Bold } // @public (undocumented) export const H2: FunctionComponent & { breakWord?: boolean | undefined; @@ -353,7 +356,7 @@ export { h2Bold } // @public (undocumented) export const H3: FunctionComponent & { breakWord?: boolean | undefined; @@ -366,7 +369,7 @@ export { h3Bold } // @public (undocumented) export const H4: FunctionComponent & { breakWord?: boolean | undefined; @@ -379,7 +382,7 @@ export { h4Bold } // @public (undocumented) export const H5: FunctionComponent & { breakWord?: boolean | undefined; @@ -392,22 +395,22 @@ export { h5Bold } // @public export const Link: FunctionComponent & AnchorHTMLAttributes & LinkCustomProps & RefAttributes>; @@ -438,28 +441,33 @@ export { PopupProps } export { PopupProvider } +// @public (undocumented) +export const Portal: FunctionComponent & PortalProps & RefAttributes>; + +export { PortalProps } + // @public export const Radiobox: FunctionComponent & Filter, "size"> & Omit & RefAttributes>; @@ -473,26 +481,26 @@ export { RadioGroup } // @public export const SegmentGroup: FunctionComponent & HTMLAttributes & { selectionMode?: "multiple" | "single" | undefined; @@ -509,21 +517,21 @@ export { SegmentGroupProps } // @public export const SegmentItem: FunctionComponent & ButtonHTMLAttributes & { value: string; @@ -544,7 +552,7 @@ export { SegmentProviderProps } // @public export const Sheet: FunctionComponent & SheetProps & RefAttributes>; @@ -557,15 +565,15 @@ export { ShowToastArgs } // @public export const Spinner: StyledComponent & ((HTMLAttributes & { width?: undefined; @@ -599,20 +607,20 @@ export { SSRProvider } // @public (undocumented) export const Switch: FunctionComponent & SwitchProps_2 & RefAttributes>; @@ -624,7 +632,7 @@ export type SwitchProps = ComponentProps; // @public (undocumented) export const TextL: FunctionComponent & { breakWord?: boolean | undefined; @@ -637,7 +645,7 @@ export { textLBold } // @public (undocumented) export const TextM: FunctionComponent & { breakWord?: boolean | undefined; @@ -650,7 +658,7 @@ export { textMBold } // @public (undocumented) export const TextS: FunctionComponent & { breakWord?: boolean | undefined; @@ -663,7 +671,7 @@ export { textSBold } // @public (undocumented) export const TextXS: FunctionComponent & { breakWord?: boolean | undefined; @@ -676,16 +684,16 @@ export { textXSBold } // @public (undocumented) export const Toast: FunctionComponent & HTMLAttributes & CustomToastProps & RefAttributes>; diff --git a/packages/caldera-online/package-lock.json b/packages/caldera-online/package-lock.json index ede8a78af4..943231af32 100644 --- a/packages/caldera-online/package-lock.json +++ b/packages/caldera-online/package-lock.json @@ -1,16 +1,16 @@ { "name": "@salutejs/caldera-online", - "version": "0.53.0", + "version": "0.64.1-dev.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@salutejs/caldera-online", - "version": "0.53.0", + "version": "0.64.1-dev.0", "license": "MIT", "dependencies": { - "@salutejs/caldera-online-themes": "0.12.0", - "@salutejs/plasma-new-hope": "0.93.0" + "@salutejs/caldera-online-themes": "0.13.0-dev.0", + "@salutejs/plasma-new-hope": "0.104.1-dev.0" }, "devDependencies": { "@babel/cli": "7.24.1", @@ -22,9 +22,9 @@ "@babel/preset-typescript": "7.24.1", "@microsoft/api-extractor": "7.38.3", "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", - "@salutejs/plasma-cy-utils": "0.92.0", - "@salutejs/plasma-sb-utils": "0.158.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "@salutejs/plasma-cy-utils": "0.94.0-dev.0", + "@salutejs/plasma-sb-utils": "0.160.0-dev.0", "@storybook/addon-docs": "7.6.17", "@storybook/addon-essentials": "7.6.17", "@storybook/addons": "7.6.17", @@ -211,6 +211,7 @@ "version": "7.22.5", "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz", "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==", + "dev": true, "dependencies": { "@babel/types": "^7.22.5" }, @@ -2388,6 +2389,7 @@ "version": "0.8.8", "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==", + "dev": true, "dependencies": { "@emotion/memoize": "0.7.4" } @@ -2395,17 +2397,20 @@ "node_modules/@emotion/memoize": { "version": "0.7.4", "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", - "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==" + "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==", + "dev": true }, "node_modules/@emotion/stylis": { "version": "0.8.5", "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", - "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==" + "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==", + "dev": true }, "node_modules/@emotion/unitless": { "version": "0.7.5", "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", - "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" + "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==", + "dev": true }, "node_modules/@emotion/use-insertion-effect-with-fallbacks": { "version": "1.0.1", @@ -5189,13 +5194,9 @@ } }, "node_modules/@salutejs/caldera-online-themes": { - "version": "0.12.0", - "resolved": "https://registry.npmjs.org/@salutejs/caldera-online-themes/-/caldera-online-themes-0.12.0.tgz", - "integrity": "sha512-kKHT1DYwxroZAGVc2PnlWw0/Nyy94iLmVDPmD6QTukHRY2N40Evp0M55eaywxREUxU/yDWcPhjpUS641rH6IjA==", - "dependencies": { - "@salutejs/plasma-typo": "0.40.0", - "styled-components": "5.3.1" - } + "version": "0.13.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/caldera-online-themes/-/caldera-online-themes-0.13.0-dev.0.tgz", + "integrity": "sha512-Rv5zPgYOF9nRMQBFu+ZYJzGkZKtOCG5gKvDnE6kqdArGVwBDKxUJfyvdCvW/3dw5dqEUPJWlzzAv8WKKjriG3g==" }, "node_modules/@salutejs/plasma-colors": { "version": "0.13.0", @@ -5204,9 +5205,9 @@ "dev": true }, "node_modules/@salutejs/plasma-core": { - "version": "1.160.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.160.0.tgz", - "integrity": "sha512-ddpmy2lmCjPY0SQAcVma/rjqV+yzXY512MC6WtC6qq5RGZi+x/QKFGyL6eLVZbVE7QqxvvqSed/YiA22OaAXUA==", + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", "dependencies": { "@popperjs/core": "2.9.2", "@salutejs/plasma-typo": "0.40.0", @@ -5236,9 +5237,9 @@ } }, "node_modules/@salutejs/plasma-cy-utils": { - "version": "0.92.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.92.0.tgz", - "integrity": "sha512-huAKimH6MCBSk66ZtPoXGm4wC00nh78tPTEp+aC9/i3WifrXcZ8U3XSy3Sy1prSXygVCGdkF1jNVxTRp0Q/cSA==", + "version": "0.94.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.94.0-dev.0.tgz", + "integrity": "sha512-X778wOZh9VCzLwRqU0JfmeycdkqyI6ywYoIOFlM5oMUsbymRt3UqoTg/r9sEAD3BFCVmOSE1t6O1xgYI1iKXKg==", "dev": true, "peerDependencies": { "react": ">=16.13.1", @@ -5247,14 +5248,15 @@ } }, "node_modules/@salutejs/plasma-new-hope": { - "version": "0.93.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.93.0.tgz", - "integrity": "sha512-yGzNS6SR1u8WSXRIoPS4zwVRow5R/fGyKMry5pDSbQ6GPNJnLvFKVbGff6OhNIL7Tgt3XAYAt7qCN6Sw8s5tug==", + "version": "0.104.1-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.104.1-dev.0.tgz", + "integrity": "sha512-wzGlfIZXzAZ7XTNm6S49UUIt8VWYyXNy+GTvcDgITSm7nQGtYxa6d0tttCH7xDhMdjxJY5mya+0TvY+f9j7fZQ==", "dependencies": { "@linaria/core": "5.0.2", "@linaria/react": "5.0.3", "@popperjs/core": "2.11.8", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "dayjs": "1.11.11", "focus-visible": "5.2.0", "lodash.throttle": "4.1.1", "react-draggable": "4.4.3", @@ -5290,13 +5292,13 @@ } }, "node_modules/@salutejs/plasma-sb-utils": { - "version": "0.158.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.158.0.tgz", - "integrity": "sha512-VSuHeTFX/sYHeq/8sDxu3aB0b1sF6llju0QUOLke1WGzB+UIrjmXvjCLnfPAcymhUjSODx1wieDUvn+597l3uw==", + "version": "0.160.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.160.0-dev.0.tgz", + "integrity": "sha512-9jx+mpeC7CAf0t/eAaN7YsO5ozGBUzlWCz0RqomkiTkGTBb9f+CuYCxkZ58a9AZQI8SBHIaopjOP2IuRabuHSg==", "dev": true, "dependencies": { "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "param-case": "^3.0.4" }, "peerDependencies": { @@ -8024,6 +8026,7 @@ "version": "1.13.2", "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-1.13.2.tgz", "integrity": "sha512-Vb1R3d4g+MUfPQPVDMCGjm3cDocJEUTR7Xq7QS95JWWeksN1wdFRYpD2kulDgI3Huuaf1CZd+NK4KQmqUFh5dA==", + "dev": true, "dependencies": { "@babel/helper-annotate-as-pure": "^7.0.0", "@babel/helper-module-imports": "^7.0.0", @@ -8037,7 +8040,8 @@ "node_modules/babel-plugin-syntax-jsx": { "version": "6.18.0", "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", - "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==" + "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==", + "dev": true }, "node_modules/babel-plugin-transform-flow-enums": { "version": "0.0.2", @@ -8372,6 +8376,7 @@ "version": "1.0.1", "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==", + "dev": true, "funding": { "url": "https://github.com/sponsors/ljharb" } @@ -9104,6 +9109,7 @@ "version": "1.0.0", "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==", + "dev": true, "engines": { "node": ">=4" } @@ -9112,6 +9118,7 @@ "version": "3.2.0", "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz", "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==", + "dev": true, "dependencies": { "camelize": "^1.0.0", "css-color-keywords": "^1.0.0", @@ -9125,10 +9132,9 @@ "dev": true }, "node_modules/dayjs": { - "version": "1.11.10", - "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz", - "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==", - "dev": true + "version": "1.11.11", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz", + "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==" }, "node_modules/debug": { "version": "4.3.4", @@ -10793,6 +10799,7 @@ "version": "3.3.2", "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", + "dev": true, "dependencies": { "react-is": "^16.7.0" } @@ -12172,7 +12179,8 @@ "node_modules/lodash": { "version": "4.17.21", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", - "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", + "dev": true }, "node_modules/lodash.debounce": { "version": "4.0.8", @@ -14116,7 +14124,8 @@ "node_modules/postcss-value-parser": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==" + "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", + "dev": true }, "node_modules/prettier": { "version": "2.8.8", @@ -15430,7 +15439,8 @@ "node_modules/shallowequal": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", - "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" + "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==", + "dev": true }, "node_modules/shebang-command": { "version": "2.0.0", @@ -15875,6 +15885,7 @@ "version": "5.3.1", "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.1.tgz", "integrity": "sha512-JThv2JRzyH0NOIURrk9iskdxMSAAtCfj/b2Sf1WJaCUsloQkblepy1jaCLX/bYE+mhYo3unmwVSI9I5d9ncSiQ==", + "dev": true, "dependencies": { "@babel/helper-module-imports": "^7.0.0", "@babel/traverse": "^7.4.5", @@ -17340,6 +17351,7 @@ "version": "7.22.5", "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz", "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==", + "dev": true, "requires": { "@babel/types": "^7.22.5" } @@ -18812,6 +18824,7 @@ "version": "0.8.8", "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==", + "dev": true, "requires": { "@emotion/memoize": "0.7.4" } @@ -18819,17 +18832,20 @@ "@emotion/memoize": { "version": "0.7.4", "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", - "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==" + "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==", + "dev": true }, "@emotion/stylis": { "version": "0.8.5", "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", - "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==" + "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==", + "dev": true }, "@emotion/unitless": { "version": "0.7.5", "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", - "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" + "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==", + "dev": true }, "@emotion/use-insertion-effect-with-fallbacks": { "version": "1.0.1", @@ -20801,13 +20817,9 @@ } }, "@salutejs/caldera-online-themes": { - "version": "0.12.0", - "resolved": "https://registry.npmjs.org/@salutejs/caldera-online-themes/-/caldera-online-themes-0.12.0.tgz", - "integrity": "sha512-kKHT1DYwxroZAGVc2PnlWw0/Nyy94iLmVDPmD6QTukHRY2N40Evp0M55eaywxREUxU/yDWcPhjpUS641rH6IjA==", - "requires": { - "@salutejs/plasma-typo": "0.40.0", - "styled-components": "5.3.1" - } + "version": "0.13.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/caldera-online-themes/-/caldera-online-themes-0.13.0-dev.0.tgz", + "integrity": "sha512-Rv5zPgYOF9nRMQBFu+ZYJzGkZKtOCG5gKvDnE6kqdArGVwBDKxUJfyvdCvW/3dw5dqEUPJWlzzAv8WKKjriG3g==" }, "@salutejs/plasma-colors": { "version": "0.13.0", @@ -20816,9 +20828,9 @@ "dev": true }, "@salutejs/plasma-core": { - "version": "1.160.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.160.0.tgz", - "integrity": "sha512-ddpmy2lmCjPY0SQAcVma/rjqV+yzXY512MC6WtC6qq5RGZi+x/QKFGyL6eLVZbVE7QqxvvqSed/YiA22OaAXUA==", + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", "requires": { "@popperjs/core": "2.9.2", "@salutejs/plasma-typo": "0.40.0", @@ -20840,20 +20852,21 @@ } }, "@salutejs/plasma-cy-utils": { - "version": "0.92.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.92.0.tgz", - "integrity": "sha512-huAKimH6MCBSk66ZtPoXGm4wC00nh78tPTEp+aC9/i3WifrXcZ8U3XSy3Sy1prSXygVCGdkF1jNVxTRp0Q/cSA==", + "version": "0.94.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.94.0-dev.0.tgz", + "integrity": "sha512-X778wOZh9VCzLwRqU0JfmeycdkqyI6ywYoIOFlM5oMUsbymRt3UqoTg/r9sEAD3BFCVmOSE1t6O1xgYI1iKXKg==", "dev": true }, "@salutejs/plasma-new-hope": { - "version": "0.93.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.93.0.tgz", - "integrity": "sha512-yGzNS6SR1u8WSXRIoPS4zwVRow5R/fGyKMry5pDSbQ6GPNJnLvFKVbGff6OhNIL7Tgt3XAYAt7qCN6Sw8s5tug==", + "version": "0.104.1-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.104.1-dev.0.tgz", + "integrity": "sha512-wzGlfIZXzAZ7XTNm6S49UUIt8VWYyXNy+GTvcDgITSm7nQGtYxa6d0tttCH7xDhMdjxJY5mya+0TvY+f9j7fZQ==", "requires": { "@linaria/core": "5.0.2", "@linaria/react": "5.0.3", "@popperjs/core": "2.11.8", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "dayjs": "1.11.11", "focus-visible": "5.2.0", "lodash.throttle": "4.1.1", "react-draggable": "4.4.3", @@ -20878,13 +20891,13 @@ } }, "@salutejs/plasma-sb-utils": { - "version": "0.158.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.158.0.tgz", - "integrity": "sha512-VSuHeTFX/sYHeq/8sDxu3aB0b1sF6llju0QUOLke1WGzB+UIrjmXvjCLnfPAcymhUjSODx1wieDUvn+597l3uw==", + "version": "0.160.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.160.0-dev.0.tgz", + "integrity": "sha512-9jx+mpeC7CAf0t/eAaN7YsO5ozGBUzlWCz0RqomkiTkGTBb9f+CuYCxkZ58a9AZQI8SBHIaopjOP2IuRabuHSg==", "dev": true, "requires": { "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "param-case": "^3.0.4" } }, @@ -23051,6 +23064,7 @@ "version": "1.13.2", "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-1.13.2.tgz", "integrity": "sha512-Vb1R3d4g+MUfPQPVDMCGjm3cDocJEUTR7Xq7QS95JWWeksN1wdFRYpD2kulDgI3Huuaf1CZd+NK4KQmqUFh5dA==", + "dev": true, "requires": { "@babel/helper-annotate-as-pure": "^7.0.0", "@babel/helper-module-imports": "^7.0.0", @@ -23061,7 +23075,8 @@ "babel-plugin-syntax-jsx": { "version": "6.18.0", "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", - "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==" + "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==", + "dev": true }, "babel-plugin-transform-flow-enums": { "version": "0.0.2", @@ -23302,7 +23317,8 @@ "camelize": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", - "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==" + "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==", + "dev": true }, "caniuse-lite": { "version": "1.0.30001611", @@ -23866,12 +23882,14 @@ "css-color-keywords": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", - "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==" + "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==", + "dev": true }, "css-to-react-native": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz", "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==", + "dev": true, "requires": { "camelize": "^1.0.0", "css-color-keywords": "^1.0.0", @@ -23885,10 +23903,9 @@ "dev": true }, "dayjs": { - "version": "1.11.10", - "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz", - "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==", - "dev": true + "version": "1.11.11", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz", + "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==" }, "debug": { "version": "4.3.4", @@ -25169,6 +25186,7 @@ "version": "3.3.2", "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", + "dev": true, "requires": { "react-is": "^16.7.0" } @@ -26182,7 +26200,8 @@ "lodash": { "version": "4.17.21", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", - "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", + "dev": true }, "lodash.debounce": { "version": "4.0.8", @@ -27632,7 +27651,8 @@ "postcss-value-parser": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==" + "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", + "dev": true }, "prettier": { "version": "2.8.8", @@ -28626,7 +28646,8 @@ "shallowequal": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", - "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" + "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==", + "dev": true }, "shebang-command": { "version": "2.0.0", @@ -28964,6 +28985,7 @@ "version": "5.3.1", "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.1.tgz", "integrity": "sha512-JThv2JRzyH0NOIURrk9iskdxMSAAtCfj/b2Sf1WJaCUsloQkblepy1jaCLX/bYE+mhYo3unmwVSI9I5d9ncSiQ==", + "dev": true, "requires": { "@babel/helper-module-imports": "^7.0.0", "@babel/traverse": "^7.4.5", diff --git a/packages/caldera-online/package.json b/packages/caldera-online/package.json index f67df792de..c1750e758c 100644 --- a/packages/caldera-online/package.json +++ b/packages/caldera-online/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/caldera-online", - "version": "0.53.0", + "version": "0.64.1-dev.0", "description": "Salute Design System / React UI kit for Caldera-online web applications", "author": "Salute Frontend Team ", "license": "MIT", @@ -19,8 +19,8 @@ "directory": "packages/caldera-online" }, "dependencies": { - "@salutejs/caldera-online-themes": "0.12.0", - "@salutejs/plasma-new-hope": "0.93.0" + "@salutejs/caldera-online-themes": "0.13.0-dev.0", + "@salutejs/plasma-new-hope": "0.104.1-dev.0" }, "peerDependencies": { "react": ">=16.13.1", @@ -37,9 +37,9 @@ "@babel/preset-typescript": "7.24.1", "@microsoft/api-extractor": "7.38.3", "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", - "@salutejs/plasma-cy-utils": "0.92.0", - "@salutejs/plasma-sb-utils": "0.158.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "@salutejs/plasma-cy-utils": "0.94.0-dev.0", + "@salutejs/plasma-sb-utils": "0.160.0-dev.0", "@storybook/addon-docs": "7.6.17", "@storybook/addon-essentials": "7.6.17", "@storybook/addons": "7.6.17", @@ -95,4 +95,4 @@ "Fanil Zubairov" ], "sideEffects": false -} +} \ No newline at end of file diff --git a/packages/caldera-online/src/components/Portal/Portal.stories.tsx b/packages/caldera-online/src/components/Portal/Portal.stories.tsx new file mode 100644 index 0000000000..73b9db5f28 --- /dev/null +++ b/packages/caldera-online/src/components/Portal/Portal.stories.tsx @@ -0,0 +1,57 @@ +import React, { useState, useRef } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { InSpacingDecorator } from '@salutejs/plasma-sb-utils'; +import type { ComponentProps } from 'react'; +import styled from 'styled-components'; + +import { Button } from '../Button/Button'; +import { BodyM } from '../Typography'; + +import { Portal } from './Portal'; + +const meta: Meta = { + title: 'Controls/Portal', + decorators: [InSpacingDecorator], + args: { + disabled: false, + }, +}; + +export default meta; + +type StoryPortalProps = ComponentProps; + +const StyledWrapper = styled.div` + padding: 1.25rem; + margin-bottom: 0.625rem; + margin-top: 0.625rem; + + border: 1px solid; +`; + +const StoryDefault = ({ disabled }: StoryPortalProps) => { + const [show, setShow] = useState(false); + const containerRef = useRef(null); + + return ( + <> + + + Содержимое портала появится в нижнем блоке. + + Если портал выключен (disabled), то содержимое появится в данном блоке. + + {show && containerRef.current && ( + + Содержимое портала + + )} + + + + ); +}; + +export const Default: StoryObj = { + render: (args) => , +}; diff --git a/packages/caldera-online/src/components/Portal/Portal.tsx b/packages/caldera-online/src/components/Portal/Portal.tsx new file mode 100644 index 0000000000..60ea33d97a --- /dev/null +++ b/packages/caldera-online/src/components/Portal/Portal.tsx @@ -0,0 +1,10 @@ +import { portalConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +const mergedConfig = mergeConfig(portalConfig); +const PortalComponent = component(mergedConfig); + +/* + * Вспомогательный компонент. Используется в Popup, Popover. + * Представляет собой ReactDOM.createPortal() в форме компонента. + */ +export const Portal = PortalComponent; diff --git a/packages/caldera-online/src/components/Portal/index.ts b/packages/caldera-online/src/components/Portal/index.ts new file mode 100644 index 0000000000..922be8e235 --- /dev/null +++ b/packages/caldera-online/src/components/Portal/index.ts @@ -0,0 +1,3 @@ +export { Portal } from './Portal'; + +export type { PortalProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/caldera-online/src/components/Sheet/Sheet.stories.tsx b/packages/caldera-online/src/components/Sheet/Sheet.stories.tsx index 397f8c0c40..7ed7f92fca 100644 --- a/packages/caldera-online/src/components/Sheet/Sheet.stories.tsx +++ b/packages/caldera-online/src/components/Sheet/Sheet.stories.tsx @@ -222,7 +222,7 @@ const StoryWithInsideScroll = ({
& { breakWord?: boolean | undefined; @@ -41,7 +42,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const Body2: FunctionComponent & { breakWord?: boolean | undefined; @@ -50,7 +51,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const BodyL: FunctionComponent & { breakWord?: boolean | undefined; @@ -59,7 +60,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const BodyM: FunctionComponent & { breakWord?: boolean | undefined; @@ -68,7 +69,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const BodyS: FunctionComponent & { breakWord?: boolean | undefined; @@ -77,7 +78,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const BodyXS: FunctionComponent & { breakWord?: boolean | undefined; @@ -86,7 +87,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const BodyXXS: FunctionComponent & { breakWord?: boolean | undefined; @@ -95,39 +96,39 @@ breakWord?: boolean | undefined; // @public export const Button: FunctionComponent & ((Omit, "value"> & Omit, "type"> & AsProps & { text?: string | undefined; @@ -176,14 +177,14 @@ contentRight?: ReactNode; // @public (undocumented) export const Button1: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const Button2: FunctionComponent & TypographyOldProps & RefAttributes>; @@ -195,24 +196,24 @@ export type ButtonProps = typeof ButtonComponent; // @public (undocumented) export const Caption: FunctionComponent & TypographyOldProps & RefAttributes>; // @public export const Checkbox: FunctionComponent & CheckboxProps_2 & RefAttributes>; @@ -224,7 +225,7 @@ export type CheckboxProps = ComponentProps; // @public (undocumented) export const DsplL: FunctionComponent & { breakWord?: boolean | undefined; @@ -233,7 +234,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const DsplM: FunctionComponent & { breakWord?: boolean | undefined; @@ -242,7 +243,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const DsplS: FunctionComponent & { breakWord?: boolean | undefined; @@ -251,21 +252,21 @@ breakWord?: boolean | undefined; // @public (undocumented) export const Footnote1: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const Footnote2: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const H1: FunctionComponent & { breakWord?: boolean | undefined; @@ -274,7 +275,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const H2: FunctionComponent & { breakWord?: boolean | undefined; @@ -283,7 +284,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const H3: FunctionComponent & { breakWord?: boolean | undefined; @@ -292,7 +293,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const H4: FunctionComponent & { breakWord?: boolean | undefined; @@ -301,7 +302,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const H5: FunctionComponent & { breakWord?: boolean | undefined; @@ -310,80 +311,80 @@ breakWord?: boolean | undefined; // @public (undocumented) export const Headline1: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const Headline2: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const Headline3: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const Headline4: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const Headline5: FunctionComponent & TypographyOldProps & RefAttributes>; // @public export const Link: FunctionComponent & AnchorHTMLAttributes & LinkCustomProps & RefAttributes>; // @public (undocumented) export const P1: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const P2: FunctionComponent & TypographyOldProps & RefAttributes>; // @public export const Radiobox: FunctionComponent & Filter, "size"> & Omit & RefAttributes>; @@ -397,7 +398,7 @@ export { RadioGroup } // @public export const Spinner: StyledComponent & ((HTMLAttributes & { width?: undefined; @@ -431,27 +432,27 @@ export { SSRProvider } // @public (undocumented) export const Subtitle: FunctionComponent & SubtitleProps & RefAttributes>; // @public (undocumented) export const Switch: FunctionComponent & SwitchProps_2 & RefAttributes>; @@ -463,7 +464,7 @@ export type SwitchProps = ComponentProps; // @public (undocumented) export const TextL: FunctionComponent & { breakWord?: boolean | undefined; @@ -472,7 +473,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const TextM: FunctionComponent & { breakWord?: boolean | undefined; @@ -481,7 +482,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const TextS: FunctionComponent & { breakWord?: boolean | undefined; @@ -490,7 +491,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const TextXS: FunctionComponent & { breakWord?: boolean | undefined; @@ -499,7 +500,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const Underline: FunctionComponent & TypographyOldProps & RefAttributes>; diff --git a/packages/plasma-asdk/package-lock.json b/packages/plasma-asdk/package-lock.json index 41acd5e947..461e8fd688 100644 --- a/packages/plasma-asdk/package-lock.json +++ b/packages/plasma-asdk/package-lock.json @@ -1,17 +1,17 @@ { "name": "@salutejs/plasma-asdk", - "version": "0.96.0", + "version": "0.107.1-dev.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@salutejs/plasma-asdk", - "version": "0.96.0", + "version": "0.107.1-dev.0", "license": "MIT", "dependencies": { - "@salutejs/plasma-new-hope": "0.93.0", - "@salutejs/plasma-tokens": "1.81.0", - "@salutejs/plasma-tokens-b2b": "1.40.0", + "@salutejs/plasma-new-hope": "0.104.1-dev.0", + "@salutejs/plasma-tokens": "1.83.0-dev.0", + "@salutejs/plasma-tokens-b2b": "1.41.0-dev.0", "@salutejs/plasma-typo": "0.40.0" }, "devDependencies": { @@ -24,10 +24,10 @@ "@babel/preset-typescript": "7.24.1", "@microsoft/api-extractor": "7.38.3", "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", - "@salutejs/plasma-cy-utils": "0.92.0", - "@salutejs/plasma-icons": "1.198.0", - "@salutejs/plasma-sb-utils": "0.158.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "@salutejs/plasma-cy-utils": "0.94.0-dev.0", + "@salutejs/plasma-icons": "1.198.3-dev.0", + "@salutejs/plasma-sb-utils": "0.160.0-dev.0", "@storybook/addon-docs": "7.6.17", "@storybook/addon-essentials": "7.6.17", "@storybook/addons": "7.6.17", @@ -4352,9 +4352,9 @@ "dev": true }, "node_modules/@salutejs/plasma-core": { - "version": "1.160.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.160.0.tgz", - "integrity": "sha512-ddpmy2lmCjPY0SQAcVma/rjqV+yzXY512MC6WtC6qq5RGZi+x/QKFGyL6eLVZbVE7QqxvvqSed/YiA22OaAXUA==", + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", "dependencies": { "@popperjs/core": "2.9.2", "@salutejs/plasma-typo": "0.40.0", @@ -4379,9 +4379,9 @@ } }, "node_modules/@salutejs/plasma-cy-utils": { - "version": "0.92.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.92.0.tgz", - "integrity": "sha512-huAKimH6MCBSk66ZtPoXGm4wC00nh78tPTEp+aC9/i3WifrXcZ8U3XSy3Sy1prSXygVCGdkF1jNVxTRp0Q/cSA==", + "version": "0.94.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.94.0-dev.0.tgz", + "integrity": "sha512-X778wOZh9VCzLwRqU0JfmeycdkqyI6ywYoIOFlM5oMUsbymRt3UqoTg/r9sEAD3BFCVmOSE1t6O1xgYI1iKXKg==", "dev": true, "peerDependencies": { "react": ">=16.13.1", @@ -4390,9 +4390,9 @@ } }, "node_modules/@salutejs/plasma-icons": { - "version": "1.198.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.0.tgz", - "integrity": "sha512-0OdHWq12uVhIGWKiHD7qyHEMNntphl1YOnuLwls83oE5nutlxeFHm9dWsLRY50jJZJN+lcpAe86pueb1Ie5JgA==", + "version": "1.198.3-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.3-dev.0.tgz", + "integrity": "sha512-pQv0PUF3280wVvZKxGriCozqgdQcx1xjPfQhYkbugu1WCU+/lPNb/FwfOnsfZRmIU0B9v7Moo0vwzxp/8sCfuA==", "dev": true, "peerDependencies": { "react": ">=16.13.1", @@ -4401,14 +4401,15 @@ } }, "node_modules/@salutejs/plasma-new-hope": { - "version": "0.93.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.93.0.tgz", - "integrity": "sha512-yGzNS6SR1u8WSXRIoPS4zwVRow5R/fGyKMry5pDSbQ6GPNJnLvFKVbGff6OhNIL7Tgt3XAYAt7qCN6Sw8s5tug==", + "version": "0.104.1-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.104.1-dev.0.tgz", + "integrity": "sha512-wzGlfIZXzAZ7XTNm6S49UUIt8VWYyXNy+GTvcDgITSm7nQGtYxa6d0tttCH7xDhMdjxJY5mya+0TvY+f9j7fZQ==", "dependencies": { "@linaria/core": "5.0.2", "@linaria/react": "5.0.3", "@popperjs/core": "2.11.8", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "dayjs": "1.11.11", "focus-visible": "5.2.0", "lodash.throttle": "4.1.1", "react-draggable": "4.4.3", @@ -4421,13 +4422,13 @@ } }, "node_modules/@salutejs/plasma-sb-utils": { - "version": "0.158.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.158.0.tgz", - "integrity": "sha512-VSuHeTFX/sYHeq/8sDxu3aB0b1sF6llju0QUOLke1WGzB+UIrjmXvjCLnfPAcymhUjSODx1wieDUvn+597l3uw==", + "version": "0.160.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.160.0-dev.0.tgz", + "integrity": "sha512-9jx+mpeC7CAf0t/eAaN7YsO5ozGBUzlWCz0RqomkiTkGTBb9f+CuYCxkZ58a9AZQI8SBHIaopjOP2IuRabuHSg==", "dev": true, "dependencies": { "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "param-case": "^3.0.4" }, "peerDependencies": { @@ -4437,17 +4438,17 @@ } }, "node_modules/@salutejs/plasma-tokens": { - "version": "1.81.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens/-/plasma-tokens-1.81.0.tgz", - "integrity": "sha512-IK9RK3eC4hIES9+bZ3lzq5x0M0vyX7zpsWmIYUIx2PIE8j/E7heQvqJQAW6d3O5RtpgKFoyDomeVX2nr78ffdA==", + "version": "1.83.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens/-/plasma-tokens-1.83.0-dev.0.tgz", + "integrity": "sha512-6Yau3W/9b9ZGeYPdWM8gVk187ThnqRIlvcfWsio7iFOtr8maFc1MRabd+rgsZBXMSRlqMTUSF3VmA5WO06ABFg==", "peerDependencies": { "styled-components": "^5.1.1" } }, "node_modules/@salutejs/plasma-tokens-b2b": { - "version": "1.40.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2b/-/plasma-tokens-b2b-1.40.0.tgz", - "integrity": "sha512-/jN5XNEMv8zP1vRqHw2EndeyC6yVT6d+BD9HFnXpqmA7SYiuVfHF9NAtFnK1GvQqgu1uEdiG1AJmIaO/yr/fDA==" + "version": "1.41.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2b/-/plasma-tokens-b2b-1.41.0-dev.0.tgz", + "integrity": "sha512-1U+tQLppSiADU4c+VhEztQXxlvWEO2/4FfkTuK5nVTl2A7Jbf8Qhh3SHVym5GWAXFd0MrSxSla4EshgMoA4yDA==" }, "node_modules/@salutejs/plasma-typo": { "version": "0.40.0", @@ -7489,6 +7490,11 @@ "integrity": "sha512-RSU6Hyeg14am3Ah4VZEmeX8H7kLwEEirXe6aU2IPfKNvhXwTflK5HQRDNI0ypQXoqmm+QPyG2IaPuQE5zMwSIQ==", "dev": true }, + "node_modules/dayjs": { + "version": "1.11.11", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz", + "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==" + }, "node_modules/debug": { "version": "2.6.9", "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", @@ -17018,9 +17024,9 @@ "dev": true }, "@salutejs/plasma-core": { - "version": "1.160.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.160.0.tgz", - "integrity": "sha512-ddpmy2lmCjPY0SQAcVma/rjqV+yzXY512MC6WtC6qq5RGZi+x/QKFGyL6eLVZbVE7QqxvvqSed/YiA22OaAXUA==", + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", "requires": { "@popperjs/core": "2.9.2", "@salutejs/plasma-typo": "0.40.0", @@ -17038,26 +17044,27 @@ } }, "@salutejs/plasma-cy-utils": { - "version": "0.92.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.92.0.tgz", - "integrity": "sha512-huAKimH6MCBSk66ZtPoXGm4wC00nh78tPTEp+aC9/i3WifrXcZ8U3XSy3Sy1prSXygVCGdkF1jNVxTRp0Q/cSA==", + "version": "0.94.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.94.0-dev.0.tgz", + "integrity": "sha512-X778wOZh9VCzLwRqU0JfmeycdkqyI6ywYoIOFlM5oMUsbymRt3UqoTg/r9sEAD3BFCVmOSE1t6O1xgYI1iKXKg==", "dev": true }, "@salutejs/plasma-icons": { - "version": "1.198.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.0.tgz", - "integrity": "sha512-0OdHWq12uVhIGWKiHD7qyHEMNntphl1YOnuLwls83oE5nutlxeFHm9dWsLRY50jJZJN+lcpAe86pueb1Ie5JgA==", + "version": "1.198.3-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.3-dev.0.tgz", + "integrity": "sha512-pQv0PUF3280wVvZKxGriCozqgdQcx1xjPfQhYkbugu1WCU+/lPNb/FwfOnsfZRmIU0B9v7Moo0vwzxp/8sCfuA==", "dev": true }, "@salutejs/plasma-new-hope": { - "version": "0.93.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.93.0.tgz", - "integrity": "sha512-yGzNS6SR1u8WSXRIoPS4zwVRow5R/fGyKMry5pDSbQ6GPNJnLvFKVbGff6OhNIL7Tgt3XAYAt7qCN6Sw8s5tug==", + "version": "0.104.1-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.104.1-dev.0.tgz", + "integrity": "sha512-wzGlfIZXzAZ7XTNm6S49UUIt8VWYyXNy+GTvcDgITSm7nQGtYxa6d0tttCH7xDhMdjxJY5mya+0TvY+f9j7fZQ==", "requires": { "@linaria/core": "5.0.2", "@linaria/react": "5.0.3", "@popperjs/core": "2.11.8", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "dayjs": "1.11.11", "focus-visible": "5.2.0", "lodash.throttle": "4.1.1", "react-draggable": "4.4.3", @@ -17066,25 +17073,25 @@ } }, "@salutejs/plasma-sb-utils": { - "version": "0.158.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.158.0.tgz", - "integrity": "sha512-VSuHeTFX/sYHeq/8sDxu3aB0b1sF6llju0QUOLke1WGzB+UIrjmXvjCLnfPAcymhUjSODx1wieDUvn+597l3uw==", + "version": "0.160.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.160.0-dev.0.tgz", + "integrity": "sha512-9jx+mpeC7CAf0t/eAaN7YsO5ozGBUzlWCz0RqomkiTkGTBb9f+CuYCxkZ58a9AZQI8SBHIaopjOP2IuRabuHSg==", "dev": true, "requires": { "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "param-case": "^3.0.4" } }, "@salutejs/plasma-tokens": { - "version": "1.81.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens/-/plasma-tokens-1.81.0.tgz", - "integrity": "sha512-IK9RK3eC4hIES9+bZ3lzq5x0M0vyX7zpsWmIYUIx2PIE8j/E7heQvqJQAW6d3O5RtpgKFoyDomeVX2nr78ffdA==" + "version": "1.83.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens/-/plasma-tokens-1.83.0-dev.0.tgz", + "integrity": "sha512-6Yau3W/9b9ZGeYPdWM8gVk187ThnqRIlvcfWsio7iFOtr8maFc1MRabd+rgsZBXMSRlqMTUSF3VmA5WO06ABFg==" }, "@salutejs/plasma-tokens-b2b": { - "version": "1.40.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2b/-/plasma-tokens-b2b-1.40.0.tgz", - "integrity": "sha512-/jN5XNEMv8zP1vRqHw2EndeyC6yVT6d+BD9HFnXpqmA7SYiuVfHF9NAtFnK1GvQqgu1uEdiG1AJmIaO/yr/fDA==" + "version": "1.41.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2b/-/plasma-tokens-b2b-1.41.0-dev.0.tgz", + "integrity": "sha512-1U+tQLppSiADU4c+VhEztQXxlvWEO2/4FfkTuK5nVTl2A7Jbf8Qhh3SHVym5GWAXFd0MrSxSla4EshgMoA4yDA==" }, "@salutejs/plasma-typo": { "version": "0.40.0", @@ -19453,6 +19460,11 @@ "integrity": "sha512-RSU6Hyeg14am3Ah4VZEmeX8H7kLwEEirXe6aU2IPfKNvhXwTflK5HQRDNI0ypQXoqmm+QPyG2IaPuQE5zMwSIQ==", "dev": true }, + "dayjs": { + "version": "1.11.11", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz", + "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==" + }, "debug": { "version": "2.6.9", "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", diff --git a/packages/plasma-asdk/package.json b/packages/plasma-asdk/package.json index 760ed1c2df..abed78c1ad 100644 --- a/packages/plasma-asdk/package.json +++ b/packages/plasma-asdk/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-asdk", - "version": "0.96.0", + "version": "0.107.1-dev.0", "description": "Salute Design System / React UI kit for Assistant web applications", "author": "Salute Frontend Team ", "license": "MIT", @@ -19,9 +19,9 @@ "directory": "packages/plasma-asdk" }, "dependencies": { - "@salutejs/plasma-new-hope": "0.93.0", - "@salutejs/plasma-tokens": "1.81.0", - "@salutejs/plasma-tokens-b2b": "1.40.0", + "@salutejs/plasma-new-hope": "0.104.1-dev.0", + "@salutejs/plasma-tokens": "1.83.0-dev.0", + "@salutejs/plasma-tokens-b2b": "1.41.0-dev.0", "@salutejs/plasma-typo": "0.40.0" }, "peerDependencies": { @@ -39,10 +39,10 @@ "@babel/preset-typescript": "7.24.1", "@microsoft/api-extractor": "7.38.3", "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", - "@salutejs/plasma-cy-utils": "0.92.0", - "@salutejs/plasma-icons": "1.198.0", - "@salutejs/plasma-sb-utils": "0.158.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "@salutejs/plasma-cy-utils": "0.94.0-dev.0", + "@salutejs/plasma-icons": "1.198.3-dev.0", + "@salutejs/plasma-sb-utils": "0.160.0-dev.0", "@storybook/addon-docs": "7.6.17", "@storybook/addon-essentials": "7.6.17", "@storybook/addons": "7.6.17", @@ -98,4 +98,4 @@ "Fanil Zubairov" ], "sideEffects": false -} +} \ No newline at end of file diff --git a/packages/plasma-b2c/api/plasma-b2c.api.md b/packages/plasma-b2c/api/plasma-b2c.api.md index b2ff196d3a..1ac077d4b7 100644 --- a/packages/plasma-b2c/api/plasma-b2c.api.md +++ b/packages/plasma-b2c/api/plasma-b2c.api.md @@ -95,6 +95,18 @@ import { counterTokens } from '@salutejs/plasma-new-hope/styled-components'; import { CustomComboboxProps } from '@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types'; import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types'; import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types'; +import { DatePickerCalendarProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types'; +import { DatePickerCalendarProps as DatePickerCalendarProps_2 } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types'; +import { datePickerClasses } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerdVariationProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types'; +import { DatePickerPlacement } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerPlacementBasic } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerPopoverProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types'; +import { DatePickerProps } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerRangePlacement } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerRangeProps } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerTextFieldProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types'; +import { datePickerTokens } from '@salutejs/plasma-new-hope/styled-components'; import { defaultValidate } from '@salutejs/plasma-hope'; import { DisabledProps } from '@salutejs/plasma-core'; import { DividerProps } from '@salutejs/plasma-new-hope/styled-components'; @@ -162,6 +174,7 @@ import { PaginationProps } from '@salutejs/plasma-new-hope/styled-components'; import { PanelProps } from '@salutejs/plasma-new-hope/types/components/Panel'; import { PickOptional } from '@salutejs/plasma-core'; import { PinProps } from '@salutejs/plasma-core'; +import { PolymorphicClassName } from '@salutejs/plasma-new-hope/types/engines/types'; import { PopoverPlacement } from '@salutejs/plasma-new-hope/styled-components'; import { PopoverProps } from '@salutejs/plasma-new-hope/styled-components'; import { PopoverTrigger } from '@salutejs/plasma-new-hope/styled-components'; @@ -172,6 +185,7 @@ import { PopupProps as PopupBaseProps } from '@salutejs/plasma-new-hope/styled-c import { PopupProvider as PopupBaseProvider } from '@salutejs/plasma-new-hope/styled-components'; import { PopupInfo } from '@salutejs/plasma-new-hope/styled-components'; import { PopupProps } from '@salutejs/plasma-hope'; +import { PortalProps } from '@salutejs/plasma-new-hope/styled-components'; import { PreviewGallery } from '@salutejs/plasma-hope'; import { PreviewGalleryItemProps } from '@salutejs/plasma-hope'; import { PreviewGalleryProps } from '@salutejs/plasma-hope'; @@ -181,6 +195,7 @@ import { ProgressProps } from '@salutejs/plasma-new-hope/styled-components'; import { PropsType } from '@salutejs/plasma-new-hope/types/engines/types'; import { RadioGroup } from '@salutejs/plasma-new-hope/styled-components'; import { radiuses } from '@salutejs/plasma-core'; +import { RangeInputRefs } from '@salutejs/plasma-new-hope/styled-components'; import { RangeProps } from '@salutejs/plasma-new-hope/styled-components'; import { rangeTokens } from '@salutejs/plasma-new-hope/styled-components'; import { Ratio } from '@salutejs/plasma-new-hope/styled-components'; @@ -247,6 +262,7 @@ import { TextFieldPrimitiveValue } from '@salutejs/plasma-new-hope/types/compone import { TextfieldPrimitiveValue } from '@salutejs/plasma-new-hope/types/components/Range/Range.types'; import type { TextFieldProps as TextFieldProps_2 } from '@salutejs/plasma-hope'; import { TextFieldView } from '@salutejs/plasma-hope'; +import { TextSkeletonBaseProps } from '@salutejs/plasma-new-hope/types/components/Skeleton/TextSkeleton/TextSkeleton.types'; import { TextSkeletonProps } from '@salutejs/plasma-new-hope/styled-components'; import { TimingFunction } from '@salutejs/plasma-core'; import { ToastPosition } from '@salutejs/plasma-new-hope/styled-components'; @@ -287,18 +303,18 @@ import { WithSkeletonProps } from '@salutejs/plasma-new-hope/styled-components'; // @public export const Accordion: FunctionComponent & { view: string; @@ -361,17 +377,17 @@ export { AudioPlayerProps } // @public (undocumented) export const Avatar: FunctionComponent & HTMLAttributes & { size: "m" | "s" | "l" | "xxl" | "fit"; @@ -396,24 +412,24 @@ export { AvatarProps } // @public export const Badge: FunctionComponent & HTMLAttributes & { text?: string | undefined; @@ -436,7 +452,7 @@ export { blurs } // @public (undocumented) export const Body1: FunctionComponent & { breakWord?: boolean | undefined; @@ -445,7 +461,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const Body2: FunctionComponent & { breakWord?: boolean | undefined; @@ -454,7 +470,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const BodyL: FunctionComponent & { breakWord?: boolean | undefined; @@ -463,7 +479,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const BodyM: FunctionComponent & { breakWord?: boolean | undefined; @@ -472,7 +488,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const BodyS: FunctionComponent & { breakWord?: boolean | undefined; @@ -481,7 +497,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const BodyXS: FunctionComponent & { breakWord?: boolean | undefined; @@ -490,7 +506,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const BodyXXS: FunctionComponent & { breakWord?: boolean | undefined; @@ -503,39 +519,39 @@ export { BreakWordProps } // @public export const Button: FunctionComponent & ((Omit, "value"> & Omit, "type"> & AsProps_2 & { text?: string | undefined; @@ -584,14 +600,14 @@ contentRight?: ReactNode; // @public (undocumented) export const Button1: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const Button2: FunctionComponent & TypographyOldProps & RefAttributes>; @@ -600,45 +616,45 @@ export { ButtonBase } // @public export const ButtonGroup: FunctionComponent & ButtonGroupProps & RefAttributes>; @@ -652,14 +668,18 @@ export const Calendar: FC; // @public (undocumented) export const CalendarBase: FunctionComponent & HTMLAttributes & Calendar_2 & { +}> & Calendar_2 & { type?: "Days" | "Months" | "Years" | undefined; +size?: string | undefined; +view?: string | undefined; } & RefAttributes>; export { CalendarBaseProps } @@ -670,13 +690,18 @@ export const CalendarBaseRange: ({ value, disabledList, eventList, min, max, onC // @public (undocumented) export const CalendarDouble: FunctionComponent & HTMLAttributes & Calendar_2 & RefAttributes>; +}> & HTMLAttributes & Calendar_2 & { +size?: string | undefined; +view?: string | undefined; +} & RefAttributes>; export { CalendarDoubleProps } @@ -692,7 +717,7 @@ export { canUseDOM } // @public (undocumented) export const Caption: FunctionComponent & TypographyOldProps & RefAttributes>; @@ -727,13 +752,13 @@ export { CarouselProps } // @public export const Cell: FunctionComponent & (({ size?: string | undefined; @@ -780,25 +805,25 @@ export { CellTextboxTitle } // @public export const Checkbox: FunctionComponent & CheckboxProps_2 & RefAttributes>; @@ -810,26 +835,26 @@ export type CheckboxProps = ComponentProps; // @public export const Chip: FunctionComponent & ChipProps & RefAttributes>; @@ -854,13 +879,13 @@ export { ColSizeProps } // @public (undocumented) export const Combobox: FunctionComponent & ((Omit, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & { valueType?: "single" | undefined; @@ -928,8 +953,8 @@ export { ComboboxProps } // @public (undocumented) export const Container: FunctionComponent & ContainerProps & RefAttributes>; @@ -940,17 +965,17 @@ export { convertRoundnessMatrix } // @public export const Counter: FunctionComponent & HTMLAttributes & { count: number; @@ -963,6 +988,97 @@ export { CounterProps } export { counterTokens } +// @public (undocumented) +export const DatePicker: FunctionComponent & DatePickerdVariationProps & DatePickerTextFieldProps & DatePickerCalendarProps & DatePickerPopoverProps & Omit, "defaultValue"> & RefAttributes>; + +export { datePickerClasses } + +export { DatePickerPlacement } + +export { DatePickerPlacementBasic } + +export { DatePickerProps } + +// @public (undocumented) +export const DatePickerRange: FunctionComponent & DatePickerdVariationProps & { +defaultFirstDate?: Date | undefined; +defaultSecondDate?: Date | undefined; +onCommitFirstDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined) => void) | undefined; +onCommitSecondDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined) => void) | undefined; +} & { +label?: string | undefined; +view?: string | undefined; +disabled?: boolean | undefined; +readOnly?: boolean | undefined; +size?: string | undefined; +contentLeft?: ReactNode; +contentRight?: ReactNode; +leftHelper?: string | undefined; +dividerVariant?: "none" | "icon" | "dash" | undefined; +dividerIcon?: ReactNode; +firstValueError?: boolean | undefined; +secondValueError?: boolean | undefined; +firstValueSuccess?: boolean | undefined; +secondValueSuccess?: boolean | undefined; +firstPlaceholder?: string | undefined; +secondPlaceholder?: string | undefined; +firstTextfieldContentLeft?: ReactElement> | undefined; +firstTextfieldContentRight?: ReactElement> | undefined; +secondTextfieldContentLeft?: ReactElement> | undefined; +secondTextfieldContentRight?: ReactElement> | undefined; +firstTextfieldTextBefore?: string | undefined; +secondTextfieldTextBefore?: string | undefined; +firstTextfieldTextAfter?: string | undefined; +secondTextfieldTextAfter?: string | undefined; +onChangeFirstValue?: BaseCallbackChangeInstance | undefined; +onChangeSecondValue?: BaseCallbackChangeInstance | undefined; +onFocusFirstTextfield?: ((event: ChangeEvent) => void) | undefined; +onFocusSecondTextfield?: ((event: ChangeEvent) => void) | undefined; +onBlurFirstTextfield?: ((event: ChangeEvent) => void) | undefined; +onBlurSecondTextfield?: ((event: ChangeEvent) => void) | undefined; +} & DatePickerCalendarProps_2 & Omit & { +placement?: DatePickerRangePlacement | DatePickerRangePlacement[] | undefined; +isDoubleCalendar?: boolean | undefined; +} & HTMLAttributes & RefAttributes>; + +export { DatePickerRangePlacement } + +export { DatePickerRangeProps } + +export { datePickerTokens } + export { defaultValidate } export { DisabledProps } @@ -970,17 +1086,17 @@ export { DisabledProps } // @public export const Divider: FunctionComponent & DividerProps & RefAttributes>; @@ -991,14 +1107,14 @@ export { dividerTokens } // @public export const Drawer: FunctionComponent & PopupBaseProps & PanelProps & { placement?: "top" | "bottom" | "right" | "left" | undefined; @@ -1043,13 +1159,13 @@ export { DrawerProps } // @public (undocumented) export const Dropdown: FunctionComponent & DropdownProps & RefAttributes>; @@ -1075,7 +1191,7 @@ export { DropdownProps } // @public (undocumented) export const DsplL: FunctionComponent & { breakWord?: boolean | undefined; @@ -1084,7 +1200,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const DsplM: FunctionComponent & { breakWord?: boolean | undefined; @@ -1093,7 +1209,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const DsplS: FunctionComponent & { breakWord?: boolean | undefined; @@ -1114,14 +1230,14 @@ export { FocusProps } // @public (undocumented) export const Footnote1: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const Footnote2: FunctionComponent & TypographyOldProps & RefAttributes>; @@ -1140,7 +1256,7 @@ export { gridSizes } // @public (undocumented) export const H1: FunctionComponent & { breakWord?: boolean | undefined; @@ -1149,7 +1265,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const H2: FunctionComponent & { breakWord?: boolean | undefined; @@ -1158,7 +1274,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const H3: FunctionComponent & { breakWord?: boolean | undefined; @@ -1167,7 +1283,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const H4: FunctionComponent & { breakWord?: boolean | undefined; @@ -1176,7 +1292,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const H5: FunctionComponent & { breakWord?: boolean | undefined; @@ -1185,67 +1301,67 @@ breakWord?: boolean | undefined; // @public (undocumented) export const Headline1: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const Headline2: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const Headline3: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const Headline4: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const Headline5: FunctionComponent & TypographyOldProps & RefAttributes>; // @public export const IconButton: FunctionComponent & ((Omit, "value"> & Omit, "type"> & AsProps_2 & { text?: string | undefined; @@ -1304,19 +1420,19 @@ export { ImageProps } // @public (undocumented) export const Indicator: FunctionComponent & HTMLAttributes & { size: string; @@ -1330,41 +1446,41 @@ export { InputHTMLAttributes } // @public export const LineSkeleton: FunctionComponent & HTMLAttributes & SkeletonSizeProps & { customGradientColor?: string | undefined; @@ -1376,22 +1492,22 @@ export { LineSkeletonProps } // @public export const Link: FunctionComponent & AnchorHTMLAttributes & LinkCustomProps & RefAttributes>; @@ -1427,15 +1543,15 @@ export { monthShortName } // @public (undocumented) const Notification_2: React_2.FunctionComponent & NotificationProps & React_2.RefAttributes>; export { Notification_2 as Notification } @@ -1461,14 +1577,14 @@ export { OverlayProps } // @public (undocumented) export const P1: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const P2: FunctionComponent & TypographyOldProps & RefAttributes>; @@ -1477,26 +1593,26 @@ export { padZeroNumber } // @public export const Pagination: FunctionComponent & PaginationProps & RefAttributes>; @@ -1511,14 +1627,14 @@ export { PaginationProps } // @public (undocumented) export const ParagraphText1: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const ParagraphText2: FunctionComponent & TypographyOldProps & RefAttributes>; @@ -1529,7 +1645,7 @@ export { PinProps } // @public (undocumented) export const Popover: FunctionComponent & HTMLAttributes & CustomPopoverProps & RefAttributes>; @@ -1556,6 +1672,11 @@ export { PopupInfo } export { PopupProps } +// @public (undocumented) +export const Portal: FunctionComponent & PortalProps & RefAttributes>; + +export { PortalProps } + export { PreviewGallery } export { PreviewGalleryItemProps } @@ -1569,16 +1690,16 @@ export { PriceProps } // @public (undocumented) export const Progress: FunctionComponent & ProgressProps & RefAttributes>; @@ -1587,25 +1708,25 @@ export { ProgressProps } // @public export const Radiobox: FunctionComponent & Filter, "size"> & Omit & RefAttributes>; @@ -1621,19 +1742,19 @@ export { radiuses } // @public const Range_2: FunctionComponent & (({ label?: string | undefined; @@ -1671,7 +1792,7 @@ firstTextfieldTextBefore: string; secondTextfieldTextBefore: string; dividerVariant?: "none" | undefined; dividerIcon?: undefined; -} & HTMLAttributes & RefAttributes) | ({ +} & HTMLAttributes & RefAttributes) | ({ label?: string | undefined; leftHelper?: string | undefined; contentLeft?: ReactNode; @@ -1707,7 +1828,7 @@ dividerVariant?: "dash" | undefined; dividerIcon?: undefined; firstTextfieldTextBefore?: string | undefined; secondTextfieldTextBefore?: string | undefined; -} & HTMLAttributes & RefAttributes) | ({ +} & HTMLAttributes & RefAttributes) | ({ label?: string | undefined; leftHelper?: string | undefined; contentLeft?: ReactNode; @@ -1743,7 +1864,7 @@ dividerIcon?: ReactNode; dividerVariant?: "icon" | undefined; firstTextfieldTextBefore?: string | undefined; secondTextfieldTextBefore?: string | undefined; -} & HTMLAttributes & RefAttributes))>; +} & HTMLAttributes & RefAttributes))>; export { Range_2 as Range } export { RangeProps } @@ -1773,26 +1894,26 @@ export { ScrollSnapProps } // @public export const SegmentGroup: FunctionComponent & HTMLAttributes & { selectionMode?: "multiple" | "single" | undefined; @@ -1809,21 +1930,21 @@ export { SegmentGroupProps } // @public export const SegmentItem: FunctionComponent & ButtonHTMLAttributes & { value: string; @@ -1857,7 +1978,7 @@ export { shadows } // @public export const Sheet: FunctionComponent & SheetProps & RefAttributes>; @@ -1874,17 +1995,17 @@ export { SkeletonGradientProps } // @public export const Slider: FunctionComponent & ((SingleSliderProps & RefAttributes) | (DoubleSliderProps & RefAttributes))>; @@ -1918,27 +2039,27 @@ export { StyledPreviewGallery } // @public (undocumented) export const Subtitle: FunctionComponent & SubtitleProps & RefAttributes>; // @public (undocumented) export const Switch: FunctionComponent & SwitchProps_2 & RefAttributes>; @@ -2007,26 +2128,26 @@ export { TextareaResize } // @public export const TextField: React_2.ForwardRefExoticComponent & (({ size?: string | undefined; @@ -2078,7 +2199,7 @@ export { TextFieldView } // @public (undocumented) export const TextL: FunctionComponent & { breakWord?: boolean | undefined; @@ -2087,7 +2208,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const TextM: FunctionComponent & { breakWord?: boolean | undefined; @@ -2096,27 +2217,62 @@ breakWord?: boolean | undefined; // @public (undocumented) export const TextS: FunctionComponent & { breakWord?: boolean | undefined; } & SpacingProps_2 & BoldProps & HTMLAttributes & RefAttributes>; // @public -export const TextSkeleton: FC< { -lines: number; -width?: string | number | undefined; -} & HTMLAttributes & SkeletonSizeProps & { +export const TextSkeleton: FC & HTMLAttributes & SkeletonSizeProps & { customGradientColor?: string | undefined; roundness?: 0 | 8 | 12 | 14 | 16 | 18 | 20 | 24 | 28 | 32 | 250 | undefined; -} & SkeletonGradientProps_2>; +} & SkeletonGradientProps_2 & RefAttributes & TextSkeletonBaseProps>; export { TextSkeletonProps } // @public (undocumented) export const TextXS: FunctionComponent & { breakWord?: boolean | undefined; @@ -2127,16 +2283,16 @@ export { TimingFunction } // @public (undocumented) export const Toast: FunctionComponent & HTMLAttributes & CustomToastProps & RefAttributes>; @@ -2156,13 +2312,13 @@ export { toCssSize } // @public export const Toolbar: FunctionComponent & HTMLAttributes & { children: ReactNode; @@ -2189,7 +2345,7 @@ export { transformStyles } // @public (undocumented) export const Underline: FunctionComponent & TypographyOldProps & RefAttributes>; diff --git a/packages/plasma-b2c/package-lock.json b/packages/plasma-b2c/package-lock.json index 52bdac524d..099281aa0e 100644 --- a/packages/plasma-b2c/package-lock.json +++ b/packages/plasma-b2c/package-lock.json @@ -1,19 +1,19 @@ { "name": "@salutejs/plasma-b2c", - "version": "1.338.0", + "version": "1.349.1-dev.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@salutejs/plasma-b2c", - "version": "1.338.0", + "version": "1.349.1-dev.0", "license": "MIT", "dependencies": { - "@salutejs/plasma-core": "1.160.0", - "@salutejs/plasma-hope": "1.285.0", - "@salutejs/plasma-new-hope": "0.93.0", - "@salutejs/plasma-tokens-b2c": "0.50.0", - "@salutejs/plasma-tokens-web": "1.55.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "@salutejs/plasma-hope": "1.287.1-dev.0", + "@salutejs/plasma-new-hope": "0.104.1-dev.0", + "@salutejs/plasma-tokens-b2c": "0.51.0-dev.0", + "@salutejs/plasma-tokens-web": "1.56.0-dev.0", "@salutejs/plasma-typo": "0.40.0" }, "devDependencies": { @@ -31,9 +31,9 @@ "@rollup/plugin-commonjs": "25.0.7", "@rollup/plugin-node-resolve": "15.2.3", "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-cy-utils": "0.92.0", - "@salutejs/plasma-icons": "1.198.0", - "@salutejs/plasma-sb-utils": "0.158.0", + "@salutejs/plasma-cy-utils": "0.94.0-dev.0", + "@salutejs/plasma-icons": "1.198.3-dev.0", + "@salutejs/plasma-sb-utils": "0.160.0-dev.0", "@storybook/addon-docs": "7.6.17", "@storybook/addon-essentials": "7.6.17", "@storybook/addon-knobs": "7.0.2", @@ -4990,9 +4990,9 @@ "dev": true }, "node_modules/@salutejs/plasma-core": { - "version": "1.160.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.160.0.tgz", - "integrity": "sha512-ddpmy2lmCjPY0SQAcVma/rjqV+yzXY512MC6WtC6qq5RGZi+x/QKFGyL6eLVZbVE7QqxvvqSed/YiA22OaAXUA==", + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", "dependencies": { "@popperjs/core": "2.9.2", "@salutejs/plasma-typo": "0.40.0", @@ -5008,9 +5008,9 @@ } }, "node_modules/@salutejs/plasma-cy-utils": { - "version": "0.92.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.92.0.tgz", - "integrity": "sha512-huAKimH6MCBSk66ZtPoXGm4wC00nh78tPTEp+aC9/i3WifrXcZ8U3XSy3Sy1prSXygVCGdkF1jNVxTRp0Q/cSA==", + "version": "0.94.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.94.0-dev.0.tgz", + "integrity": "sha512-X778wOZh9VCzLwRqU0JfmeycdkqyI6ywYoIOFlM5oMUsbymRt3UqoTg/r9sEAD3BFCVmOSE1t6O1xgYI1iKXKg==", "dev": true, "peerDependencies": { "react": ">=16.13.1", @@ -5019,12 +5019,12 @@ } }, "node_modules/@salutejs/plasma-hope": { - "version": "1.285.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-hope/-/plasma-hope-1.285.0.tgz", - "integrity": "sha512-5qz3y1Xvt5gU0PxB1JGC3ITKMETveURIT+Dfc+Q0tMTfAGNwtQATvvWldlUqjx+3udPDFqctpJhT6ZGE4HP/sg==", + "version": "1.287.1-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-hope/-/plasma-hope-1.287.1-dev.0.tgz", + "integrity": "sha512-0xPWIRhNzfixFv5eHQ2hmpXDYRI80sXJHZ8wyoA7/W/13+cJDJ1VjavVX8Klw7+283DnOPoiQmFZE9PrqyoQDA==", "dependencies": { "@popperjs/core": "2.9.2", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "@salutejs/plasma-typo": "0.40.0", "react-file-drop": "3.1.6", "react-popper": "2.3.0", @@ -5039,9 +5039,9 @@ } }, "node_modules/@salutejs/plasma-icons": { - "version": "1.198.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.0.tgz", - "integrity": "sha512-0OdHWq12uVhIGWKiHD7qyHEMNntphl1YOnuLwls83oE5nutlxeFHm9dWsLRY50jJZJN+lcpAe86pueb1Ie5JgA==", + "version": "1.198.3-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.3-dev.0.tgz", + "integrity": "sha512-pQv0PUF3280wVvZKxGriCozqgdQcx1xjPfQhYkbugu1WCU+/lPNb/FwfOnsfZRmIU0B9v7Moo0vwzxp/8sCfuA==", "dev": true, "peerDependencies": { "react": ">=16.13.1", @@ -5050,14 +5050,15 @@ } }, "node_modules/@salutejs/plasma-new-hope": { - "version": "0.93.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.93.0.tgz", - "integrity": "sha512-yGzNS6SR1u8WSXRIoPS4zwVRow5R/fGyKMry5pDSbQ6GPNJnLvFKVbGff6OhNIL7Tgt3XAYAt7qCN6Sw8s5tug==", + "version": "0.104.1-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.104.1-dev.0.tgz", + "integrity": "sha512-wzGlfIZXzAZ7XTNm6S49UUIt8VWYyXNy+GTvcDgITSm7nQGtYxa6d0tttCH7xDhMdjxJY5mya+0TvY+f9j7fZQ==", "dependencies": { "@linaria/core": "5.0.2", "@linaria/react": "5.0.3", "@popperjs/core": "2.11.8", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "dayjs": "1.11.11", "focus-visible": "5.2.0", "lodash.throttle": "4.1.1", "react-draggable": "4.4.3", @@ -5099,13 +5100,13 @@ } }, "node_modules/@salutejs/plasma-sb-utils": { - "version": "0.158.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.158.0.tgz", - "integrity": "sha512-VSuHeTFX/sYHeq/8sDxu3aB0b1sF6llju0QUOLke1WGzB+UIrjmXvjCLnfPAcymhUjSODx1wieDUvn+597l3uw==", + "version": "0.160.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.160.0-dev.0.tgz", + "integrity": "sha512-9jx+mpeC7CAf0t/eAaN7YsO5ozGBUzlWCz0RqomkiTkGTBb9f+CuYCxkZ58a9AZQI8SBHIaopjOP2IuRabuHSg==", "dev": true, "dependencies": { "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "param-case": "^3.0.4" }, "peerDependencies": { @@ -5115,14 +5116,14 @@ } }, "node_modules/@salutejs/plasma-tokens-b2c": { - "version": "0.50.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2c/-/plasma-tokens-b2c-0.50.0.tgz", - "integrity": "sha512-gMn3NXuUJA46nNh7wMJydpQx4301Ozq7F46Pitwn5tG87IUIDlOU83QihyWqCKPQvp3bx5htx9TF/CjiDRtg6A==" + "version": "0.51.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2c/-/plasma-tokens-b2c-0.51.0-dev.0.tgz", + "integrity": "sha512-BqSUKqHgAd2I38HeEQjm3+3y0FWcRyCCGkrQ+PCzNQa3s6Oc1zsFUu5MAjcXF5oS/3zIJvUJBjSIg/837xz29w==" }, "node_modules/@salutejs/plasma-tokens-web": { - "version": "1.55.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-web/-/plasma-tokens-web-1.55.0.tgz", - "integrity": "sha512-B0gZeGaupBMiZpK02ZAIMFSOGDImd2D3qkwtpy51lb2InSuoG2qaxggqpQgQzKAvxKrz2boPebpN+vq4yaxNzQ==" + "version": "1.56.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-web/-/plasma-tokens-web-1.56.0-dev.0.tgz", + "integrity": "sha512-LHU3tkS0Cem00DEP8PFIEoWM/PGaI8r20x/zkpc8GFaCdF0AYWfrZ9ecPhgJKKxBR530RL5sCiYdMO2z5CnSjQ==" }, "node_modules/@salutejs/plasma-typo": { "version": "0.40.0", @@ -8824,6 +8825,11 @@ "integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==", "dev": true }, + "node_modules/dayjs": { + "version": "1.11.11", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz", + "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==" + }, "node_modules/debug": { "version": "2.6.9", "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", @@ -19919,9 +19925,9 @@ "dev": true }, "@salutejs/plasma-core": { - "version": "1.160.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.160.0.tgz", - "integrity": "sha512-ddpmy2lmCjPY0SQAcVma/rjqV+yzXY512MC6WtC6qq5RGZi+x/QKFGyL6eLVZbVE7QqxvvqSed/YiA22OaAXUA==", + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", "requires": { "@popperjs/core": "2.9.2", "@salutejs/plasma-typo": "0.40.0", @@ -19932,18 +19938,18 @@ } }, "@salutejs/plasma-cy-utils": { - "version": "0.92.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.92.0.tgz", - "integrity": "sha512-huAKimH6MCBSk66ZtPoXGm4wC00nh78tPTEp+aC9/i3WifrXcZ8U3XSy3Sy1prSXygVCGdkF1jNVxTRp0Q/cSA==", + "version": "0.94.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.94.0-dev.0.tgz", + "integrity": "sha512-X778wOZh9VCzLwRqU0JfmeycdkqyI6ywYoIOFlM5oMUsbymRt3UqoTg/r9sEAD3BFCVmOSE1t6O1xgYI1iKXKg==", "dev": true }, "@salutejs/plasma-hope": { - "version": "1.285.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-hope/-/plasma-hope-1.285.0.tgz", - "integrity": "sha512-5qz3y1Xvt5gU0PxB1JGC3ITKMETveURIT+Dfc+Q0tMTfAGNwtQATvvWldlUqjx+3udPDFqctpJhT6ZGE4HP/sg==", + "version": "1.287.1-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-hope/-/plasma-hope-1.287.1-dev.0.tgz", + "integrity": "sha512-0xPWIRhNzfixFv5eHQ2hmpXDYRI80sXJHZ8wyoA7/W/13+cJDJ1VjavVX8Klw7+283DnOPoiQmFZE9PrqyoQDA==", "requires": { "@popperjs/core": "2.9.2", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "@salutejs/plasma-typo": "0.40.0", "react-file-drop": "3.1.6", "react-popper": "2.3.0", @@ -19952,20 +19958,21 @@ } }, "@salutejs/plasma-icons": { - "version": "1.198.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.0.tgz", - "integrity": "sha512-0OdHWq12uVhIGWKiHD7qyHEMNntphl1YOnuLwls83oE5nutlxeFHm9dWsLRY50jJZJN+lcpAe86pueb1Ie5JgA==", + "version": "1.198.3-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.3-dev.0.tgz", + "integrity": "sha512-pQv0PUF3280wVvZKxGriCozqgdQcx1xjPfQhYkbugu1WCU+/lPNb/FwfOnsfZRmIU0B9v7Moo0vwzxp/8sCfuA==", "dev": true }, "@salutejs/plasma-new-hope": { - "version": "0.93.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.93.0.tgz", - "integrity": "sha512-yGzNS6SR1u8WSXRIoPS4zwVRow5R/fGyKMry5pDSbQ6GPNJnLvFKVbGff6OhNIL7Tgt3XAYAt7qCN6Sw8s5tug==", + "version": "0.104.1-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.104.1-dev.0.tgz", + "integrity": "sha512-wzGlfIZXzAZ7XTNm6S49UUIt8VWYyXNy+GTvcDgITSm7nQGtYxa6d0tttCH7xDhMdjxJY5mya+0TvY+f9j7fZQ==", "requires": { "@linaria/core": "5.0.2", "@linaria/react": "5.0.3", "@popperjs/core": "2.11.8", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "dayjs": "1.11.11", "focus-visible": "5.2.0", "lodash.throttle": "4.1.1", "react-draggable": "4.4.3", @@ -19986,25 +19993,25 @@ } }, "@salutejs/plasma-sb-utils": { - "version": "0.158.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.158.0.tgz", - "integrity": "sha512-VSuHeTFX/sYHeq/8sDxu3aB0b1sF6llju0QUOLke1WGzB+UIrjmXvjCLnfPAcymhUjSODx1wieDUvn+597l3uw==", + "version": "0.160.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.160.0-dev.0.tgz", + "integrity": "sha512-9jx+mpeC7CAf0t/eAaN7YsO5ozGBUzlWCz0RqomkiTkGTBb9f+CuYCxkZ58a9AZQI8SBHIaopjOP2IuRabuHSg==", "dev": true, "requires": { "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "param-case": "^3.0.4" } }, "@salutejs/plasma-tokens-b2c": { - "version": "0.50.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2c/-/plasma-tokens-b2c-0.50.0.tgz", - "integrity": "sha512-gMn3NXuUJA46nNh7wMJydpQx4301Ozq7F46Pitwn5tG87IUIDlOU83QihyWqCKPQvp3bx5htx9TF/CjiDRtg6A==" + "version": "0.51.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2c/-/plasma-tokens-b2c-0.51.0-dev.0.tgz", + "integrity": "sha512-BqSUKqHgAd2I38HeEQjm3+3y0FWcRyCCGkrQ+PCzNQa3s6Oc1zsFUu5MAjcXF5oS/3zIJvUJBjSIg/837xz29w==" }, "@salutejs/plasma-tokens-web": { - "version": "1.55.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-web/-/plasma-tokens-web-1.55.0.tgz", - "integrity": "sha512-B0gZeGaupBMiZpK02ZAIMFSOGDImd2D3qkwtpy51lb2InSuoG2qaxggqpQgQzKAvxKrz2boPebpN+vq4yaxNzQ==" + "version": "1.56.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-web/-/plasma-tokens-web-1.56.0-dev.0.tgz", + "integrity": "sha512-LHU3tkS0Cem00DEP8PFIEoWM/PGaI8r20x/zkpc8GFaCdF0AYWfrZ9ecPhgJKKxBR530RL5sCiYdMO2z5CnSjQ==" }, "@salutejs/plasma-typo": { "version": "0.40.0", @@ -22877,6 +22884,11 @@ "integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==", "dev": true }, + "dayjs": { + "version": "1.11.11", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz", + "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==" + }, "debug": { "version": "2.6.9", "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", diff --git a/packages/plasma-b2c/package.json b/packages/plasma-b2c/package.json index 1043dc76b1..73d0109f29 100644 --- a/packages/plasma-b2c/package.json +++ b/packages/plasma-b2c/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-b2c", - "version": "1.338.0", + "version": "1.349.1-dev.0", "description": "Salute Design System / React UI kit for business-related web applications", "author": "Salute Frontend Team ", "license": "MIT", @@ -42,11 +42,11 @@ "atLeast": 99.97 }, "dependencies": { - "@salutejs/plasma-core": "1.160.0", - "@salutejs/plasma-hope": "1.285.0", - "@salutejs/plasma-new-hope": "0.93.0", - "@salutejs/plasma-tokens-b2c": "0.50.0", - "@salutejs/plasma-tokens-web": "1.55.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "@salutejs/plasma-hope": "1.287.1-dev.0", + "@salutejs/plasma-new-hope": "0.104.1-dev.0", + "@salutejs/plasma-tokens-b2c": "0.51.0-dev.0", + "@salutejs/plasma-tokens-web": "1.56.0-dev.0", "@salutejs/plasma-typo": "0.40.0" }, "peerDependencies": { @@ -70,9 +70,9 @@ "@rollup/plugin-commonjs": "25.0.7", "@rollup/plugin-node-resolve": "15.2.3", "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-cy-utils": "0.92.0", - "@salutejs/plasma-icons": "1.198.0", - "@salutejs/plasma-sb-utils": "0.158.0", + "@salutejs/plasma-cy-utils": "0.94.0-dev.0", + "@salutejs/plasma-icons": "1.198.3-dev.0", + "@salutejs/plasma-sb-utils": "0.160.0-dev.0", "@storybook/addon-docs": "7.6.17", "@storybook/addon-essentials": "7.6.17", "@storybook/addon-knobs": "7.0.2", @@ -107,4 +107,4 @@ "react" ], "sideEffects": false -} +} \ No newline at end of file diff --git a/packages/plasma-b2c/src/components/Calendar/Calendar.tsx b/packages/plasma-b2c/src/components/Calendar/Calendar.tsx index 2b35827380..f034ca3263 100644 --- a/packages/plasma-b2c/src/components/Calendar/Calendar.tsx +++ b/packages/plasma-b2c/src/components/Calendar/Calendar.tsx @@ -7,6 +7,7 @@ import { mergeConfig, } from '@salutejs/plasma-new-hope/styled-components'; import type { CalendarBaseProps, CalendarDoubleProps } from '@salutejs/plasma-new-hope/styled-components'; +import type { FC } from 'react'; import { config as baseConfig } from './CalendarBase.config'; import { config as doubleConfig } from './CalendarDouble.config'; @@ -20,8 +21,8 @@ export const CalendarBaseRange = withRange(CalendarBase); export const CalendarDoubleRange = withRange(CalendarDouble); export const Calendar = boundCalendar({ - base: CalendarBase, + base: CalendarBase as FC, baseRange: CalendarBaseRange, - double: CalendarDouble, + double: CalendarDouble as FC, doubleRange: CalendarDoubleRange, }); diff --git a/packages/plasma-b2c/src/components/Calendar/CalendarBase.config.ts b/packages/plasma-b2c/src/components/Calendar/CalendarBase.config.ts index 3ad7eb625d..83cc1c49de 100644 --- a/packages/plasma-b2c/src/components/Calendar/CalendarBase.config.ts +++ b/packages/plasma-b2c/src/components/Calendar/CalendarBase.config.ts @@ -8,50 +8,142 @@ export const config = { variations: { view: { default: css` - ${calendarBaseTokens.calendarBackgroundColor}: transparent; - ${calendarBaseTokens.calendarSelectedItemBackground}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarSelectedItemColor}: var(--plasma-colors-background-primary); - ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(--plasma-colors-primary); + ${calendarBaseTokens.calendarSelectedItemBackground}: var(--surface-solid-default); + ${calendarBaseTokens.calendarSelectedItemColor}: var(--inverse-text-primary); + ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary); + ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(--surface-solid-default); ${calendarBaseTokens.calendarCurrentItemBackgroundHover}: transparent; - ${calendarBaseTokens.calendarCurrentItemColorHover}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarBaseTokens.calendarActiveItemBackground}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarActiveItemColor}: var(--plasma-colors-surface-solid03); - ${calendarBaseTokens.calendarHoveredItemBackground}: var(--plasma-colors-accent); - ${calendarBaseTokens.calendarHoveredItemColor}: var(--plasma-colors-background-primary); - ${calendarBaseTokens.calendarRangeBackground}: var(--plasma-colors-surface-liquid02); - ${calendarBaseTokens.calendarOutlineFocusColor}: var(--plasma-colors-button-focused); - ${calendarBaseTokens.calendarContentPrimaryColor}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarContentSecondaryColor}: var(--plasma-colors-secondary); - `, - /** - * @deprecated - * использовать `default` - */ - primary: css` - ${calendarBaseTokens.calendarBackgroundColor}: transparent; - ${calendarBaseTokens.calendarSelectedItemBackground}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarSelectedItemColor}: var(--plasma-colors-background-primary); - ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarCurrentItemBackgroundHover}: transparent; - ${calendarBaseTokens.calendarCurrentItemColorHover}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarBaseTokens.calendarActiveItemBackground}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarActiveItemColor}: var(--plasma-colors-surface-solid03); - ${calendarBaseTokens.calendarHoveredItemBackground}: var(--plasma-colors-accent); - ${calendarBaseTokens.calendarHoveredItemColor}: var(--plasma-colors-background-primary); - ${calendarBaseTokens.calendarRangeBackground}: var(--plasma-colors-surface-liquid02); - ${calendarBaseTokens.calendarOutlineFocusColor}: var(--plasma-colors-button-focused); - ${calendarBaseTokens.calendarContentPrimaryColor}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarContentSecondaryColor}: var(--plasma-colors-secondary); + ${calendarBaseTokens.calendarCurrentItemColorHover}: var(--text-primary); + ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary); + ${calendarBaseTokens.calendarActiveItemBackground}: var(--surface-solid-default); + ${calendarBaseTokens.calendarActiveItemColor}: var(--inverse-text-primary); + ${calendarBaseTokens.calendarHoveredItemBackground}: var(--surface-accent); + ${calendarBaseTokens.calendarHoveredItemColor}: var(--text-primary); + ${calendarBaseTokens.calendarRangeBackground}: var(--surface-transparent-secondary); + ${calendarBaseTokens.calendarOutlineFocusColor}: var(--surface-accent); + ${calendarBaseTokens.calendarContentPrimaryColor}: var(--surface-solid-default); + ${calendarBaseTokens.calendarContentSecondaryColor}: var(--text-secondary); + ${calendarBaseTokens.calendarDayOfWeekColor}: var(--text-secondary); + + ${calendarBaseTokens.iconButtonColor}: var(--text-primary); + ${calendarBaseTokens.iconButtonBackgroundColor}: var(--surface-clear); + ${calendarBaseTokens.iconButtonColorHover}: var(--text-primary-hover); + ${calendarBaseTokens.iconButtonBackgroundColorHover}: var(--surface-clear); + ${calendarBaseTokens.iconButtonColorActive}: var(--text-primary-hover); + ${calendarBaseTokens.iconButtonBackgroundColorActive}: var(--surface-clear); + ${calendarBaseTokens.iconButtonFocusColor}: var(--surface-accent); `, }, size: { + l: css` + ${calendarBaseTokens.calendarWidth}: 24.5rem; + ${calendarBaseTokens.calendarHeight}: 25rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.75rem; + ${calendarBaseTokens.calendarYearItemWidth}: 7.8125rem; + ${calendarBaseTokens.calendarYearItemHeight}: 5.25rem; + + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.75rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 7.8125rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 5.25rem; + + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.75rem; + ${calendarBaseTokens.calendarDayItemWidth}: 3.5rem; + ${calendarBaseTokens.calendarDayItemHeight}: 3rem; + + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 3.5rem; + ${calendarBaseTokens.iconButtonWidth}: 3.5rem; + ${calendarBaseTokens.iconButtonPadding}: 1.5rem; + ${calendarBaseTokens.iconButtonRadius}: 0.875rem; + `, m: css` - ${calendarBaseTokens.calendarHeaderArrowContainerWidth}: 5.5rem; - ${calendarBaseTokens.calendarItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarWidth}: 21rem; + ${calendarBaseTokens.calendarHeight}: 21rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.625rem; + ${calendarBaseTokens.calendarYearItemWidth}: 6.688rem; + ${calendarBaseTokens.calendarYearItemHeight}: 4.375rem; + + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.625rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 6.688rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 4.375rem; + + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.625rem; + ${calendarBaseTokens.calendarDayItemWidth}: 3rem; + ${calendarBaseTokens.calendarDayItemHeight}: 2.5rem; + + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.375rem; + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); @@ -59,24 +151,133 @@ export const config = { ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 3rem; + ${calendarBaseTokens.iconButtonWidth}: 3rem; + ${calendarBaseTokens.iconButtonPadding}: 1.25rem; + ${calendarBaseTokens.iconButtonRadius}: 0.75rem; + `, + s: css` + ${calendarBaseTokens.calendarWidth}: 17.5rem; + ${calendarBaseTokens.calendarHeight}: 17rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarYearItemWidth}: 5.5rem; + ${calendarBaseTokens.calendarYearItemHeight}: 3.5rem; + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size); ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 5.5rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 3.5rem; + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size); ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarDayItemWidth}: 2.5rem; + ${calendarBaseTokens.calendarDayItemHeight}: 2rem; + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size); ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 2.5rem; + ${calendarBaseTokens.iconButtonWidth}: 2.5rem; + ${calendarBaseTokens.iconButtonPadding}: 1rem; + ${calendarBaseTokens.iconButtonRadius}: 0.625rem; + `, + xs: css` + ${calendarBaseTokens.calendarWidth}: 17.5rem; + ${calendarBaseTokens.calendarHeight}: 15.5rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.375rem; + ${calendarBaseTokens.calendarYearItemWidth}: 5.625rem; + ${calendarBaseTokens.calendarYearItemHeight}: 3.281rem; + + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.375rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 5.625rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 3.281rem; + + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.375rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarDayItemWidth}: 2.5rem; + ${calendarBaseTokens.calendarDayItemHeight}: 1.875rem; + + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family); + ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size); + ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style); + ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing); + ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height); + ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight); + ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 2rem; + ${calendarBaseTokens.iconButtonWidth}: 2rem; + ${calendarBaseTokens.iconButtonPadding}: 0.75rem; + ${calendarBaseTokens.iconButtonRadius}: 0.5rem; `, }, }, diff --git a/packages/plasma-b2c/src/components/Calendar/CalendarDouble.config.ts b/packages/plasma-b2c/src/components/Calendar/CalendarDouble.config.ts index 636fd2beaf..bd3cd59543 100644 --- a/packages/plasma-b2c/src/components/Calendar/CalendarDouble.config.ts +++ b/packages/plasma-b2c/src/components/Calendar/CalendarDouble.config.ts @@ -8,51 +8,144 @@ export const config = { variations: { view: { default: css` + ${calendarDoubleTokens.calendarSeparatorBackground}: var(--surface-transparent-secondary); ${calendarDoubleTokens.calendarBackgroundColor}: transparent; - ${calendarDoubleTokens.calendarSelectedItemBackground}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarSelectedItemColor}: var(--plasma-colors-background-primary); - ${calendarDoubleTokens.calendarSelectableItemBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarCurrentItemBorderColor}: var(--plasma-colors-primary); + ${calendarDoubleTokens.calendarSelectedItemBackground}: var(--surface-solid-default); + ${calendarDoubleTokens.calendarSelectedItemColor}: var(--inverse-text-primary); + ${calendarDoubleTokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary); + ${calendarDoubleTokens.calendarCurrentItemBorderColor}: var(--surface-solid-default); ${calendarDoubleTokens.calendarCurrentItemBackgroundHover}: transparent; - ${calendarDoubleTokens.calendarCurrentItemColorHover}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarCurrentItemChildBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarActiveItemBackground}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarActiveItemColor}: var(--plasma-colors-surface-solid03); - ${calendarDoubleTokens.calendarHoveredItemBackground}: var(--plasma-colors-accent); - ${calendarDoubleTokens.calendarHoveredItemColor}: var(--plasma-colors-background-primary); - ${calendarDoubleTokens.calendarSeparatorBackground}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarRangeBackground}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarOutlineFocusColor}: var(--plasma-colors-button-focused); - ${calendarDoubleTokens.calendarContentPrimaryColor}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarContentSecondaryColor}: var(--plasma-colors-secondary); - `, - /** - * @deprecated - * использовать `default` - */ - primary: css` - ${calendarDoubleTokens.calendarBackgroundColor}: transparent; - ${calendarDoubleTokens.calendarSelectedItemBackground}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarSelectedItemColor}: var(--plasma-colors-background-primary); - ${calendarDoubleTokens.calendarSelectableItemBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarCurrentItemBorderColor}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarCurrentItemBackgroundHover}: transparent; - ${calendarDoubleTokens.calendarCurrentItemColorHover}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarCurrentItemChildBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarActiveItemBackground}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarActiveItemColor}: var(--plasma-colors-surface-solid03); - ${calendarDoubleTokens.calendarHoveredItemBackground}: var(--plasma-colors-accent); - ${calendarDoubleTokens.calendarHoveredItemColor}: var(--plasma-colors-background-primary); - ${calendarDoubleTokens.calendarSeparatorBackground}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarRangeBackground}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarOutlineFocusColor}: var(--plasma-colors-button-focused); - ${calendarDoubleTokens.calendarContentPrimaryColor}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarContentSecondaryColor}: var(--plasma-colors-secondary); + ${calendarDoubleTokens.calendarCurrentItemColorHover}: var(--text-primary); + ${calendarDoubleTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary); + ${calendarDoubleTokens.calendarActiveItemBackground}: var(--surface-solid-default); + ${calendarDoubleTokens.calendarActiveItemColor}: var(--inverse-text-primary); + ${calendarDoubleTokens.calendarHoveredItemBackground}: var(--surface-accent); + ${calendarDoubleTokens.calendarHoveredItemColor}: var(--text-primary); + ${calendarDoubleTokens.calendarRangeBackground}: var(--surface-transparent-secondary); + ${calendarDoubleTokens.calendarOutlineFocusColor}: var(--surface-accent); + ${calendarDoubleTokens.calendarContentPrimaryColor}: var(--surface-solid-default); + ${calendarDoubleTokens.calendarContentSecondaryColor}: var(--text-secondary); + + ${calendarDoubleTokens.iconButtonColor}: var(--text-primary); + ${calendarDoubleTokens.iconButtonBackgroundColor}: var(--surface-clear); + ${calendarDoubleTokens.iconButtonColorHover}: var(--text-primary-hover); + ${calendarDoubleTokens.iconButtonBackgroundColorHover}: var(--surface-clear); + ${calendarDoubleTokens.iconButtonColorActive}: var(--text-primary-hover); + ${calendarDoubleTokens.iconButtonBackgroundColorActive}: var(--surface-clear); + ${calendarDoubleTokens.iconButtonFocusColor}: var(--surface-accent); `, }, size: { + l: css` + ${calendarDoubleTokens.calendarWidth}: 51.063rem; + ${calendarDoubleTokens.calendarHeight}: 25rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.75rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 7.8125rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 5.25rem; + + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.75rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 7.8125rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 5.25rem; + + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.75rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 3.5rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 3rem; + + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.5rem; + + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 3.5rem; + ${calendarDoubleTokens.iconButtonWidth}: 3.5rem; + ${calendarDoubleTokens.iconButtonPadding}: 1.5rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.875rem; + `, m: css` - ${calendarDoubleTokens.calendarItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarWidth}: 44.063rem; + ${calendarDoubleTokens.calendarHeight}: 21rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.625rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 6.688rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 4.375rem; + + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.625rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 6.688rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 4.375rem; + + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.625rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 3rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 2.5rem; + + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.375rem; + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); @@ -60,24 +153,133 @@ export const config = { ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 3rem; + ${calendarDoubleTokens.iconButtonWidth}: 3rem; + ${calendarDoubleTokens.iconButtonPadding}: 1.25rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.75rem; + `, + s: css` + ${calendarDoubleTokens.calendarWidth}: 37.063rem; + ${calendarDoubleTokens.calendarHeight}: 17rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 5.5rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 3.5rem; + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size); ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 5.5rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 3.5rem; + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size); ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 2.5rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 2rem; + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size); ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 2.5rem; + ${calendarDoubleTokens.iconButtonWidth}: 2.5rem; + ${calendarDoubleTokens.iconButtonPadding}: 1rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.625rem; + `, + xs: css` + ${calendarDoubleTokens.calendarWidth}: 37.063rem; + ${calendarDoubleTokens.calendarHeight}: 15.5rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.375rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 5.625rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 3.281rem; + + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.375rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 5.625rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 3.281rem; + + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarDoubleTokens.calendarDaysPadding}: 0.375rem 0 0 0; + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.375rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 2.5rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 1.875rem; + + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0; + + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family); + ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size); + ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style); + ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing); + ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height); + ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight); + ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 2rem; + ${calendarDoubleTokens.iconButtonWidth}: 2rem; + ${calendarDoubleTokens.iconButtonPadding}: 0.75rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.5rem; `, }, }, diff --git a/packages/plasma-b2c/src/components/DatePicker/DatePicker.component-test.tsx b/packages/plasma-b2c/src/components/DatePicker/DatePicker.component-test.tsx new file mode 100644 index 0000000000..be760645c8 --- /dev/null +++ b/packages/plasma-b2c/src/components/DatePicker/DatePicker.component-test.tsx @@ -0,0 +1,535 @@ +import React, { useState } from 'react'; +import type { ComponentProps, FC, PropsWithChildren } from 'react'; +import { createGlobalStyle } from 'styled-components'; +import { standard as standardTypo } from '@salutejs/plasma-typo'; +import { IconSber } from '@salutejs/plasma-icons'; +import { mount, CypressTestDecorator, getComponent, PadMe } from '@salutejs/plasma-cy-utils'; + +import { DatePicker as DatePickerB2C, DatePickerRange as DatePickerRangeB2C } from '.'; + +type DatePickerProps = ComponentProps & { + enableContentLeft?: boolean; + enableContentRight?: boolean; +}; + +type DatePickerRangeProps = ComponentProps & { + enableContentLeft?: boolean; + enableContentRight?: boolean; + enableFirstTextfieldContentLeft?: boolean; + enableSecondTextfieldContentLeft?: boolean; + enableFirstTextfieldContentRight?: boolean; + enableSecondTextfieldContentRight?: boolean; +}; + +const StandardTypoStyle = createGlobalStyle(standardTypo); + +describe('plasma-b2c: DatePicker', () => { + const DatePicker = getComponent('DatePicker') as typeof DatePickerB2C; + + const CypressTestDecoratorWithTypo: FC = ({ children }) => ( + + + {children} + + ); + + const Demo = ({ + enableContentLeft, + enableContentRight, + valueError, + valueSuccess, + size = 'xs', + onToggle, + ...rest + }: DatePickerProps) => { + const [isOpen, setIsOpen] = useState(false); + + const iconSize = size === 'xs' ? 'xs' : 's'; + + return ( + : undefined} + contentRight={enableContentRight ? : undefined} + onToggle={(is, e) => { + setIsOpen(is); + onToggle?.(is, e); + }} + onCommitDate={() => setIsOpen(false)} + {...rest} + /> + ); + }; + + it('default', () => { + mount( + + + + + , + ); + + cy.get('#demo input').realClick(); + cy.matchImageSnapshot({ + failureThreshold: 0.02, + failureThresholdType: 'percent', + }); + }); + + it('prop: size l', () => { + mount( + + + , + ); + + cy.get('input').realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: size m', () => { + mount( + + + , + ); + + cy.get('input').realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: size s', () => { + mount( + + + , + ); + + cy.get('input').realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: size xs', () => { + mount( + + + , + ); + + cy.get('input').realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: defaultDate, enableContentLeft, enableContentRight', () => { + mount( + + + , + ); + + cy.get('input').realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: valueError, valueSuccess', () => { + mount( + + + + + , + ); + + cy.matchImageSnapshot(); + }); + + it('prop: label, leftHelper, placeholder', () => { + mount( + + + + + , + ); + + cy.get('#demo input').realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: format', () => { + mount( + + + + + + + , + ); + + cy.matchImageSnapshot(); + }); + + it('prop: disabled, readOnly', () => { + mount( + + + + + , + ); + + cy.matchImageSnapshot(); + }); + + it('prop: placement', () => { + cy.viewport(500, 800); + + mount( + +
+ + + , + ); + + cy.get('input').realClick(); + cy.matchImageSnapshot({ + failureThreshold: 0.02, + failureThresholdType: 'percent', + }); + }); + + it('prop: onToggle, outside click', () => { + mount( + + outer text + { + expect(isOpen).to.be.oneOf([true, false]); + expect(event.type).to.eq('click'); + }} + /> + , + ); + + cy.get('input').click(); + cy.get('#outer').click(); + }); + + it('prop: input date', () => { + mount( + + + , + ); + + cy.get('input').click().type('14.06.2023'); + cy.get('.popover-root').should('be.visible'); + cy.realPress('Enter'); + + cy.matchImageSnapshot(); + }); + + it('prop: input masked date', () => { + mount( + + + , + ); + + cy.get('input').click().type('06'); + cy.get('.popover-root').should('be.visible'); + cy.get('input').should('have.value', '06/'); + cy.get('input').type('14'); + cy.get('input').should('have.value', '06/14/'); + cy.get('input').type('{backspace}'); + cy.get('input').should('have.value', '06/1'); + cy.get('input').type('42023'); + + cy.matchImageSnapshot(); + }); +}); + +describe('plasma-b2c: DatePickerRange', () => { + const DatePickerRange = getComponent('DatePickerRange') as typeof DatePickerRangeB2C; + const IconButton = getComponent('IconButton'); + + const CypressTestDecoratorWithTypo: FC = ({ children }) => ( + + + {children} + + ); + + const Demo = ({ + enableContentLeft, + enableContentRight, + enableFirstTextfieldContentLeft, + enableSecondTextfieldContentLeft, + enableFirstTextfieldContentRight, + enableSecondTextfieldContentRight, + size = 'xs', + onToggle, + ...rest + }: DatePickerRangeProps) => { + const [isOpen, setIsOpen] = useState(false); + + const iconSize = size === 'xs' ? 'xs' : 's'; + + const ActionButton = () => ( + + + + ); + + return ( + : undefined} + contentRight={enableContentRight ? : undefined} + firstTextfieldContentLeft={enableFirstTextfieldContentLeft ? : undefined} + firstTextfieldContentRight={enableFirstTextfieldContentRight ? : undefined} + secondTextfieldContentLeft={enableSecondTextfieldContentLeft ? : undefined} + secondTextfieldContentRight={ + enableSecondTextfieldContentRight ? : undefined + } + onToggle={(is, e) => { + setIsOpen(is); + onToggle?.(is, e); + }} + onCommitSecondDate={() => setIsOpen(false)} + {...rest} + /> + ); + }; + + it('default', () => { + mount( + + + + + , + ); + + cy.get('#demo input').first().realClick(); + cy.matchImageSnapshot({ + failureThreshold: 0.02, + failureThresholdType: 'percent', + }); + }); + + it('prop: size l', () => { + mount( + + + , + ); + + cy.get('input').first().realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: size m', () => { + mount( + + + , + ); + + cy.get('input').first().realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: size s', () => { + mount( + + + , + ); + + cy.get('input').first().realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: size xs', () => { + mount( + + + , + ); + + cy.get('input').first().realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: defaultDate, enableContent', () => { + mount( + + + , + ); + + cy.get('input').first().realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: valueError, valueSuccess', () => { + mount( + + + + + + + , + ); + + cy.matchImageSnapshot(); + }); + + it('prop: label, leftHelper, placeholder', () => { + mount( + + + + + , + ); + + cy.get('#demo input').first().realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: format', () => { + mount( + + + + + + + , + ); + + cy.matchImageSnapshot(); + }); + + it('prop: disabled, readOnly', () => { + mount( + + + + + , + ); + + cy.matchImageSnapshot(); + }); + + it('prop: placement', () => { + cy.viewport(500, 800); + + mount( + +
+ + + , + ); + + cy.get('input').first().realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: onToggle, outside click', () => { + mount( + + outer text + { + expect(isOpen).to.be.oneOf([true, false]); + expect(event.type).to.eq('click'); + }} + /> + , + ); + + cy.get('input').first().click(); + cy.get('#outer').click(); + }); + + it('prop: input date', () => { + mount( + + + , + ); + + cy.get('input').first().click().type('14.06.2023'); + cy.realPress('Enter'); + cy.focused().type('17.06.2023'); + + cy.matchImageSnapshot(); + }); + + it('prop: input date, double calendar', () => { + cy.viewport(900, 800); + + mount( + + + , + ); + + cy.get('input').first().click().type('14.06.2023'); + cy.realPress('Enter'); + cy.focused().type('17.07.2023'); + + cy.matchImageSnapshot(); + }); +}); diff --git a/packages/plasma-b2c/src/components/DatePicker/DatePicker.config.ts b/packages/plasma-b2c/src/components/DatePicker/DatePicker.config.ts new file mode 100644 index 0000000000..eb38c9637a --- /dev/null +++ b/packages/plasma-b2c/src/components/DatePicker/DatePicker.config.ts @@ -0,0 +1,515 @@ +import { datePickerTokens as tokens, css } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + }, + variations: { + view: { + default: css` + ${tokens.background}: var(--surface-transparent-primary); + ${tokens.backgroundError}: var(--surface-transparent-negative); + ${tokens.backgroundSuccess}: var(--surface-transparent-positive); + + ${tokens.dividerColor}: var(--text-primary); + ${tokens.labelColor}: var(--text-primary); + ${tokens.leftHelperColor}: var(--text-secondary); + + ${tokens.textFieldColor}: var(--text-primary); + ${tokens.textFieldPlaceholderColor}: var(--text-secondary); + ${tokens.textFieldCaretColor}: var(--text-accent); + + ${tokens.textFieldBackgroundColor}: var(--surface-transparent-secondary); + ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary); + ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative); + ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active); + ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive); + ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active); + + ${tokens.textFieldTextBeforeColor}: var(--text-tertiary); + ${tokens.textFieldTextAfterColor}: var(--text-tertiary); + + ${tokens.focusColor}: var(--text-accent); + + ${tokens.calendarShadow}: var(--shadow-down-soft-s); + ${tokens.calendarSeparatorBackground}: var(--surface-transparent-secondary); + ${tokens.calendarBackgroundColor}: var(--surface-solid-card); + ${tokens.calendarSelectedItemBackground}: var(--surface-solid-default); + ${tokens.calendarSelectedItemColor}: var(--inverse-text-primary); + ${tokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary); + ${tokens.calendarCurrentItemBorderColor}: var(--surface-solid-default); + ${tokens.calendarCurrentItemBackgroundHover}: transparent; + ${tokens.calendarCurrentItemColorHover}: var(--text-primary); + ${tokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary); + ${tokens.calendarActiveItemBackground}: var(--surface-solid-default); + ${tokens.calendarActiveItemColor}: var(--inverse-text-primary); + ${tokens.calendarHoveredItemBackground}: var(--surface-accent); + ${tokens.calendarHoveredItemColor}: var(--text-primary); + ${tokens.calendarRangeBackground}: var(--surface-transparent-secondary); + ${tokens.calendarOutlineFocusColor}: var(--surface-accent); + ${tokens.calendarContentPrimaryColor}: var(--surface-solid-default); + ${tokens.calendarContentSecondaryColor}: var(--text-secondary); + + ${tokens.iconButtonColor}: var(--text-primary); + ${tokens.iconButtonBackgroundColor}: var(--surface-clear); + ${tokens.iconButtonColorHover}: var(--text-primary-hover); + ${tokens.iconButtonBackgroundColorHover}: var(--surface-clear); + ${tokens.iconButtonColorActive}: var(--text-primary-hover); + ${tokens.iconButtonBackgroundColorActive}: var(--surface-clear); + ${tokens.iconButtonFocusColor}: var(--surface-accent); + `, + }, + size: { + l: css` + ${tokens.width}: 26.5rem; + ${tokens.borderRadius}: 0.875rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.leftContentMargin}: 0 0 0 1rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.75rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.textFieldHeight}: 3.5rem; + ${tokens.textFieldBorderRadius}: 0.875rem; + ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarBorderRadius}: 0.875rem; + ${tokens.calendarWidth}: 26.5rem; + + ${tokens.calendarYearsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarYearItemBorderRadius}: 0.75rem; + ${tokens.calendarYearItemWidth}: 7.8125rem; + ${tokens.calendarYearItemHeight}: 5.25rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarMonthItemBorderRadius}: 0.75rem; + ${tokens.calendarMonthItemWidth}: 7.8125rem; + ${tokens.calendarMonthItemHeight}: 5.25rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarDayItemBorderRadius}: 0.75rem; + ${tokens.calendarDayItemWidth}: 3.5rem; + ${tokens.calendarDayItemHeight}: 3rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.875rem 1rem 0 1rem; + ${tokens.calendarHeaderArrowGap}: 0.5rem; + + ${tokens.calendarHeaderPadding}: 0 0 0 1rem; + ${tokens.calendarHeaderDateGap}: 0.5rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h3-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h3-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h3-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h3-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h3-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h3-bold-font-weight); + + ${tokens.iconButtonHeight}: 3.5rem; + ${tokens.iconButtonWidth}: 3.5rem; + ${tokens.iconButtonPadding}: 1.5rem; + ${tokens.iconButtonRadius}: 0.875rem; + `, + m: css` + ${tokens.width}: 23rem; + ${tokens.borderRadius}: 0.75rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.leftContentMargin}: 0 0 0 0.875rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.625rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.textFieldHeight}: 3rem; + ${tokens.textFieldBorderRadius}: 0.75rem; + ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarWidth}: 23rem; + ${tokens.calendarBorderRadius}: 0.875rem; + + ${tokens.calendarYearsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarYearItemBorderRadius}: 0.625rem; + ${tokens.calendarYearItemWidth}: 6.688rem; + ${tokens.calendarYearItemHeight}: 4.375rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarMonthItemBorderRadius}: 0.625rem; + ${tokens.calendarMonthItemWidth}: 6.688rem; + ${tokens.calendarMonthItemHeight}: 4.375rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarDayItemBorderRadius}: 0.625rem; + ${tokens.calendarDayItemWidth}: 3rem; + ${tokens.calendarDayItemHeight}: 2.5rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.75rem 1rem 0 1rem; + ${tokens.calendarHeaderArrowGap}: 0.5rem; + + ${tokens.calendarHeaderPadding}: 0 0 0 0.875rem; + ${tokens.calendarHeaderDateGap}: 0.375rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${tokens.iconButtonHeight}: 3rem; + ${tokens.iconButtonWidth}: 3rem; + ${tokens.iconButtonPadding}: 1.25rem; + ${tokens.iconButtonRadius}: 0.75rem; + `, + s: css` + ${tokens.width}: 19.5rem; + ${tokens.borderRadius}: 0.625rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.leftContentMargin}: 0 0 0 0.75rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.5rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.textFieldHeight}: 2.5rem; + ${tokens.textFieldBorderRadius}: 0.625rem; + ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarWidth}: 19.5rem; + ${tokens.calendarBorderRadius}: 0.875rem; + + ${tokens.calendarYearsPadding}: 0.5rem 1rem 0.875rem 1rem; + ${tokens.calendarYearItemBorderRadius}: 0.5rem; + ${tokens.calendarYearItemWidth}: 5.5rem; + ${tokens.calendarYearItemHeight}: 3.5rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 1rem 0.875rem 1rem; + ${tokens.calendarMonthItemBorderRadius}: 0.5rem; + ${tokens.calendarMonthItemWidth}: 5.5rem; + ${tokens.calendarMonthItemHeight}: 3.5rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.5rem 1rem 0.875rem 1rem; + ${tokens.calendarDayItemBorderRadius}: 0.5rem; + ${tokens.calendarDayItemWidth}: 2.5rem; + ${tokens.calendarDayItemHeight}: 2rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.75rem 1rem 0 1rem; + ${tokens.calendarHeaderArrowGap}: 0.5rem; + + ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${tokens.calendarHeaderDateGap}: 0.25rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${tokens.iconButtonHeight}: 2rem; + ${tokens.iconButtonWidth}: 2rem; + ${tokens.iconButtonPadding}: 0.75rem; + ${tokens.iconButtonRadius}: 0.5rem; + `, + xs: css` + ${tokens.width}: 19rem; + ${tokens.borderRadius}: 0.5rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.leftContentMargin}: 0 0 0 0.5rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.375rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldHeight}: 2rem; + ${tokens.textFieldBorderRadius}: 0.5rem; + ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarWidth}: 19rem; + ${tokens.calendarBorderRadius}: 0.5rem; + + ${tokens.calendarYearsPadding}: 0.5rem 0.75rem 0.625rem 0.75rem; + ${tokens.calendarYearItemBorderRadius}: 0.375rem; + ${tokens.calendarYearItemWidth}: 5.625rem; + ${tokens.calendarYearItemHeight}: 3.281rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 0.75rem 0.625rem 0.75rem; + ${tokens.calendarMonthItemBorderRadius}: 0.375rem; + ${tokens.calendarMonthItemWidth}: 5.625rem; + ${tokens.calendarMonthItemHeight}: 3.281rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.375rem 0.75rem 0.625rem 0.75rem; + ${tokens.calendarDayItemBorderRadius}: 0.375rem; + ${tokens.calendarDayItemWidth}: 2.5rem; + ${tokens.calendarDayItemHeight}: 2rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.5rem 0.75rem 0 0.75rem; + ${tokens.calendarHeaderArrowGap}: 0; + + ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${tokens.calendarHeaderDateGap}: 0.25rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight); + + ${tokens.iconButtonHeight}: 2rem; + ${tokens.iconButtonWidth}: 2rem; + ${tokens.iconButtonPadding}: 0.75rem; + ${tokens.iconButtonRadius}: 0.5rem; + `, + }, + disabled: { + true: css` + ${tokens.disabledOpacity}: 0.4; + `, + }, + readOnly: { + true: css` + ${tokens.backgroundReadOnly}: var(--surface-transparent-primary); + ${tokens.labelColorReadOnly}: var(--text-secondary); + ${tokens.leftHelperColorReadOnly}: var(--text-secondary); + ${tokens.dividerColorReadOnly}: var(--text-secondary); + + ${tokens.textFieldColorReadOnly}: var(--text-secondary); + ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary); + ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary); + `, + }, + }, +}; diff --git a/packages/plasma-b2c/src/components/DatePicker/DatePicker.stories.tsx b/packages/plasma-b2c/src/components/DatePicker/DatePicker.stories.tsx new file mode 100644 index 0000000000..a4246bab5c --- /dev/null +++ b/packages/plasma-b2c/src/components/DatePicker/DatePicker.stories.tsx @@ -0,0 +1,255 @@ +import React, { ComponentProps, useRef, useState } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { action } from '@storybook/addon-actions'; +import { IconPlaceholder, InSpacingDecorator } from '@salutejs/plasma-sb-utils'; + +import { IconButton } from '../IconButton/IconButton'; + +import { DatePicker, DatePickerRange } from './DatePicker'; + +const onChangeValue = action('onChangeValue'); +const onBlur = action('onBlur'); +const onFocus = action('onFocus'); + +const onChangeFirstValue = action('onChangeFirstValue'); +const onChangeSecondValue = action('onChangeSecondValue'); + +const sizes = ['l', 'm', 's', 'xs']; +const views = ['default']; +const dividers = ['none', 'dash', 'icon']; + +const meta: Meta = { + title: 'Controls/DatePicker', + decorators: [InSpacingDecorator], + argTypes: { + view: { + options: views, + control: { + type: 'inline-radio', + }, + }, + size: { + options: sizes, + control: { + type: 'inline-radio', + }, + }, + min: { + control: { + type: 'date', + }, + }, + max: { + control: { + type: 'date', + }, + }, + }, +}; + +export default meta; + +type StoryPropsDefault = ComponentProps & { + enableContentLeft: boolean; + enableContentRight: boolean; +}; + +const StoryDefault = ({ + enableContentLeft, + enableContentRight, + valueError, + valueSuccess, + size, + ...rest +}: StoryPropsDefault) => { + const [isOpen, setIsOpen] = useState(false); + + const iconSize = size === 'xs' ? 'xs' : 's'; + + return ( + : undefined} + contentRight={enableContentRight ? : undefined} + onBlur={onBlur} + onFocus={onFocus} + onToggle={(is) => setIsOpen(is)} + onChangeValue={(e, currentValue) => { + onChangeValue(e, currentValue); + }} + onCommitDate={() => setIsOpen(false)} + {...rest} + /> + ); +}; + +export const Default: StoryObj = { + argTypes: { + defaultDate: { + control: { + type: 'date', + }, + }, + }, + args: { + label: 'Лейбл', + leftHelper: 'Подсказка к полю', + placeholder: '30.05.2024', + size: 'l', + view: 'default', + defaultDate: new Date(2024, 5, 14), + min: new Date(2024, 1, 1), + max: new Date(2024, 12, 29), + maskWithFormat: false, + disabled: false, + readOnly: false, + textBefore: '', + enableContentLeft: true, + enableContentRight: true, + valueError: false, + valueSuccess: false, + }, + render: (args) => , +}; + +type StoryPropsRange = ComponentProps & { + enableContentLeft: boolean; + enableContentRight: boolean; + enableFirstTextfieldContentLeft: boolean; + enableSecondTextfieldContentLeft: boolean; + enableFirstTextfieldContentRight: boolean; + enableSecondTextfieldContentRight: boolean; +}; + +const ActionButton = ({ size }) => { + const iconSize = size === 'xs' ? 'xs' : 's'; + return ( + + + + ); +}; + +const StoryRange = ({ + dividerVariant, + enableContentLeft, + enableContentRight, + firstTextfieldTextBefore, + secondTextfieldTextBefore, + enableFirstTextfieldContentLeft, + enableSecondTextfieldContentLeft, + enableFirstTextfieldContentRight, + enableSecondTextfieldContentRight, + firstValueError, + firstValueSuccess, + secondValueError, + secondValueSuccess, + size, + ...rest +}: StoryPropsRange) => { + const rangeRef = useRef(null); + + const [isOpen, setIsOpen] = useState(false); + const [firstDate, setFirstDate] = useState(''); + + const iconSize = size === 'xs' ? 'xs' : 's'; + const showDividerIcon = dividerVariant === 'icon'; + const showDefaultTextBefore = dividerVariant === 'none'; + + const dividerIconProps = { + dividerIcon: showDividerIcon ? : null, + dividerVariant, + }; + + return ( + : undefined} + contentRight={enableContentRight ? : undefined} + firstTextfieldContentLeft={ + enableFirstTextfieldContentLeft ? : undefined + } + firstTextfieldContentRight={ + enableFirstTextfieldContentRight ? : undefined + } + secondTextfieldContentLeft={ + enableSecondTextfieldContentLeft ? : undefined + } + secondTextfieldContentRight={ + enableSecondTextfieldContentRight ? : undefined + } + firstTextfieldTextBefore={ + showDefaultTextBefore ? firstTextfieldTextBefore || 'С' : firstTextfieldTextBefore + } + secondTextfieldTextBefore={ + showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore + } + onToggle={(is) => setIsOpen(is)} + onChangeFirstValue={(e, currentValue) => { + onChangeFirstValue(e, currentValue); + }} + onChangeSecondValue={(e, currentValue) => { + onChangeSecondValue(e, currentValue); + }} + onCommitFirstDate={(currentValue) => { + setFirstDate(currentValue); + }} + onCommitSecondDate={(currentValue) => { + firstDate && currentValue && setIsOpen(false); + }} + {...dividerIconProps} + {...rest} + /> + ); +}; + +export const Range: StoryObj = { + argTypes: { + dividerVariant: { + options: dividers, + control: { + type: 'inline-radio', + }, + }, + }, + args: { + label: 'Лейбл', + leftHelper: 'Подсказка к полю', + firstPlaceholder: '30.05.2024', + secondPlaceholder: '04.06.2024', + firstTextfieldTextBefore: '', + secondTextfieldTextBefore: '', + firstTextfieldTextAfter: '', + secondTextfieldTextAfter: '', + size: 'l', + view: 'default', + isDoubleCalendar: false, + dividerVariant: 'dash', + min: new Date(2024, 1, 1), + max: new Date(2024, 12, 29), + maskWithFormat: false, + disabled: false, + readOnly: false, + enableContentLeft: true, + enableContentRight: true, + enableFirstTextfieldContentLeft: false, + enableFirstTextfieldContentRight: false, + enableSecondTextfieldContentLeft: false, + enableSecondTextfieldContentRight: false, + + firstValueError: false, + firstValueSuccess: false, + secondValueError: false, + secondValueSuccess: false, + }, + render: (args) => , +}; diff --git a/packages/plasma-b2c/src/components/DatePicker/DatePicker.ts b/packages/plasma-b2c/src/components/DatePicker/DatePicker.ts new file mode 100644 index 0000000000..2c664ca314 --- /dev/null +++ b/packages/plasma-b2c/src/components/DatePicker/DatePicker.ts @@ -0,0 +1,14 @@ +import { + datePickerConfig, + datePickerRangeConfig, + component, + mergeConfig, +} from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './DatePicker.config'; + +const mergedConfig = mergeConfig(datePickerConfig, config); +export const DatePicker = component(mergedConfig); + +const mergedRangeConfig = mergeConfig(datePickerRangeConfig, config); +export const DatePickerRange = component(mergedRangeConfig); diff --git a/packages/plasma-b2c/src/components/DatePicker/index.ts b/packages/plasma-b2c/src/components/DatePicker/index.ts new file mode 100644 index 0000000000..0675665ef9 --- /dev/null +++ b/packages/plasma-b2c/src/components/DatePicker/index.ts @@ -0,0 +1,10 @@ +export type { + DatePickerProps, + DatePickerPlacementBasic, + DatePickerPlacement, + DatePickerRangeProps, + DatePickerRangePlacement, +} from '@salutejs/plasma-new-hope/styled-components'; + +export { DatePicker, DatePickerRange } from './DatePicker'; +export { datePickerClasses, datePickerTokens } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/plasma-b2c/src/components/Popover/Popover.component-test.tsx b/packages/plasma-b2c/src/components/Popover/Popover.component-test.tsx index 04e4dab68d..c6da1c7df3 100644 --- a/packages/plasma-b2c/src/components/Popover/Popover.component-test.tsx +++ b/packages/plasma-b2c/src/components/Popover/Popover.component-test.tsx @@ -5,7 +5,7 @@ import type { PopoverTrigger } from '.'; const text = 'Голосовая викторина с Валдисом Пельшем'; -describe('plasma-web: Popover', () => { +describe('plasma-b2c: Popover', () => { const Popover = getComponent('Popover'); const Button = getComponent('Button'); const P1 = getComponent('P1'); diff --git a/packages/plasma-b2c/src/components/Portal/Portal.component-test.tsx b/packages/plasma-b2c/src/components/Portal/Portal.component-test.tsx new file mode 100644 index 0000000000..e8be8c156d --- /dev/null +++ b/packages/plasma-b2c/src/components/Portal/Portal.component-test.tsx @@ -0,0 +1,76 @@ +import { mount, CypressTestDecorator, getComponent } from '@salutejs/plasma-cy-utils'; +import { standard as standardTypo } from '@salutejs/plasma-typo'; +import React, { FC, PropsWithChildren, useState, useRef } from 'react'; +import styled, { createGlobalStyle } from 'styled-components'; + +const StandardTypoStyle = createGlobalStyle(standardTypo); + +const text = 'Тортик - это ложь'; + +const StyledWrapper = styled.div` + padding: 1.25rem; + margin-bottom: 0.625rem; + margin-top: 0.625rem; + + border: 1px solid; +`; + +describe('plasma-b2c: Portal', () => { + const Portal = getComponent('Portal'); + const Button = getComponent('Button'); + const BodyM = getComponent('BodyM'); + + const CypressTestDecoratorWithTypo: FC = ({ children }) => ( + + + {children} + + ); + + function Demo({ disabled = false }: { disabled?: boolean }) { + const [show, setShow] = useState(false); + const containerRef = useRef(null); + + return ( + <> + + + Содержимое портала появится в нижнем блоке. + + Если портал выключен (disabled), то содержимое появится в данном блоке. + + {show && containerRef.current && ( + + Содержимое портала + + )} + + + + ); +}; + +export const Default: StoryObj = { + render: (args) => , +}; diff --git a/packages/plasma-b2c/src/components/Portal/Portal.tsx b/packages/plasma-b2c/src/components/Portal/Portal.tsx new file mode 100644 index 0000000000..60ea33d97a --- /dev/null +++ b/packages/plasma-b2c/src/components/Portal/Portal.tsx @@ -0,0 +1,10 @@ +import { portalConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +const mergedConfig = mergeConfig(portalConfig); +const PortalComponent = component(mergedConfig); + +/* + * Вспомогательный компонент. Используется в Popup, Popover. + * Представляет собой ReactDOM.createPortal() в форме компонента. + */ +export const Portal = PortalComponent; diff --git a/packages/plasma-b2c/src/components/Portal/index.ts b/packages/plasma-b2c/src/components/Portal/index.ts new file mode 100644 index 0000000000..922be8e235 --- /dev/null +++ b/packages/plasma-b2c/src/components/Portal/index.ts @@ -0,0 +1,3 @@ +export { Portal } from './Portal'; + +export type { PortalProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/plasma-b2c/src/components/Range/Range.config.ts b/packages/plasma-b2c/src/components/Range/Range.config.ts index 696fd3f06c..690a3ec80d 100644 --- a/packages/plasma-b2c/src/components/Range/Range.config.ts +++ b/packages/plasma-b2c/src/components/Range/Range.config.ts @@ -44,7 +44,7 @@ export const config = { ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height); - ${tokens.leftContentMargin}: 0 0.375rem 0 1rem; + ${tokens.leftContentMargin}: 0 0 0 1rem; ${tokens.rightContentMargin}: 0; ${tokens.labelOffset}: 0 0 0.75rem 0; @@ -90,7 +90,7 @@ export const config = { ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height); - ${tokens.leftContentMargin}: 0 0.375rem 0 0.875rem; + ${tokens.leftContentMargin}: 0 0 0 0.875rem; ${tokens.rightContentMargin}: 0; ${tokens.labelOffset}: 0 0 0.625rem 0; @@ -136,7 +136,7 @@ export const config = { ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height); - ${tokens.leftContentMargin}: 0 0.375rem 0 0.75rem; + ${tokens.leftContentMargin}: 0 0 0 0.75rem; ${tokens.rightContentMargin}: 0; ${tokens.labelOffset}: 0 0 0.5rem 0; @@ -182,7 +182,7 @@ export const config = { ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height); - ${tokens.leftContentMargin}: 0 0.25rem 0 0.5rem; + ${tokens.leftContentMargin}: 0 0 0 0.5rem; ${tokens.rightContentMargin}: 0; ${tokens.labelOffset}: 0 0 0.375rem 0; diff --git a/packages/plasma-b2c/src/components/Sheet/Sheet.stories.tsx b/packages/plasma-b2c/src/components/Sheet/Sheet.stories.tsx index 397f8c0c40..7ed7f92fca 100644 --- a/packages/plasma-b2c/src/components/Sheet/Sheet.stories.tsx +++ b/packages/plasma-b2c/src/components/Sheet/Sheet.stories.tsx @@ -222,7 +222,7 @@ const StoryWithInsideScroll = ({
=16.13.1", @@ -11843,9 +11843,9 @@ } }, "@salutejs/plasma-cy-utils": { - "version": "0.92.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.92.0.tgz", - "integrity": "sha512-huAKimH6MCBSk66ZtPoXGm4wC00nh78tPTEp+aC9/i3WifrXcZ8U3XSy3Sy1prSXygVCGdkF1jNVxTRp0Q/cSA==", + "version": "0.94.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.94.0-dev.0.tgz", + "integrity": "sha512-X778wOZh9VCzLwRqU0JfmeycdkqyI6ywYoIOFlM5oMUsbymRt3UqoTg/r9sEAD3BFCVmOSE1t6O1xgYI1iKXKg==", "dev": true }, "@salutejs/plasma-typo": { diff --git a/packages/plasma-core/package.json b/packages/plasma-core/package.json index fa2acfdb4a..1d381ad0d1 100644 --- a/packages/plasma-core/package.json +++ b/packages/plasma-core/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-core", - "version": "1.160.0", + "version": "1.162.0-dev.0", "description": "Core library for Plasma: Salute Design System.", "author": "Salute Frontend Team ", "license": "MIT", @@ -24,7 +24,7 @@ "@babel/preset-react": "7.24.1", "@babel/preset-typescript": "7.24.1", "@microsoft/api-extractor": "7.38.3", - "@salutejs/plasma-cy-utils": "0.92.0", + "@salutejs/plasma-cy-utils": "0.94.0-dev.0", "@types/jest": "27.0.1", "@types/lodash.throttle": "4.1.6", "@types/node": "15.14.9", @@ -81,4 +81,4 @@ "Зубаиров Фаниль Асхатович" ], "sideEffects": false -} +} \ No newline at end of file diff --git a/packages/plasma-hope/package-lock.json b/packages/plasma-hope/package-lock.json index d5b3456b0a..6ae62b1c2a 100644 --- a/packages/plasma-hope/package-lock.json +++ b/packages/plasma-hope/package-lock.json @@ -1,16 +1,16 @@ { "name": "@salutejs/plasma-hope", - "version": "1.285.0", + "version": "1.287.1-dev.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@salutejs/plasma-hope", - "version": "1.285.0", + "version": "1.287.1-dev.0", "license": "MIT", "dependencies": { "@popperjs/core": "2.9.2", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "@salutejs/plasma-typo": "0.40.0", "react-file-drop": "3.1.6", "react-popper": "2.3.0", @@ -27,12 +27,12 @@ "@babel/preset-typescript": "7.24.1", "@microsoft/api-extractor": "7.38.3", "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-cy-utils": "0.92.0", - "@salutejs/plasma-icons": "1.198.0", - "@salutejs/plasma-sb-utils": "0.158.0", - "@salutejs/plasma-tokens-b2b": "1.40.0", - "@salutejs/plasma-tokens-b2c": "0.50.0", - "@salutejs/plasma-tokens-web": "1.55.0", + "@salutejs/plasma-cy-utils": "0.94.0-dev.0", + "@salutejs/plasma-icons": "1.198.3-dev.0", + "@salutejs/plasma-sb-utils": "0.160.0-dev.0", + "@salutejs/plasma-tokens-b2b": "1.41.0-dev.0", + "@salutejs/plasma-tokens-b2c": "0.51.0-dev.0", + "@salutejs/plasma-tokens-web": "1.56.0-dev.0", "@testing-library/react-hooks": "8.0.1", "@types/jest": "27.0.2", "@types/node": "16.7.13", @@ -4374,9 +4374,9 @@ "dev": true }, "node_modules/@salutejs/plasma-core": { - "version": "1.160.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.160.0.tgz", - "integrity": "sha512-ddpmy2lmCjPY0SQAcVma/rjqV+yzXY512MC6WtC6qq5RGZi+x/QKFGyL6eLVZbVE7QqxvvqSed/YiA22OaAXUA==", + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", "dependencies": { "@popperjs/core": "2.9.2", "@salutejs/plasma-typo": "0.40.0", @@ -4401,9 +4401,9 @@ } }, "node_modules/@salutejs/plasma-cy-utils": { - "version": "0.92.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.92.0.tgz", - "integrity": "sha512-huAKimH6MCBSk66ZtPoXGm4wC00nh78tPTEp+aC9/i3WifrXcZ8U3XSy3Sy1prSXygVCGdkF1jNVxTRp0Q/cSA==", + "version": "0.94.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.94.0-dev.0.tgz", + "integrity": "sha512-X778wOZh9VCzLwRqU0JfmeycdkqyI6ywYoIOFlM5oMUsbymRt3UqoTg/r9sEAD3BFCVmOSE1t6O1xgYI1iKXKg==", "dev": true, "peerDependencies": { "react": ">=16.13.1", @@ -4412,9 +4412,9 @@ } }, "node_modules/@salutejs/plasma-icons": { - "version": "1.198.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.0.tgz", - "integrity": "sha512-0OdHWq12uVhIGWKiHD7qyHEMNntphl1YOnuLwls83oE5nutlxeFHm9dWsLRY50jJZJN+lcpAe86pueb1Ie5JgA==", + "version": "1.198.3-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.3-dev.0.tgz", + "integrity": "sha512-pQv0PUF3280wVvZKxGriCozqgdQcx1xjPfQhYkbugu1WCU+/lPNb/FwfOnsfZRmIU0B9v7Moo0vwzxp/8sCfuA==", "dev": true, "peerDependencies": { "react": ">=16.13.1", @@ -4423,13 +4423,13 @@ } }, "node_modules/@salutejs/plasma-sb-utils": { - "version": "0.158.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.158.0.tgz", - "integrity": "sha512-VSuHeTFX/sYHeq/8sDxu3aB0b1sF6llju0QUOLke1WGzB+UIrjmXvjCLnfPAcymhUjSODx1wieDUvn+597l3uw==", + "version": "0.160.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.160.0-dev.0.tgz", + "integrity": "sha512-9jx+mpeC7CAf0t/eAaN7YsO5ozGBUzlWCz0RqomkiTkGTBb9f+CuYCxkZ58a9AZQI8SBHIaopjOP2IuRabuHSg==", "dev": true, "dependencies": { "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "param-case": "^3.0.4" }, "peerDependencies": { @@ -4439,21 +4439,21 @@ } }, "node_modules/@salutejs/plasma-tokens-b2b": { - "version": "1.40.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2b/-/plasma-tokens-b2b-1.40.0.tgz", - "integrity": "sha512-/jN5XNEMv8zP1vRqHw2EndeyC6yVT6d+BD9HFnXpqmA7SYiuVfHF9NAtFnK1GvQqgu1uEdiG1AJmIaO/yr/fDA==", + "version": "1.41.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2b/-/plasma-tokens-b2b-1.41.0-dev.0.tgz", + "integrity": "sha512-1U+tQLppSiADU4c+VhEztQXxlvWEO2/4FfkTuK5nVTl2A7Jbf8Qhh3SHVym5GWAXFd0MrSxSla4EshgMoA4yDA==", "dev": true }, "node_modules/@salutejs/plasma-tokens-b2c": { - "version": "0.50.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2c/-/plasma-tokens-b2c-0.50.0.tgz", - "integrity": "sha512-gMn3NXuUJA46nNh7wMJydpQx4301Ozq7F46Pitwn5tG87IUIDlOU83QihyWqCKPQvp3bx5htx9TF/CjiDRtg6A==", + "version": "0.51.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2c/-/plasma-tokens-b2c-0.51.0-dev.0.tgz", + "integrity": "sha512-BqSUKqHgAd2I38HeEQjm3+3y0FWcRyCCGkrQ+PCzNQa3s6Oc1zsFUu5MAjcXF5oS/3zIJvUJBjSIg/837xz29w==", "dev": true }, "node_modules/@salutejs/plasma-tokens-web": { - "version": "1.55.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-web/-/plasma-tokens-web-1.55.0.tgz", - "integrity": "sha512-B0gZeGaupBMiZpK02ZAIMFSOGDImd2D3qkwtpy51lb2InSuoG2qaxggqpQgQzKAvxKrz2boPebpN+vq4yaxNzQ==", + "version": "1.56.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-web/-/plasma-tokens-web-1.56.0-dev.0.tgz", + "integrity": "sha512-LHU3tkS0Cem00DEP8PFIEoWM/PGaI8r20x/zkpc8GFaCdF0AYWfrZ9ecPhgJKKxBR530RL5sCiYdMO2z5CnSjQ==", "dev": true }, "node_modules/@salutejs/plasma-typo": { @@ -17262,9 +17262,9 @@ "dev": true }, "@salutejs/plasma-core": { - "version": "1.160.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.160.0.tgz", - "integrity": "sha512-ddpmy2lmCjPY0SQAcVma/rjqV+yzXY512MC6WtC6qq5RGZi+x/QKFGyL6eLVZbVE7QqxvvqSed/YiA22OaAXUA==", + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", "requires": { "@popperjs/core": "2.9.2", "@salutejs/plasma-typo": "0.40.0", @@ -17286,44 +17286,44 @@ } }, "@salutejs/plasma-cy-utils": { - "version": "0.92.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.92.0.tgz", - "integrity": "sha512-huAKimH6MCBSk66ZtPoXGm4wC00nh78tPTEp+aC9/i3WifrXcZ8U3XSy3Sy1prSXygVCGdkF1jNVxTRp0Q/cSA==", + "version": "0.94.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.94.0-dev.0.tgz", + "integrity": "sha512-X778wOZh9VCzLwRqU0JfmeycdkqyI6ywYoIOFlM5oMUsbymRt3UqoTg/r9sEAD3BFCVmOSE1t6O1xgYI1iKXKg==", "dev": true }, "@salutejs/plasma-icons": { - "version": "1.198.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.0.tgz", - "integrity": "sha512-0OdHWq12uVhIGWKiHD7qyHEMNntphl1YOnuLwls83oE5nutlxeFHm9dWsLRY50jJZJN+lcpAe86pueb1Ie5JgA==", + "version": "1.198.3-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.3-dev.0.tgz", + "integrity": "sha512-pQv0PUF3280wVvZKxGriCozqgdQcx1xjPfQhYkbugu1WCU+/lPNb/FwfOnsfZRmIU0B9v7Moo0vwzxp/8sCfuA==", "dev": true }, "@salutejs/plasma-sb-utils": { - "version": "0.158.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.158.0.tgz", - "integrity": "sha512-VSuHeTFX/sYHeq/8sDxu3aB0b1sF6llju0QUOLke1WGzB+UIrjmXvjCLnfPAcymhUjSODx1wieDUvn+597l3uw==", + "version": "0.160.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.160.0-dev.0.tgz", + "integrity": "sha512-9jx+mpeC7CAf0t/eAaN7YsO5ozGBUzlWCz0RqomkiTkGTBb9f+CuYCxkZ58a9AZQI8SBHIaopjOP2IuRabuHSg==", "dev": true, "requires": { "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "param-case": "^3.0.4" } }, "@salutejs/plasma-tokens-b2b": { - "version": "1.40.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2b/-/plasma-tokens-b2b-1.40.0.tgz", - "integrity": "sha512-/jN5XNEMv8zP1vRqHw2EndeyC6yVT6d+BD9HFnXpqmA7SYiuVfHF9NAtFnK1GvQqgu1uEdiG1AJmIaO/yr/fDA==", + "version": "1.41.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2b/-/plasma-tokens-b2b-1.41.0-dev.0.tgz", + "integrity": "sha512-1U+tQLppSiADU4c+VhEztQXxlvWEO2/4FfkTuK5nVTl2A7Jbf8Qhh3SHVym5GWAXFd0MrSxSla4EshgMoA4yDA==", "dev": true }, "@salutejs/plasma-tokens-b2c": { - "version": "0.50.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2c/-/plasma-tokens-b2c-0.50.0.tgz", - "integrity": "sha512-gMn3NXuUJA46nNh7wMJydpQx4301Ozq7F46Pitwn5tG87IUIDlOU83QihyWqCKPQvp3bx5htx9TF/CjiDRtg6A==", + "version": "0.51.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2c/-/plasma-tokens-b2c-0.51.0-dev.0.tgz", + "integrity": "sha512-BqSUKqHgAd2I38HeEQjm3+3y0FWcRyCCGkrQ+PCzNQa3s6Oc1zsFUu5MAjcXF5oS/3zIJvUJBjSIg/837xz29w==", "dev": true }, "@salutejs/plasma-tokens-web": { - "version": "1.55.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-web/-/plasma-tokens-web-1.55.0.tgz", - "integrity": "sha512-B0gZeGaupBMiZpK02ZAIMFSOGDImd2D3qkwtpy51lb2InSuoG2qaxggqpQgQzKAvxKrz2boPebpN+vq4yaxNzQ==", + "version": "1.56.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-web/-/plasma-tokens-web-1.56.0-dev.0.tgz", + "integrity": "sha512-LHU3tkS0Cem00DEP8PFIEoWM/PGaI8r20x/zkpc8GFaCdF0AYWfrZ9ecPhgJKKxBR530RL5sCiYdMO2z5CnSjQ==", "dev": true }, "@salutejs/plasma-typo": { diff --git a/packages/plasma-hope/package.json b/packages/plasma-hope/package.json index ddb38f46ac..095abd50a3 100644 --- a/packages/plasma-hope/package.json +++ b/packages/plasma-hope/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-hope", - "version": "1.285.0", + "version": "1.287.1-dev.0", "description": "Salute Design System / Internal React UI kit for web applications", "author": "Salute Frontend Team ", "license": "MIT", @@ -34,7 +34,7 @@ }, "dependencies": { "@popperjs/core": "2.9.2", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "@salutejs/plasma-typo": "0.40.0", "react-file-drop": "3.1.6", "react-popper": "2.3.0", @@ -57,12 +57,12 @@ "@babel/preset-typescript": "7.24.1", "@microsoft/api-extractor": "7.38.3", "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-cy-utils": "0.92.0", - "@salutejs/plasma-icons": "1.198.0", - "@salutejs/plasma-sb-utils": "0.158.0", - "@salutejs/plasma-tokens-b2b": "1.40.0", - "@salutejs/plasma-tokens-b2c": "0.50.0", - "@salutejs/plasma-tokens-web": "1.55.0", + "@salutejs/plasma-cy-utils": "0.94.0-dev.0", + "@salutejs/plasma-icons": "1.198.3-dev.0", + "@salutejs/plasma-sb-utils": "0.160.0-dev.0", + "@salutejs/plasma-tokens-b2b": "1.41.0-dev.0", + "@salutejs/plasma-tokens-b2c": "0.51.0-dev.0", + "@salutejs/plasma-tokens-web": "1.56.0-dev.0", "@testing-library/react-hooks": "8.0.1", "@types/jest": "27.0.2", "@types/node": "16.7.13", @@ -113,4 +113,4 @@ "Vasiliy Loginevskiy" ], "sideEffects": false -} +} \ No newline at end of file diff --git a/packages/plasma-icons/package-lock.json b/packages/plasma-icons/package-lock.json index ed9e3b7684..46f9e5672c 100644 --- a/packages/plasma-icons/package-lock.json +++ b/packages/plasma-icons/package-lock.json @@ -1,12 +1,12 @@ { "name": "@salutejs/plasma-icons", - "version": "1.198.0", + "version": "1.198.3-dev.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@salutejs/plasma-icons", - "version": "1.198.0", + "version": "1.198.3-dev.0", "license": "MIT", "devDependencies": { "@babel/cli": "7.24.1", diff --git a/packages/plasma-icons/package.json b/packages/plasma-icons/package.json index a1e8bfa0fc..aa1c696a27 100644 --- a/packages/plasma-icons/package.json +++ b/packages/plasma-icons/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-icons", - "version": "1.198.0", + "version": "1.198.3-dev.0", "description": "Salute Design System Icons", "main": "index.js", "module": "es/index.js", @@ -76,4 +76,4 @@ "Чельцов Евгений Олегович" ], "sideEffects": false -} +} \ No newline at end of file diff --git a/packages/plasma-icons/scripts/generateIconsIos.mjs b/packages/plasma-icons/scripts/generateIconsIos.mjs index b00b5fb1d2..7a0f1a19d3 100644 --- a/packages/plasma-icons/scripts/generateIconsIos.mjs +++ b/packages/plasma-icons/scripts/generateIconsIos.mjs @@ -38,10 +38,16 @@ try { let pngCount = 0; for (const sourceDirectory of listSVG) { - const [fullSvgName] = sourceDirectory.split('/').reverse(); + const [fullSvgName, dir] = sourceDirectory.split('/').reverse(); + + // @example Icon.svg.24 + const [size] = dir.split('.').reverse(); + + // @example Accessibility.svg const [svgName] = fullSvgName.split('.'); - const pngDirectory = `${iosIconsDirectory}/${svgName}.imageset`; + // @example ./icons-ios/ScenarioSyncAuto45Fill24.imageset + const pngDirectory = `${iosIconsDirectory}/${svgName}${size}.imageset`; try { await access(pngDirectory); @@ -86,23 +92,7 @@ try { const pngContentsJsonPath = path.join(pngDirectory, 'Contents.json'); - try { - // INFO: если Contents.json для этого imageset уже существует нужно - // INFO: дописать в images новые значения - await access(pngContentsJsonPath); - - const rawData = await readFile(pngContentsJsonPath, 'utf8'); - const json = JSON.parse(rawData); - - const data = { - ...json, - images: [...json.images, ...images] - }; - - await writeFile(pngContentsJsonPath, JSON.stringify(data, null, 2), 'utf8'); - } catch (e) { - await writeFile(pngContentsJsonPath, JSON.stringify(contentsJson, null, 2), 'utf8'); - } + await writeFile(pngContentsJsonPath, JSON.stringify(contentsJson, null, 2), 'utf8'); } if (svgCount !== pngCount) { diff --git a/packages/plasma-icons/scripts/utils.ts b/packages/plasma-icons/scripts/utils.ts index 426d074265..62ff19e643 100644 --- a/packages/plasma-icons/scripts/utils.ts +++ b/packages/plasma-icons/scripts/utils.ts @@ -6,6 +6,8 @@ const getSvgContent = (source: string) => (/(.*?)<\/svg>/gm.exec(sourc const getViewBox = (source: string) => (/viewBox="(.*?)"/gm.exec(source) || [])[1]; +const removeOpacity = (source: string) => source.replace(/opacity="(.*?)"/gm, ''); + const removeFillOpacity = (source: string) => source.replace(/fill-opacity="(.*?)"/gm, ''); const setFillCurrentColor = (source: string) => source.replace(/fill="(.*?)"/gm, 'fill="currentColor"'); @@ -37,6 +39,7 @@ export const getIconAsset = (source: string, iconName: string) => { setFillCurrentColor, setStrokeCurrentColor, removeFillOpacity, + removeOpacity, convertInlineStyleToObject, camelizeAttributes, )(source); diff --git a/packages/plasma-icons/src/old/Icon.assets/Location.tsx b/packages/plasma-icons/src/old/Icon.assets/Location.tsx index 53be27fa37..61c5cc1969 100644 --- a/packages/plasma-icons/src/old/Icon.assets/Location.tsx +++ b/packages/plasma-icons/src/old/Icon.assets/Location.tsx @@ -5,7 +5,6 @@ import { IconProps } from '../IconRoot'; export const Location: React.FC = (props) => ( = (props) => ( diff --git a/packages/plasma-icons/src/old/Icon.assets/WifiSignal0.tsx b/packages/plasma-icons/src/old/Icon.assets/WifiSignal0.tsx index 03f0c1f04e..74ed2eec46 100644 --- a/packages/plasma-icons/src/old/Icon.assets/WifiSignal0.tsx +++ b/packages/plasma-icons/src/old/Icon.assets/WifiSignal0.tsx @@ -5,21 +5,18 @@ import { IconProps } from '../IconRoot'; export const WifiSignal0: React.FC = (props) => ( = (props) => ( = (props) => ( fill="currentColor" /> = (props) => ( fill="currentColor" /> = (props) => ( fill="currentColor" /> =10.0.0" } }, + "node_modules/@emotion/babel-plugin": { + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz", + "integrity": "sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==", + "dev": true, + "dependencies": { + "@babel/helper-module-imports": "^7.16.7", + "@babel/runtime": "^7.18.3", + "@emotion/hash": "^0.9.1", + "@emotion/memoize": "^0.8.1", + "@emotion/serialize": "^1.1.2", + "babel-plugin-macros": "^3.1.0", + "convert-source-map": "^1.5.0", + "escape-string-regexp": "^4.0.0", + "find-root": "^1.1.0", + "source-map": "^0.5.7", + "stylis": "4.2.0" + } + }, + "node_modules/@emotion/babel-plugin/node_modules/@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==", + "dev": true + }, + "node_modules/@emotion/babel-plugin/node_modules/convert-source-map": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", + "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", + "dev": true + }, + "node_modules/@emotion/babel-plugin/node_modules/escape-string-regexp": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", + "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@emotion/babel-plugin/node_modules/source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/@emotion/babel-plugin/node_modules/stylis": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz", + "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==", + "dev": true + }, + "node_modules/@emotion/cache": { + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", + "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", + "dev": true, + "dependencies": { + "@emotion/memoize": "^0.8.1", + "@emotion/sheet": "^1.2.2", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", + "stylis": "4.2.0" + } + }, + "node_modules/@emotion/cache/node_modules/@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==", + "dev": true + }, + "node_modules/@emotion/cache/node_modules/stylis": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz", + "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==", + "dev": true + }, + "node_modules/@emotion/hash": { + "version": "0.9.1", + "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz", + "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==", + "dev": true + }, "node_modules/@emotion/is-prop-valid": { "version": "0.8.8", "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", @@ -2272,6 +2365,99 @@ "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==", "dev": true }, + "node_modules/@emotion/react": { + "version": "11.11.4", + "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.4.tgz", + "integrity": "sha512-t8AjMlF0gHpvvxk5mAtCqR4vmxiGHCeJBaQO6gncUSdklELOgtwjerNY2yuJNfwnc6vi16U/+uMF+afIawJ9iw==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.18.3", + "@emotion/babel-plugin": "^11.11.0", + "@emotion/cache": "^11.11.0", + "@emotion/serialize": "^1.1.3", + "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", + "hoist-non-react-statics": "^3.3.1" + }, + "peerDependencies": { + "react": ">=16.8.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@emotion/serialize": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.4.tgz", + "integrity": "sha512-RIN04MBT8g+FnDwgvIUi8czvr1LU1alUMI05LekWB5DGyTm8cCBMCRpq3GqaiyEDRptEXOyXnvZ58GZYu4kBxQ==", + "dev": true, + "dependencies": { + "@emotion/hash": "^0.9.1", + "@emotion/memoize": "^0.8.1", + "@emotion/unitless": "^0.8.1", + "@emotion/utils": "^1.2.1", + "csstype": "^3.0.2" + } + }, + "node_modules/@emotion/serialize/node_modules/@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==", + "dev": true + }, + "node_modules/@emotion/serialize/node_modules/@emotion/unitless": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", + "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==", + "dev": true + }, + "node_modules/@emotion/sheet": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz", + "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==", + "dev": true + }, + "node_modules/@emotion/styled": { + "version": "11.11.5", + "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.11.5.tgz", + "integrity": "sha512-/ZjjnaNKvuMPxcIiUkf/9SHoG4Q196DRl1w82hQ3WCsjo1IUR8uaGWrC6a87CrYAW0Kb/pK7hk8BnLgLRi9KoQ==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.18.3", + "@emotion/babel-plugin": "^11.11.0", + "@emotion/is-prop-valid": "^1.2.2", + "@emotion/serialize": "^1.1.4", + "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1", + "@emotion/utils": "^1.2.1" + }, + "peerDependencies": { + "@emotion/react": "^11.0.0-rc.0", + "react": ">=16.8.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@emotion/styled/node_modules/@emotion/is-prop-valid": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.2.tgz", + "integrity": "sha512-uNsoYd37AFmaCdXlg6EYD1KaPOaRWRByMCYzbKUX4+hhMfrxdVSelShywL4JVaAeM/eHUOSprYBQls+/neX3pw==", + "dev": true, + "dependencies": { + "@emotion/memoize": "^0.8.1" + } + }, + "node_modules/@emotion/styled/node_modules/@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==", + "dev": true + }, "node_modules/@emotion/stylis": { "version": "0.8.5", "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", @@ -2293,6 +2479,18 @@ "react": ">=16.8.0" } }, + "node_modules/@emotion/utils": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", + "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==", + "dev": true + }, + "node_modules/@emotion/weak-memoize": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz", + "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==", + "dev": true + }, "node_modules/@esbuild/android-arm": { "version": "0.18.20", "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz", @@ -4428,9 +4626,9 @@ "dev": true }, "node_modules/@salutejs/plasma-core": { - "version": "1.160.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.160.0.tgz", - "integrity": "sha512-ddpmy2lmCjPY0SQAcVma/rjqV+yzXY512MC6WtC6qq5RGZi+x/QKFGyL6eLVZbVE7QqxvvqSed/YiA22OaAXUA==", + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", "dependencies": { "@popperjs/core": "2.9.2", "@salutejs/plasma-typo": "0.40.0", @@ -4455,13 +4653,13 @@ } }, "node_modules/@salutejs/plasma-sb-utils": { - "version": "0.158.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.158.0.tgz", - "integrity": "sha512-VSuHeTFX/sYHeq/8sDxu3aB0b1sF6llju0QUOLke1WGzB+UIrjmXvjCLnfPAcymhUjSODx1wieDUvn+597l3uw==", + "version": "0.160.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.160.0-dev.0.tgz", + "integrity": "sha512-9jx+mpeC7CAf0t/eAaN7YsO5ozGBUzlWCz0RqomkiTkGTBb9f+CuYCxkZ58a9AZQI8SBHIaopjOP2IuRabuHSg==", "dev": true, "dependencies": { "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "param-case": "^3.0.4" }, "peerDependencies": { @@ -6695,6 +6893,21 @@ "node": ">=8" } }, + "node_modules/babel-plugin-macros": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz", + "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.12.5", + "cosmiconfig": "^7.0.0", + "resolve": "^1.19.0" + }, + "engines": { + "node": ">=10", + "npm": ">=6" + } + }, "node_modules/babel-plugin-polyfill-corejs2": { "version": "0.4.10", "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.10.tgz", @@ -7755,6 +7968,11 @@ "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==", "dev": true }, + "node_modules/dayjs": { + "version": "1.11.11", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz", + "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==" + }, "node_modules/debug": { "version": "4.3.4", "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", @@ -8808,6 +9026,12 @@ "node": ">=8" } }, + "node_modules/find-root": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz", + "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==", + "dev": true + }, "node_modules/find-up": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz", @@ -16112,6 +16336,90 @@ "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==", "dev": true }, + "@emotion/babel-plugin": { + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz", + "integrity": "sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==", + "dev": true, + "requires": { + "@babel/helper-module-imports": "^7.16.7", + "@babel/runtime": "^7.18.3", + "@emotion/hash": "^0.9.1", + "@emotion/memoize": "^0.8.1", + "@emotion/serialize": "^1.1.2", + "babel-plugin-macros": "^3.1.0", + "convert-source-map": "^1.5.0", + "escape-string-regexp": "^4.0.0", + "find-root": "^1.1.0", + "source-map": "^0.5.7", + "stylis": "4.2.0" + }, + "dependencies": { + "@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==", + "dev": true + }, + "convert-source-map": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", + "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", + "dev": true + }, + "escape-string-regexp": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", + "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", + "dev": true + }, + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==", + "dev": true + }, + "stylis": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz", + "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==", + "dev": true + } + } + }, + "@emotion/cache": { + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", + "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", + "dev": true, + "requires": { + "@emotion/memoize": "^0.8.1", + "@emotion/sheet": "^1.2.2", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", + "stylis": "4.2.0" + }, + "dependencies": { + "@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==", + "dev": true + }, + "stylis": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz", + "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==", + "dev": true + } + } + }, + "@emotion/hash": { + "version": "0.9.1", + "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz", + "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==", + "dev": true + }, "@emotion/is-prop-valid": { "version": "0.8.8", "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", @@ -16127,6 +16435,86 @@ "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==", "dev": true }, + "@emotion/react": { + "version": "11.11.4", + "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.4.tgz", + "integrity": "sha512-t8AjMlF0gHpvvxk5mAtCqR4vmxiGHCeJBaQO6gncUSdklELOgtwjerNY2yuJNfwnc6vi16U/+uMF+afIawJ9iw==", + "dev": true, + "requires": { + "@babel/runtime": "^7.18.3", + "@emotion/babel-plugin": "^11.11.0", + "@emotion/cache": "^11.11.0", + "@emotion/serialize": "^1.1.3", + "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", + "hoist-non-react-statics": "^3.3.1" + } + }, + "@emotion/serialize": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.4.tgz", + "integrity": "sha512-RIN04MBT8g+FnDwgvIUi8czvr1LU1alUMI05LekWB5DGyTm8cCBMCRpq3GqaiyEDRptEXOyXnvZ58GZYu4kBxQ==", + "dev": true, + "requires": { + "@emotion/hash": "^0.9.1", + "@emotion/memoize": "^0.8.1", + "@emotion/unitless": "^0.8.1", + "@emotion/utils": "^1.2.1", + "csstype": "^3.0.2" + }, + "dependencies": { + "@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==", + "dev": true + }, + "@emotion/unitless": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", + "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==", + "dev": true + } + } + }, + "@emotion/sheet": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz", + "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==", + "dev": true + }, + "@emotion/styled": { + "version": "11.11.5", + "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.11.5.tgz", + "integrity": "sha512-/ZjjnaNKvuMPxcIiUkf/9SHoG4Q196DRl1w82hQ3WCsjo1IUR8uaGWrC6a87CrYAW0Kb/pK7hk8BnLgLRi9KoQ==", + "dev": true, + "requires": { + "@babel/runtime": "^7.18.3", + "@emotion/babel-plugin": "^11.11.0", + "@emotion/is-prop-valid": "^1.2.2", + "@emotion/serialize": "^1.1.4", + "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1", + "@emotion/utils": "^1.2.1" + }, + "dependencies": { + "@emotion/is-prop-valid": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.2.tgz", + "integrity": "sha512-uNsoYd37AFmaCdXlg6EYD1KaPOaRWRByMCYzbKUX4+hhMfrxdVSelShywL4JVaAeM/eHUOSprYBQls+/neX3pw==", + "dev": true, + "requires": { + "@emotion/memoize": "^0.8.1" + } + }, + "@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==", + "dev": true + } + } + }, "@emotion/stylis": { "version": "0.8.5", "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", @@ -16145,6 +16533,18 @@ "integrity": "sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==", "dev": true }, + "@emotion/utils": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", + "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==", + "dev": true + }, + "@emotion/weak-memoize": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz", + "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==", + "dev": true + }, "@esbuild/android-arm": { "version": "0.18.20", "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz", @@ -17479,9 +17879,9 @@ "dev": true }, "@salutejs/plasma-core": { - "version": "1.160.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.160.0.tgz", - "integrity": "sha512-ddpmy2lmCjPY0SQAcVma/rjqV+yzXY512MC6WtC6qq5RGZi+x/QKFGyL6eLVZbVE7QqxvvqSed/YiA22OaAXUA==", + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", "requires": { "@popperjs/core": "2.9.2", "@salutejs/plasma-typo": "0.40.0", @@ -17499,13 +17899,13 @@ } }, "@salutejs/plasma-sb-utils": { - "version": "0.158.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.158.0.tgz", - "integrity": "sha512-VSuHeTFX/sYHeq/8sDxu3aB0b1sF6llju0QUOLke1WGzB+UIrjmXvjCLnfPAcymhUjSODx1wieDUvn+597l3uw==", + "version": "0.160.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.160.0-dev.0.tgz", + "integrity": "sha512-9jx+mpeC7CAf0t/eAaN7YsO5ozGBUzlWCz0RqomkiTkGTBb9f+CuYCxkZ58a9AZQI8SBHIaopjOP2IuRabuHSg==", "dev": true, "requires": { "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "param-case": "^3.0.4" } }, @@ -19282,6 +19682,17 @@ "test-exclude": "^6.0.0" } }, + "babel-plugin-macros": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz", + "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==", + "dev": true, + "requires": { + "@babel/runtime": "^7.12.5", + "cosmiconfig": "^7.0.0", + "resolve": "^1.19.0" + } + }, "babel-plugin-polyfill-corejs2": { "version": "0.4.10", "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.10.tgz", @@ -20067,6 +20478,11 @@ "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==", "dev": true }, + "dayjs": { + "version": "1.11.11", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz", + "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==" + }, "debug": { "version": "4.3.4", "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", @@ -20885,6 +21301,12 @@ } } }, + "find-root": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz", + "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==", + "dev": true + }, "find-up": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz", diff --git a/packages/plasma-new-hope/package.json b/packages/plasma-new-hope/package.json index f15180a720..d655d859ef 100644 --- a/packages/plasma-new-hope/package.json +++ b/packages/plasma-new-hope/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-new-hope", - "version": "0.93.0", + "version": "0.104.1-dev.0", "description": "Salute Design System blueprint", "main": "cjs/index.js", "module": "es/index.js", @@ -9,26 +9,35 @@ "cjs", "es", "types", - "styled-components" + "styled-components", + "emotion" ], "publishConfig": { "access": "public" }, "scripts": { "prepare": "npm run build", - "build": "npm run build:css && npm run build:styled-components", + "build": "npm run build:css && npm run build:styled-components && npm run build:emotion", "postbuild": "npm run generate:typings", "build:css": "BABEL_ENV=esm SC_NAMESPACE=plasma-new-hope rollup -c", "build:css:watch": "BABEL_ENV=esm SC_NAMESPACE=plasma-new-hope rollup -c -w", "prebuild:styled-components": "rm -rf src-sc && cp -R src src-sc && npm run build:replace-linaria-sc", + "prebuild:emotion": "rm -rf src-emotion && cp -R src src-emotion && npm run build:replace-linaria-emotion", "build:replace-linaria-sc": "./scripts/replace-linaria_sc.sh", + "build:replace-linaria-emotion": "./scripts/replace-linaria_emotion.sh", + "build:emotion": "npm run build:emotion:esm && npm run build:emotion:cjs", + "build:emotion:cjs": "rm -rf emotion/cjs && BABEL_ENV=cjs EMOTION=true SC_NAMESPACE=plasma-new-hope babel ./src-emotion --out-dir ./emotion/cjs --extensions .ts,.tsx --copy-files", + "build:emotion:esm": "rm -rf emotion/es && BABEL_ENV=esm EMOTION=true SC_NAMESPACE=plasma-new-hope babel ./src-emotion --out-dir ./emotion/es --extensions .ts,.tsx --copy-files", "build:styled-components": "npm run build:styled-components:esm && npm run build:styled-components:cjs", "build:styled-components:cjs": "rm -rf styled-components/cjs && BABEL_ENV=cjs SC_NAMESPACE=plasma-new-hope babel ./src-sc --out-dir ./styled-components/cjs --extensions .ts,.tsx --copy-files", "build:styled-components:esm": "rm -rf styled-components/es && BABEL_ENV=esm SC_NAMESPACE=plasma-new-hope babel ./src-sc --out-dir ./styled-components/es --extensions .ts,.tsx --copy-files", "postbuild:styled-components": "rm -rf src-sc", + "postbuild:emotion": "rm -rf src-emotion", "generate:typings:css": "tsc --outDir types --emitDeclarationOnly", "generate:typings": "npm run generate:typings:css", "storybook": "storybook dev -p ${PORT:-7002} -c .storybook", + "prestorybook:emotion": "npm run prebuild:emotion", + "storybook:emotion": "USE_EMOTION_COMPONENTS=true storybook dev -p ${PORT:-7002} -c .storybook", "prestorybook:sc": "npm run prebuild:styled-components", "storybook:sc": "USE_STYLED_COMPONENTS=true storybook dev -p ${PORT:-7002} -c .storybook", "storybook:build": "storybook build -c .storybook -o build-sb", @@ -62,13 +71,16 @@ "@babel/preset-env": "7.24.4", "@babel/preset-react": "7.24.1", "@babel/preset-typescript": "7.24.1", + "@emotion/babel-plugin": "11.11.0", + "@emotion/react": "11.11.4", + "@emotion/styled": "11.11.5", "@ironkinoko/rollup-plugin-styles": "^4.0.3", "@linaria/rollup": "5.0.4", "@linaria/vite": "5.0.4", "@rollup/plugin-babel": "^6.0.4", "@rollup/plugin-commonjs": "^25.0.4", "@rollup/plugin-node-resolve": "^15.1.0", - "@salutejs/plasma-sb-utils": "0.158.0", + "@salutejs/plasma-sb-utils": "0.160.0-dev.0", "@storybook/addon-docs": "^7.6.17", "@storybook/addon-essentials": "^7.6.17", "@storybook/addons": "^7.6.17", @@ -98,11 +110,12 @@ "@linaria/core": "5.0.2", "@linaria/react": "5.0.3", "@popperjs/core": "2.11.8", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "dayjs": "1.11.11", "focus-visible": "5.2.0", "lodash.throttle": "4.1.1", "react-draggable": "4.4.3", "react-popper": "2.3.0", "storeon": "3.1.5" } -} +} \ No newline at end of file diff --git a/packages/plasma-new-hope/scripts/replace-linaria_emotion.sh b/packages/plasma-new-hope/scripts/replace-linaria_emotion.sh new file mode 100755 index 0000000000..9de6549c81 --- /dev/null +++ b/packages/plasma-new-hope/scripts/replace-linaria_emotion.sh @@ -0,0 +1,15 @@ +#!/bin/bash + + +# TODO: rewrite to node.js + +files=$(find src-emotion/components src-emotion/examples -name *.ts -or -name *.tsx); + +perl -p -i -e "s/import { styled } from '\@linaria\/react'/import styled from '\@emotion\/styled'/g" $files +perl -p -i -e "s/import { css } from '\@linaria\/core'/import { css } from '\@emotion\/react'/g" $files + +rm -rf src-emotion/engines/linaria.tsx +rm -rf src-emotion/engines/styled-components.tsx +perl -p -i -e "s/import { css as cssLibrary } from '\@linaria\/core'/import { css as cssLibrary } from '\@emotion\/react'/g" src-emotion/engines/index.ts +perl -p -i -e "s/linaria/emotion/g" src-emotion/engines/index.ts src-emotion/engines/common.tsx + diff --git a/packages/plasma-new-hope/scripts/replace-linaria_sc.sh b/packages/plasma-new-hope/scripts/replace-linaria_sc.sh index d774f04602..76532a6781 100755 --- a/packages/plasma-new-hope/scripts/replace-linaria_sc.sh +++ b/packages/plasma-new-hope/scripts/replace-linaria_sc.sh @@ -9,6 +9,7 @@ perl -p -i -e "s/import { styled } from '\@linaria\/react'/import styled from 's perl -p -i -e "s/import { css } from '\@linaria\/core'/import { css } from 'styled-components'/g" $files rm -rf src-sc/engines/linaria.tsx -perl -p -i -e "s/import { css as cssLibrary } from '\@linaria\/core'/import { css as cssLibrary } from 'styled-components'/g" src-sc/engines/index.ts -perl -p -i -e "s/linaria/styled-components/g" src-sc/engines/index.ts src-sc/engines/common.tsx +rm -rf src-sc/engines/emotion.tsx +perl -p -i -e "s/import { css as cssLibrary } from '\@linaria\/core'/import { css as cssLibrary } from 'styled-components'/g" src-sc/engines/index.ts +perl -p -i -e "s/linaria/styled-components/g" src-sc/engines/index.ts src-sc/engines/common.tsx diff --git a/packages/plasma-new-hope/src/components/Accordion/Accordion.template-doc.mdx b/packages/plasma-new-hope/src/components/Accordion/Accordion.template-doc.mdx new file mode 100644 index 0000000000..b28880a082 --- /dev/null +++ b/packages/plasma-new-hope/src/components/Accordion/Accordion.template-doc.mdx @@ -0,0 +1,235 @@ +--- +id: accordion +title: Accordion +--- + +import { PropsTable } from '@site/src/components'; +import Tabs from '@theme/Tabs'; +import TabItem from '@theme/TabItem'; + +# Accordion +Компонент выпадающей информации + + +# AccordionItem +Компонент выпадающей информации + + +Компонент представляет собой заголовок и контент, который раскрывается при нажатии. + +## Примеры Accordion + + + + ```tsx live + import React from 'react'; + import { Accordion, AccordionItem } from '@salutejs/{{ package }}'; + + export function App() { + return ( +
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+ ); + } + ``` + + + ```tsx live + import React from 'react'; + import { Accordion, AccordionItem } from '@salutejs/{{ package }}'; + + export function App() { + return ( +
+
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+
+ ); + } + ``` + + + ```tsx live + import React from 'react'; + import { Accordion, AccordionItem } from '@salutejs/{{ package }}'; + + export function App() { + return ( +
+
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+
+ ); + } + ``` + + + ```tsx live + import React from 'react'; + import { Accordion, AccordionItem } from '@salutejs/{{ package }}'; + + export function App() { + return ( +
+
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+
+ ); + } + ``` + + + +### Использование Accordion SingleActive + +```tsx live + import React from 'react'; + import { Accordion, AccordionItem } from '@salutejs/{{ package }}'; + + export function App() { + return ( +
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+ ); + } + ``` + +### Использование Accordion с eventKey и defaultActiveEventKey + +```tsx live + import React from 'react'; + import { Accordion, AccordionItem } from '@salutejs/{{ package }}'; + + export function App() { + return ( +
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+ ); + } + ``` + + +### Использование AccordionItem атрибута Type + + + + ```tsx live + import React from 'react'; + import { Accordion, AccordionItem } from '@salutejs/{{ package }}'; + + export function App() { + return ( +
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+ ); + } + ``` + + + ```tsx live + import React from 'react'; + import { Accordion, AccordionItem } from '@salutejs/{{ package }}'; + + export function App() { + return ( +
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+ ); + } + ``` + + + ```tsx live + import React from 'react'; + import { Accordion, AccordionItem } from '@salutejs/{{ package }}'; + + export function App() { + return ( +
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+ ); + } + ``` + + + diff --git a/packages/plasma-new-hope/src/components/Accordion/ui/AccordionItem/AccordionItem.tsx b/packages/plasma-new-hope/src/components/Accordion/ui/AccordionItem/AccordionItem.tsx index 38003473bf..02411493ae 100644 --- a/packages/plasma-new-hope/src/components/Accordion/ui/AccordionItem/AccordionItem.tsx +++ b/packages/plasma-new-hope/src/components/Accordion/ui/AccordionItem/AccordionItem.tsx @@ -1,7 +1,8 @@ -import React, { HTMLAttributes, useState, useRef, useEffect } from 'react'; +import React, { useState, useRef, useEffect } from 'react'; import { convertRoundnessMatrix } from '../../../../utils/roundness'; import { classes, tokens } from '../../Accordion.tokens'; +import { HTMLAttributesOmitOnChange } from '../../../../engines/types'; import { StyledAccordionItem, @@ -18,7 +19,7 @@ import { } from './AccordionItem.styles'; import type { AccordionItemProps } from './AccordionItem.types'; -export const AccordionItem: React.FC & AccordionItemProps> = ({ +export const AccordionItem: React.FC = ({ value, contentRight, contentLeft, @@ -31,7 +32,7 @@ export const AccordionItem: React.FC & AccordionI disabled, onChange, }) => { - const key = eventKey ?? index; + const key = eventKey ?? index ?? 0; const [leftPadding, setLeftPadding] = useState(); diff --git a/packages/plasma-new-hope/src/components/Accordion/ui/AccordionItem/AccordionItem.types.ts b/packages/plasma-new-hope/src/components/Accordion/ui/AccordionItem/AccordionItem.types.ts index 7759730f7a..4beaf3458d 100644 --- a/packages/plasma-new-hope/src/components/Accordion/ui/AccordionItem/AccordionItem.types.ts +++ b/packages/plasma-new-hope/src/components/Accordion/ui/AccordionItem/AccordionItem.types.ts @@ -39,9 +39,9 @@ type CustomAccordionItemProps = { children: ReactNode; /** - * Функция при открытии аккардеона + * @deprecated Внутренняя функция при открытии аккардеона (будет удалена в ближайшее время) */ - onChange: (index: number, value: boolean) => void; + onChange?: (index: number, value: boolean) => void; /** * Блокировка элемента @@ -53,14 +53,14 @@ type CustomAccordionItemProps = { // /** - * Индекс элемента + * Индекс элемента, который необходимо автоматически открыть */ eventKey?: number; /** - * Индекс элемента + * @deprecated Внутреннее свойство индекс элемента (будет удалено в ближайшее время) */ - index: number; + index?: number; }; export type AccordionItemProps = CustomAccordionItemProps; diff --git a/packages/plasma-new-hope/src/components/Calendar/Calendar.tokens.ts b/packages/plasma-new-hope/src/components/Calendar/Calendar.tokens.ts index 4d240e5a6c..d337cd6e6f 100644 --- a/packages/plasma-new-hope/src/components/Calendar/Calendar.tokens.ts +++ b/packages/plasma-new-hope/src/components/Calendar/Calendar.tokens.ts @@ -10,51 +10,102 @@ export const classes = { selectedItem: 'item-selected', currentItem: 'item-current', hoveredItem: 'item-hovered', + doubleHeaderDate: 'double-header-date', + doubleHeaderLastDateWrapper: 'double-header--last-date-wrapper', }; export const tokens = { - calendarBackgroundColor: '--plasma-calendar-background', - calendarHeaderArrowContainerWidth: '--plasma-calendar-arrow-container-width', - calendarItemBorderRadius: '--plasma-calendar-item-border-radius', - calendarSelectedItemBackground: '--plasma-calendar-selected-item-background', - calendarSelectedItemColor: '--plasma-calendar-selected-item-color', - calendarSelectableItemBackgroundHover: '--plasma-calendar-selectable-item-bg-hover', - calendarCurrentItemBorderColor: '--plasma-calendar-current-item-border-color', - calendarCurrentItemBackgroundHover: '--plasma-calendar-current-item-bg-hover', - calendarCurrentItemColorHover: '--plasma-calendar-current-item-color-hover', - calendarCurrentItemChildBackgroundHover: '--plasma-calendar-current-item-child-bg-hover', - calendarActiveItemBackground: '--plasma-calendar-active-item-bg', - calendarActiveItemColor: '--plasma-calendar-active-item-color', - calendarHoveredItemBackground: '--plasma-calendar-hovered-item-bg', - calendarHoveredItemColor: '--plasma-calendar-hovered-item-color', - calendarSeparatorBackground: '--plasma-calendar-separator-background', - calendarRangeBackground: '--plasma-calendar-range-background', - calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color', - calendarContentPrimaryColor: '--plasma-calendar-content-primary-color', - calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color', - calendarHeaderFontFamily: '--plasma-calendar-header-font-family', - calendarHeaderFontSize: '--plasma-calendar-header-font-size', - calendarHeaderFontStyle: '--plasma-calendar-header-font-style', - calendarHeaderFontLetterSpacing: '--plasma-calendar-header-font-letter-spacing', - calendarHeaderFontLineHeight: '--plasma-calendar-header-line-height', - calendarHeaderFontWeight: '--plasma-calendar-header-font-weight', - calendarHeaderFontWeightBold: '--plasma-calendar-header-font-weight-bold', + calendarWidth: '--plasma-calendar-width', + calendarHeight: '--plasma-calendar-height', + + /* Токены размера сетки лет */ + calendarYearsPadding: '--plasma-calendar-years-padding', + calendarYearItemBorderRadius: '--plasma-calendar-year-item-border-radius', + calendarYearItemWidth: '--plasma-calendar-year-item-width', + calendarYearItemHeight: '--plasma-calendar-year-item-height', + calendarYearFontFamily: '--plasma-calendar-year-font-family', calendarYearFontSize: '--plasma-calendar-year-font-size', calendarYearFontStyle: '--plasma-calendar-year-font-style', calendarYearFontLetterSpacing: '--plasma-calendar-year-font-letter-spacing', calendarYearFontLineHeight: '--plasma-calendar-year-line-height', calendarYearFontWeight: '--plasma-calendar-year-font-weight', + calendarYearSelectedFontWeight: '--plasma-calendar-year-selected-font-weight', + + /* Токены размера сетки месяцев */ + calendarMonthsPadding: '--plasma-calendar-months-padding', + calendarMonthItemBorderRadius: '--plasma-calendar-month-item-border-radius', + calendarMonthItemWidth: '--plasma-calendar-month-item-width', + calendarMonthItemHeight: '--plasma-calendar-month-item-height', + calendarMonthFontFamily: '--plasma-calendar-month-font-family', calendarMonthFontSize: '--plasma-calendar-month-font-size', calendarMonthFontStyle: '--plasma-calendar-month-font-style', calendarMonthFontLetterSpacing: '--plasma-calendar-month-font-letter-spacing', calendarMonthFontLineHeight: '--plasma-calendar-month-line-height', calendarMonthFontWeight: '--plasma-calendar-month-font-weight', + calendarMonthSelectedFontWeight: '--plasma-calendar-month-selected-font-weight', + + /* Токены размера сетки дней */ + calendarDaysPadding: '--plasma-calendar-days-padding', + calendarDayItemBorderRadius: '--plasma-calendar-day-item-border-radius', + calendarDayItemWidth: '--plasma-calendar-day-item-width', + calendarDayItemHeight: '--plasma-calendar-day-item-height', + calendarDayFontFamily: '--plasma-calendar-day-font-family', calendarDayFontSize: '--plasma-calendar-day-font-size', calendarDayFontStyle: '--plasma-calendar-day-font-style', calendarDayFontLetterSpacing: '--plasma-calendar-day-font-letter-spacing', calendarDayFontLineHeight: '--plasma-calendar-day-line-height', calendarDayFontWeight: '--plasma-calendar-day-font-weight', + calendarDaySelectedFontWeight: '--plasma-calendar-day-selected-font-weight', + + calendarDayOfWeekColor: '--plasma-calendar-day-of-the-week-color', + + /* Токены шапки календаря */ + calendarHeaderWrapperPadding: '--plasma-calendar-header-wrapper-padding', + calendarHeaderArrowGap: '--plasma-calendar-arrow-container-gap', + calendarHeaderArrowPadding: '--plasma-calendar-arrow-container-padding', + + calendarHeaderPadding: '--plasma-calendar-header-padding', + calendarHeaderDateGap: '--plasma-calendar-header-date-gap', + + calendarHeaderFontFamily: '--plasma-calendar-header-font-family', + calendarHeaderFontSize: '--plasma-calendar-header-font-size', + calendarHeaderFontStyle: '--plasma-calendar-header-font-style', + calendarHeaderFontLetterSpacing: '--plasma-calendar-header-font-letter-spacing', + calendarHeaderFontLineHeight: '--plasma-calendar-header-line-height', + calendarHeaderFontWeight: '--plasma-calendar-header-font-weight', + calendarHeaderFontWeightBold: '--plasma-calendar-header-font-weight-bold', + + /* Токены стрелок навигации календаря */ + iconButtonColor: '--plasma-calendar-icon-button-color', + iconButtonBackgroundColor: '--plasma-calendar-icon-button-background', + iconButtonColorHover: '--plasma-calendar-icon-button-color-hover', + iconButtonBackgroundColorHover: '--plasma-calendar-icon-button-background-hover', + iconButtonColorActive: '--plasma-calendar-icon-button-color-active', + iconButtonBackgroundColorActive: '--plasma-calendar-icon-button-background-active', + iconButtonHeight: '--plasma-calendar-icon-button-height', + iconButtonWidth: '--plasma-calendar-icon-button-width', + iconButtonPadding: '--plasma-calendar-icon-button-padding', + iconButtonRadius: '--plasma-calendar-icon-button-radius', + iconButtonFocusColor: '--plasma-calendar-icon-button-focus-color', + + calendarBackgroundColor: '--plasma-calendar-background', + calendarSelectedItemBackground: '--plasma-calendar-selected-item-background', + calendarSelectedItemColor: '--plasma-calendar-selected-item-color', + calendarSelectableItemBackgroundHover: '--plasma-calendar-selectable-item-bg-hover', + calendarCurrentItemBorderColor: '--plasma-calendar-current-item-border-color', + calendarCurrentItemBackgroundHover: '--plasma-calendar-current-item-bg-hover', + calendarCurrentItemColorHover: '--plasma-calendar-current-item-color-hover', + calendarCurrentItemChildBackgroundHover: '--plasma-calendar-current-item-child-bg-hover', + calendarActiveItemBackground: '--plasma-calendar-active-item-bg', + calendarActiveItemColor: '--plasma-calendar-active-item-color', + calendarHoveredItemBackground: '--plasma-calendar-hovered-item-bg', + calendarHoveredItemColor: '--plasma-calendar-hovered-item-color', + calendarSeparatorBackground: '--plasma-calendar-separator-background', + calendarRangeBackground: '--plasma-calendar-range-background', + calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color', + calendarContentPrimaryColor: '--plasma-calendar-content-primary-color', + calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color', }; diff --git a/packages/plasma-new-hope/src/components/Calendar/Calendar.types.ts b/packages/plasma-new-hope/src/components/Calendar/Calendar.types.ts index d59bc8584f..3d05e65d43 100644 --- a/packages/plasma-new-hope/src/components/Calendar/Calendar.types.ts +++ b/packages/plasma-new-hope/src/components/Calendar/Calendar.types.ts @@ -119,7 +119,7 @@ export type CalendarRange = Omit & { /** * Выбранное значение. */ - value: [Date, Date?]; + value: [Date?, Date?]; /** * Обработчик изменения значения. */ diff --git a/packages/plasma-new-hope/src/components/Calendar/CalendarBase/CalendarBase.styles.ts b/packages/plasma-new-hope/src/components/Calendar/CalendarBase/CalendarBase.styles.ts index 255fa6c98d..43787a45d4 100644 --- a/packages/plasma-new-hope/src/components/Calendar/CalendarBase/CalendarBase.styles.ts +++ b/packages/plasma-new-hope/src/components/Calendar/CalendarBase/CalendarBase.styles.ts @@ -1,13 +1,15 @@ import { css } from '@linaria/core'; import { styled } from '@linaria/react'; +import { tokens } from '../Calendar.tokens'; + export const StyledCalendar = css` position: relative; user-select: none; z-index: 1; - width: 19.5rem; - height: 19.5rem; + width: var(${tokens.calendarWidth}); + height: var(${tokens.calendarHeight}); `; export const IsOutOfRange = styled.div` diff --git a/packages/plasma-new-hope/src/components/Calendar/CalendarBase/CalendarBase.tsx b/packages/plasma-new-hope/src/components/Calendar/CalendarBase/CalendarBase.tsx index 34a3ae6907..3193424274 100644 --- a/packages/plasma-new-hope/src/components/Calendar/CalendarBase/CalendarBase.tsx +++ b/packages/plasma-new-hope/src/components/Calendar/CalendarBase/CalendarBase.tsx @@ -1,4 +1,13 @@ -import React, { useCallback, useMemo, useReducer, useState, KeyboardEvent, HTMLAttributes, forwardRef } from 'react'; +import React, { + useCallback, + useMemo, + useReducer, + useState, + KeyboardEvent, + HTMLAttributes, + forwardRef, + useEffect, +} from 'react'; import type { Calendar, DateObject, UseKeyNavigationProps } from '../Calendar.types'; import type { CalendarStateType } from '../store/types'; @@ -13,13 +22,20 @@ import { base as viewCSS } from './variations/_view/base'; import { base as sizeCSS } from './variations/_size/base'; import { IsOutOfRange, StyledCalendar } from './CalendarBase.styles'; -export type CalendarBaseProps = HTMLAttributes & - Calendar & { - /** - * Тип отображения календаря: дни, месяца, года. - */ - type?: CalendarStateType; - }; +export type CalendarBaseProps = Calendar & { + /** + * Тип отображения календаря: дни, месяца, года. + */ + type?: CalendarStateType; + /** + * Размер календаря. + */ + size?: string; + /** + * Вид календаря. + */ + view?: string; +}; /** * Компонент календаря. @@ -190,6 +206,12 @@ export const calendarBaseRoot = (Root: RootProps { + if (!prevValue) { + setPrevValue(value); + } + }, [value, prevValue]); + return ( {isOutOfRange && ( @@ -204,6 +226,7 @@ export const calendarBaseRoot = (Root: RootProps )} & Calendar; +export type CalendarDoubleProps = HTMLAttributes & + Calendar & { + /** + * Размер календаря. + */ + size?: string; + /** + * Вид календаря. + */ + view?: string; + }; /** * Компонент двойного календаря. @@ -119,10 +129,17 @@ export const calendarDoubleRoot = (Root: RootProps { + if (!prevValue) { + setPrevValue(value); + } + }, [value, prevValue]); + return ( (Component: React.FC) => ...rest }: CalendarRange): ReactElement => { const [startExternalValue, endExternalValue] = useMemo(() => value, [value]); - const [[startValue, endValue], setValues] = useState<[Date, Date?]>([startExternalValue, endExternalValue]); + const [[startValue, endValue], setValues] = useState<[Date?, Date?]>([startExternalValue, endExternalValue]); const [prevValue, setPrevValue] = useState(value); if (isValueUpdate(value, prevValue)) { diff --git a/packages/plasma-new-hope/src/components/Calendar/hooks/useDays.ts b/packages/plasma-new-hope/src/components/Calendar/hooks/useDays.ts index 543213661b..fe0d5fddf5 100644 --- a/packages/plasma-new-hope/src/components/Calendar/hooks/useDays.ts +++ b/packages/plasma-new-hope/src/components/Calendar/hooks/useDays.ts @@ -272,4 +272,4 @@ export const useDays = ( } return getMatrix(days); - }, [date, value, eventList, disabledList, max, min]); + }, [date, value, eventList, disabledList, max, min, includeEdgeDates]); diff --git a/packages/plasma-new-hope/src/components/Calendar/mixins/active.ts b/packages/plasma-new-hope/src/components/Calendar/mixins/active.ts new file mode 100644 index 0000000000..d7c3d6f29d --- /dev/null +++ b/packages/plasma-new-hope/src/components/Calendar/mixins/active.ts @@ -0,0 +1,26 @@ +type ActiveProps = { + /** + * Цвет фона нажатого элемента. + */ + activeBackground?: string; + /** + * Цвет текста нажатого элемента. + */ + activeColor?: string; + /** + * Начертание шрифта. + */ + activeFontWeight?: string; +}; + +export const addActive = (args: ActiveProps) => { + const { activeBackground, activeColor, activeFontWeight } = args; + + return ` + &:active { + background-color: ${activeBackground}; + color: ${activeColor}; + font-weight: ${activeFontWeight}; + } + `; +}; diff --git a/packages/plasma-new-hope/src/components/Calendar/mixins/flex.ts b/packages/plasma-new-hope/src/components/Calendar/mixins/flex.ts new file mode 100644 index 0000000000..c2ae73b54f --- /dev/null +++ b/packages/plasma-new-hope/src/components/Calendar/mixins/flex.ts @@ -0,0 +1,11 @@ +export const flexCenter = ` + display: flex; + justify-content: center; + align-items: center; +`; + +export const flexSpaceBetween = ` + display: flex; + justify-content: space-between; + align-items: center; +`; diff --git a/packages/plasma-new-hope/src/components/Calendar/mixins/index.ts b/packages/plasma-new-hope/src/components/Calendar/mixins/index.ts index 9831f86f47..b7b6732f33 100644 --- a/packages/plasma-new-hope/src/components/Calendar/mixins/index.ts +++ b/packages/plasma-new-hope/src/components/Calendar/mixins/index.ts @@ -1,93 +1,3 @@ -import { styled } from '@linaria/react'; - -import { tokens } from '../Calendar.tokens'; -import { addFocus } from '../../../mixins'; - -export const flexCenter = ` - display: flex; - justify-content: center; - align-items: center; -`; - -export const flexSpaceBetween = ` - display: flex; - justify-content: space-between; - align-items: center; -`; - -/** - * Миксин для установки синтетического фокуса на выбранной кнопке. - */ -export const buttonFocus = styled.button` - border: none; - background-color: transparent; - padding: 0; - outline: none; - - ${addFocus({ - outlineSize: '0.063rem', - outlineOffset: '-0.125rem', - outlineColor: `var(${tokens.calendarOutlineFocusColor})`, - outlineRadius: '0.563rem', - })}; -`; - -/** - * Миксины для изменения стиля выбранного дня. - */ -const active = ` - &:active { - background-color: var(--calendar_private-active-background); - color: var(--calendar_private-active-color); - font-weight: var(--plasma-typo-body-s-bold-font-weight); - } -`; - -/* - * Если использовать токены и классы из ./tokens rollup ругается на этот миксин - */ -export const selectedMixin = ` - outline: none; - cursor: pointer; - - &:hover:not(.item-selected) { - background-color: var(--calendar_private-selectable-background-hover); - - ${String(active)}; - }; - - &.item-selected { - border: 0; - background-color: var(--calendar_private-selected-background); - color: var(--calendar_private-selected-color); - cursor: default; - font-weight: var(--plasma-typo-body-s-bold-font-weight); - }; - - &.item-current { - border: 0.063rem solid var(--calendar_private-current-border-color); - - &:not(.item-selected):hover { - background-color: var(--calendar_private-current-background-hover); - color: var(--calendar_private-current-color-hover); - - & > div:first-of-type { - background-color: var(--calendar_private-current-child-background-hover); - min-width: var(--calendar_private-selected-min-width); - min-height: var(--calendar_private-selected-min-height); - } - - ${String(active)}; - } - }; - - &.item-hovered, &.item-hovered:hover { - background-color: var(--calendar_private-hovered-background); - color: var(--calendar_private-hovered-color); - cursor: pointer; - font-weight: var(--plasma-typo-body-s-bold-font-weight); - ${String(active)}; - } - - ${String(active)}; -`; +export { addActive } from './active'; +export { addSelected } from './selected'; +export * from './flex'; diff --git a/packages/plasma-new-hope/src/components/Calendar/mixins/selected.ts b/packages/plasma-new-hope/src/components/Calendar/mixins/selected.ts new file mode 100644 index 0000000000..ef986a4cd5 --- /dev/null +++ b/packages/plasma-new-hope/src/components/Calendar/mixins/selected.ts @@ -0,0 +1,103 @@ +import { classes } from '../Calendar.tokens'; + +import { addActive } from './active'; + +export type SelectedProps = { + /** + * Минимальная ширина дочернего дива. + */ + minWidth?: string; + /** + * Минимальная высота дочернего дива. + */ + minHeight?: string; + /** + * Начертание шрифта. + */ + selectedFontWeight?: string; + /** + * Цвет фона выбранного элемента. + */ + selectedBackground?: string; + /** + * Цвет текста выбранного элемента. + */ + selectedColor?: string; + /** + * Цвет фона элемента, который можно выбрать. + */ + selectableBackgroundHover?: string; + /** + * Цвет границы сегодняшнего дня. + */ + currentBorderColor?: string; + /** + * Цвет фона нажатого элемента. + */ + activeBackground?: string; + /** + * Цвет текста нажатого элемента. + */ + activeColor?: string; +}; + +export const addSelected = (args: SelectedProps) => { + const { + minWidth, + minHeight, + selectedFontWeight, + selectedBackground, + selectedColor, + selectableBackgroundHover, + currentBorderColor, + activeBackground, + activeColor, + } = args; + + return ` + outline: none; + cursor: pointer; + + &:hover { + background-color: ${selectableBackgroundHover}; + }; + + + &.${classes.hoveredItem}, &.${classes.hoveredItem}:hover { + background-color: ${selectedBackground}; + color: ${selectedColor}; + cursor: pointer; + font-weight: ${selectedFontWeight}; + } + + &.${classes.selectedItem}:not(.${classes.currentItem}) { + border: 0; + background-color: ${selectedBackground}; + color: ${selectedColor}; + cursor: default; + font-weight: ${selectedFontWeight}; + }; + + ${addActive({ + activeBackground, + activeColor, + activeFontWeight: selectedFontWeight, + })}; + + &.${classes.currentItem} { + border: 0.063rem solid ${currentBorderColor}; + + &.${classes.selectedItem} { + background-color: initial; + color: ${selectedColor}; + font-weight: ${selectedFontWeight}; + + & > div:first-of-type { + background-color: ${selectedBackground}; + min-width: ${minWidth}; + min-height: ${minHeight}; + } + } + }; + `; +}; diff --git a/packages/plasma-new-hope/src/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.ts b/packages/plasma-new-hope/src/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.ts index 9f6bb40c7b..0258d2b9da 100644 --- a/packages/plasma-new-hope/src/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.ts +++ b/packages/plasma-new-hope/src/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.ts @@ -2,17 +2,17 @@ import { styled } from '@linaria/react'; import { FocusProps } from '@salutejs/plasma-core'; import type { DayProps } from '../../Calendar.types'; -import { flexCenter, selectedMixin } from '../../mixins'; import { classes, tokens } from '../../Calendar.tokens'; import { addFocus } from '../../../../mixins'; +import { addSelected, flexCenter } from '../../mixins'; const inRange = () => ` &:before { content: ''; z-index: -1; position: absolute; - width: 2.5rem; - height: 1.875rem; + width: 100%; + height: calc(100% - 0.125rem); background: var(${tokens.calendarRangeBackground}); } `; @@ -22,14 +22,14 @@ const sideInRange = () => ` content: ''; z-index: -1; position: absolute; - width: 0.313rem; - height: 1.875rem; + width: 0.75rem; + height: calc(100% - 0.125rem); background: var(${tokens.calendarRangeBackground}); } `; export const StyledDay = styled.div<{ offset: number }>` - border-radius: 0.375rem; + border-radius: calc(var(${tokens.calendarDayItemBorderRadius}) - 0.125rem); ${String(flexCenter)}; @@ -54,25 +54,13 @@ export const StyledDay = styled.div<{ offset: number }>` } `; -const dayOfWeek = () => ` - color: var(--plasma-colors-tertiary); -`; - const disabledDay = () => ` cursor: not-allowed; opacity: 0.4; - - ${addFocus({ - outlineSize: '0.063rem', - outlineOffset: '-0.063rem', - outlineColor: `var(${tokens.calendarOutlineFocusColor})`, - outlineRadius: '0.563rem', - })}; `; const disabledCurrentDay = () => ` ${disabledDay()}; - --calendar_private-add-focus-outline-offset: 0.125rem; `; export const StyledDayRoot = styled.div` @@ -86,10 +74,10 @@ export const StyledDayRoot = styled.div` position: relative; box-sizing: border-box; - min-width: 2.5rem; - min-height: 2rem; + min-width: var(${tokens.calendarDayItemWidth}); + min-height: var(${tokens.calendarDayItemHeight}); - border-radius: var(${tokens.calendarItemBorderRadius}); + border-radius: var(${tokens.calendarDayItemBorderRadius}); ${String(flexCenter)}; @@ -100,41 +88,65 @@ export const StyledDayRoot = styled.div` visibility: ${({ isDayInCurrentMonth, isDouble }) => (!isDayInCurrentMonth && isDouble ? 'hidden' : 'visible')}; &.${String(classes.selectableItem)} { - --calendar_private-selected-min-width: 2.25rem; - --calendar_private-selected-min-height: 1.75rem; - --calendar_private-selected-background: var(${tokens.calendarSelectedItemBackground}); - --calendar_private-selected-color: var(${tokens.calendarSelectedItemColor}); - --calendar_private-selectable-background-hover: var(${tokens.calendarSelectableItemBackgroundHover}); - --calendar_private-current-border-color: var(${tokens.calendarCurrentItemBorderColor}); - --calendar_private-current-background-hover: var(${tokens.calendarCurrentItemBackgroundHover}); - --calendar_private-current-color-hover: var(${tokens.calendarCurrentItemColorHover}); - --calendar_private-current-child-background-hover: var(${tokens.calendarCurrentItemChildBackgroundHover}); - --calendar_private-active-background: var(${tokens.calendarActiveItemBackground}); - --calendar_private-active-color: var(${tokens.calendarActiveItemColor}); - --calendar_private-hovered-background: var(${tokens.calendarHoveredItemBackground}); - --calendar_private-hovered-color: var(${tokens.calendarHoveredItemColor}); + ${addSelected({ + minWidth: `calc(var(${tokens.calendarDayItemWidth}) - 0.25rem)`, + minHeight: `calc(var(${tokens.calendarDayItemHeight}) - 0.25rem)`, + selectedFontWeight: `var(${tokens.calendarDaySelectedFontWeight})`, + selectedBackground: `var(${tokens.calendarSelectedItemBackground})`, + selectedColor: `var(${tokens.calendarSelectedItemColor})`, + selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`, + currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`, + activeBackground: `var(${tokens.calendarActiveItemBackground})`, + activeColor: `var(${tokens.calendarActiveItemColor})`, + })}; ${addFocus({ outlineSize: '0.063rem', - outlineOffset: '-0.063rem', + outlineOffset: '-0.125rem', outlineColor: `var(${tokens.calendarOutlineFocusColor})`, - outlineRadius: '0.563rem', + outlineRadius: `calc(var(${tokens.calendarDayItemBorderRadius}) + 0.125rem)`, })}; - ${String(selectedMixin)}; + &.${classes.currentItem} { + ${addFocus({ + outlineSize: '0.063rem', + outlineOffset: '-0.1875rem', + outlineColor: `var(${tokens.calendarOutlineFocusColor})`, + outlineRadius: `calc(var(${tokens.calendarDayItemBorderRadius}) + 0.125rem)`, + })}; + } } - &.${String(classes.dayOfWeek)} { - ${dayOfWeek()}; + &.${classes.dayOfWeek} { + color: var(${tokens.calendarDayOfWeekColor}); } - &.${String(classes.dayDisabled)} { + &.${classes.dayDisabled} { ${disabledDay()}; } - &.${String(classes.dayDisabledCurrent)} { + &.${classes.dayDisabledCurrent} { ${disabledCurrentDay()}; } + + &.${classes.currentItem} { + & > .${classes.dayInRange}:before { + width: calc(100% + 2px); + height: 100%; + } + + & > .${classes.daySideRight}:before { + width: 100%; + right: -1px; + left: unset; + } + + & > .${classes.daySideLeft}:before { + width: 100%; + left: -1px; + right: unset; + } + } `; export const StyledEvents = styled.div` diff --git a/packages/plasma-new-hope/src/components/Calendar/ui/CalendarDays/CalendarDays.styles.ts b/packages/plasma-new-hope/src/components/Calendar/ui/CalendarDays/CalendarDays.styles.ts index 34d67f2444..ac6c994efb 100644 --- a/packages/plasma-new-hope/src/components/Calendar/ui/CalendarDays/CalendarDays.styles.ts +++ b/packages/plasma-new-hope/src/components/Calendar/ui/CalendarDays/CalendarDays.styles.ts @@ -1,6 +1,7 @@ import { styled } from '@linaria/react'; import { flexCenter } from '../../mixins'; +import { tokens } from '../../Calendar.tokens'; export const StyledFlex = styled.div` ${String(flexCenter)}; @@ -9,7 +10,7 @@ export const StyledFlex = styled.div` export const StyledCalendarDays = styled.div` outline: none; - padding: 0.5rem 1rem 1.5rem; + padding: var(${tokens.calendarDaysPadding}); box-sizing: border-box; `; diff --git a/packages/plasma-new-hope/src/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.ts b/packages/plasma-new-hope/src/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.ts index e4d5725bae..42b0697489 100644 --- a/packages/plasma-new-hope/src/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.ts +++ b/packages/plasma-new-hope/src/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.ts @@ -1,77 +1,117 @@ import { styled } from '@linaria/react'; -import { buttonFocus, flexCenter } from '../../mixins'; -import { tokens } from '../../Calendar.tokens'; +import { classes, tokens } from '../../Calendar.tokens'; +import { component, mergeConfig } from '../../../../engines'; +import { iconButtonConfig, iconButtonTokens } from '../../../IconButton'; +import { flexCenter } from '../../mixins'; +import { addFocus } from '../../../../mixins'; -export const StyledCalendarHeader = styled.div` - padding: 1rem 1.5rem 0; - font-family: var(${tokens.calendarHeaderFontFamily}); - font-size: var(${tokens.calendarHeaderFontSize}); - font-style: var(${tokens.calendarHeaderFontStyle}); - font-weight: var(${tokens.calendarHeaderFontWeightBold}); - letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing}); - line-height: var(${tokens.calendarHeaderFontLineHeight}); +const mergedIconButtonConfig = mergeConfig(iconButtonConfig); +const IconButton = component(mergedIconButtonConfig); +export const StyledCalendarHeader = styled.div` display: flex; justify-content: space-between; align-items: center; + padding: var(${tokens.calendarHeaderWrapperPadding}); `; -export const StyledHeader = styled(buttonFocus)` - color: var(${tokens.calendarContentPrimaryColor}); - cursor: pointer; - padding: 0.5rem 0; +export const StyledHeader = styled.button` + border: none; + background-color: transparent; + padding: 0; + outline: none; font-family: var(${tokens.calendarHeaderFontFamily}); font-size: var(${tokens.calendarHeaderFontSize}); font-style: var(${tokens.calendarHeaderFontStyle}); font-weight: var(${tokens.calendarHeaderFontWeightBold}); letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing}); line-height: var(${tokens.calendarHeaderFontLineHeight}); + padding: var(${tokens.calendarHeaderPadding}); + color: var(${tokens.calendarContentPrimaryColor}); + + cursor: pointer; display: flex; + gap: var(${tokens.calendarHeaderDateGap}); justify-content: space-between; align-items: center; -`; -export const StyledHeaderDouble = styled.h4` - font-family: var(${tokens.calendarHeaderFontFamily}); - font-size: var(${tokens.calendarHeaderFontSize}); - font-style: var(${tokens.calendarHeaderFontStyle}); - font-weight: var(${tokens.calendarHeaderFontWeightBold}); - letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing}); - line-height: var(${tokens.calendarHeaderFontLineHeight}); - margin-top: 0; - margin-bottom: 0; - padding: 0.5rem 0; - flex: 1; - - ${String(flexCenter)}; - - &:first-of-type { - margin-right: 3rem; + &:hover, + &:active { + color: var(${tokens.calendarContentSecondaryColor}); } - &:last-of-type { - margin-left: 3rem; - } + ${addFocus({ + outlineSize: '0.063rem', + outlineOffset: '-0.125rem', + outlineColor: `var(${tokens.calendarOutlineFocusColor})`, + outlineRadius: '0.563rem', + })}; `; -export const StyledArrows = styled.div` - padding: 0.5rem 0; - width: var(${tokens.calendarHeaderArrowContainerWidth}); +export const StyledHeaderDate = styled.span` + ${flexCenter}; + pointer-events: none; +`; +export const StyledArrows = styled.div` display: flex; - justify-content: space-between; - align-items: center; + gap: var(${tokens.calendarHeaderArrowGap}); + padding: var(${tokens.calendarHeaderArrowPadding}); `; -export const StyledArrow = styled(buttonFocus)` - display: flex; - cursor: pointer; +// NOTE: переопределение токенов IconButton +export const StyledArrow = styled(IconButton)` + ${iconButtonTokens.iconButtonColor}: var(${tokens.iconButtonColor}); + ${iconButtonTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor}); + ${iconButtonTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover}); + ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover}); + ${iconButtonTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive}); + ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive}); + ${iconButtonTokens.iconButtonHeight}: var(${tokens.iconButtonHeight}); + ${iconButtonTokens.iconButtonWidth}: var(${tokens.iconButtonWidth}); + ${iconButtonTokens.iconButtonPadding}: var(${tokens.iconButtonPadding}); + ${iconButtonTokens.iconButtonRadius}: var(${tokens.iconButtonRadius}); + ${iconButtonTokens.iconButtonFocusColor}: var(${tokens.iconButtonFocusColor}); `; export const StyledNavigation = styled.div` width: 100%; + ${flexCenter}; +`; + +export const StyledDoubleHeaderWrapper = styled.div` + width: 100%; + display: grid; + grid-template-columns: var(${tokens.iconButtonWidth}) 1fr var(${tokens.iconButtonWidth}); + grid-template-areas: 'a b c'; + + ${StyledArrow} { + grid-area: a; + } + + &.${classes.doubleHeaderLastDateWrapper} ${StyledArrow} { + grid-area: c; + } +`; + +export const StyledHeaderDouble = styled.h4` + font-family: var(${tokens.calendarHeaderFontFamily}); + font-size: var(${tokens.calendarHeaderFontSize}); + font-style: var(${tokens.calendarHeaderFontStyle}); + font-weight: var(${tokens.calendarHeaderFontWeightBold}); + letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing}); + line-height: var(${tokens.calendarHeaderFontLineHeight}); + + grid-area: b; + justify-self: center; + cursor: pointer; + display: flex; + gap: var(${tokens.calendarHeaderDateGap}); + justify-content: space-between; + align-items: center; + margin: 0; ${String(flexCenter)}; `; diff --git a/packages/plasma-new-hope/src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx b/packages/plasma-new-hope/src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx index 6ceaa1f905..3995fd8aae 100644 --- a/packages/plasma-new-hope/src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx +++ b/packages/plasma-new-hope/src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx @@ -1,16 +1,19 @@ import React, { useCallback, useMemo } from 'react'; -import { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon'; +import { IconDisclosureDownFill, IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon'; import { CalendarState } from '../../store/types'; import { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT } from '../../utils'; import type { DateObject } from '../../Calendar.types'; +import { classes } from '../../Calendar.tokens'; import type { CalendarHeaderProps } from './CalendarHeader.types'; import { StyledArrow, StyledArrows, StyledCalendarHeader, + StyledDoubleHeaderWrapper, StyledHeader, + StyledHeaderDate, StyledHeaderDouble, StyledNavigation, } from './CalendarHeader.styles'; @@ -21,6 +24,7 @@ import { export const CalendarHeader: React.FC = ({ type = 'Days', startYear = 0, + size, firstDate, secondDate, isDouble, @@ -45,60 +49,72 @@ export const CalendarHeader: React.FC = ({ } if (type === CalendarState.Days) { - return `${MONTH_NAMES[date.monthIndex]} ${date.year}`; + return ( + <> + {MONTH_NAMES[date.monthIndex]} + + {date.year} + + + + ); } if (type === CalendarState.Months) { - return `${date.year}`; + return ( + + {date.year} + + + ); } if (type === CalendarState.Years) { - return `${startYear}—${startYear + YEAR_RENDER_COUNT - 1}`; + return ( + + {startYear}—{startYear + YEAR_RENDER_COUNT - 1} + + + ); } return ''; }, - [type, startYear], + [type, startYear, size], ); const currentCalendarType = getCalendarType(isDouble ? CalendarState.Days : type); const PreviousButton = useMemo( () => ( - onPrev()} - > - + onPrev()}> + ), - [currentCalendarType, onPrev], + [currentCalendarType, size, onPrev], ); const NextButton = useMemo( () => ( - onNext()} - > - + onNext()}> + ), - [currentCalendarType, onNext], + [currentCalendarType, size, onNext], ); return ( {isDouble ? ( - {PreviousButton} - {getHeaderContent(firstDate)} - {getHeaderContent(secondDate)} - {NextButton} + + {PreviousButton} + {getHeaderContent(firstDate)} + + + {getHeaderContent(secondDate)} + {NextButton} + ) : ( <> diff --git a/packages/plasma-new-hope/src/components/Calendar/ui/CalendarHeader/CalendarHeader.types.ts b/packages/plasma-new-hope/src/components/Calendar/ui/CalendarHeader/CalendarHeader.types.ts index 7a5f0c3b7e..7ce2d82978 100644 --- a/packages/plasma-new-hope/src/components/Calendar/ui/CalendarHeader/CalendarHeader.types.ts +++ b/packages/plasma-new-hope/src/components/Calendar/ui/CalendarHeader/CalendarHeader.types.ts @@ -5,6 +5,7 @@ import type { CalendarStateType } from '../../store/types'; export interface CalendarHeaderProps extends HTMLAttributes { firstDate: DateObject; + size?: string; secondDate?: DateObject; startYear?: number; type?: CalendarStateType; diff --git a/packages/plasma-new-hope/src/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.ts b/packages/plasma-new-hope/src/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.ts index 2ce8615526..09e406dc8c 100644 --- a/packages/plasma-new-hope/src/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.ts +++ b/packages/plasma-new-hope/src/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.ts @@ -1,11 +1,11 @@ import { styled } from '@linaria/react'; -import { flexCenter, selectedMixin } from '../../mixins'; -import { tokens } from '../../Calendar.tokens'; +import { classes, tokens } from '../../Calendar.tokens'; import { addFocus } from '../../../../mixins'; +import { addSelected, flexCenter } from '../../mixins'; export const StyledCalendarMonths = styled.div` - padding: 0.5rem 1.5rem 1.5rem; + padding: var(${tokens.calendarMonthsPadding}); box-sizing: border-box; `; @@ -14,36 +14,11 @@ export const StyledFlex = styled.div` `; export const StyledMonth = styled.div` - border-radius: 0.438rem; + border-radius: calc(var(${tokens.calendarMonthItemBorderRadius}) - 0.125rem); ${String(flexCenter)}; `; -const selectable = ` - ${addFocus({ - outlineSize: '0.063rem', - outlineOffset: '-0.063rem', - outlineColor: `var(${tokens.calendarOutlineFocusColor})`, - outlineRadius: '0.563rem', - })}; - - --calendar_private-selected-min-width: 5.25rem; - --calendar_private-selected-min-height: 3.25rem; - --calendar_private-selected-background: var(${tokens.calendarSelectedItemBackground}); - --calendar_private-selected-color: var(${tokens.calendarSelectedItemColor}); - --calendar_private-selectable-background-hover: var(${tokens.calendarSelectableItemBackgroundHover}); - --calendar_private-current-border-color: var(${tokens.calendarCurrentItemBorderColor}); - --calendar_private-current-background-hover: var(${tokens.calendarCurrentItemBackgroundHover}); - --calendar_private-current-color-hover: var(${tokens.calendarCurrentItemColorHover}); - --calendar_private-current-child-background-hover: var(${tokens.calendarCurrentItemChildBackgroundHover}); - --calendar_private-active-background: var(${tokens.calendarActiveItemBackground}); - --calendar_private-active-color-hover: var(${tokens.calendarActiveItemColor}); - --calendar_private-hovered-background: var(${tokens.calendarHoveredItemBackground}); - --calendar_private-hovered-color: var(${tokens.calendarHoveredItemColor}); - - ${String(selectedMixin)}; -`; - export const StyledMonthRoot = styled.div` font-family: var(${tokens.calendarMonthFontFamily}); font-size: var(${tokens.calendarMonthFontSize}); @@ -51,16 +26,41 @@ export const StyledMonthRoot = styled.div` font-weight: var(${tokens.calendarMonthFontWeight}); letter-spacing: var(${tokens.calendarMonthFontLetterSpacing}); line-height: var(${tokens.calendarMonthFontLineHeight}); - position: relative; box-sizing: border-box; - min-height: 3.5rem; + min-height: var(${tokens.calendarMonthItemHeight}); + min-width: var(${tokens.calendarMonthItemWidth}); - border-radius: var(${tokens.calendarItemBorderRadius}); - - flex: 1; + border-radius: var(${tokens.calendarMonthItemBorderRadius}); ${String(flexCenter)}; - ${String(selectable)}; + + ${addSelected({ + minWidth: `calc(var(${tokens.calendarMonthItemWidth}) - 0.25rem)`, + minHeight: `calc(var(${tokens.calendarMonthItemHeight}) - 0.25rem)`, + selectedFontWeight: `var(${tokens.calendarMonthSelectedFontWeight})`, + selectedBackground: `var(${tokens.calendarSelectedItemBackground})`, + selectedColor: `var(${tokens.calendarSelectedItemColor})`, + selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`, + currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`, + activeBackground: `var(${tokens.calendarActiveItemBackground})`, + activeColor: `var(${tokens.calendarActiveItemColor})`, + })}; + + ${addFocus({ + outlineSize: '0.063rem', + outlineOffset: '-0.125rem', + outlineColor: `var(${tokens.calendarOutlineFocusColor})`, + outlineRadius: `calc(var(${tokens.calendarMonthItemBorderRadius}) + 0.125rem)`, + })}; + + &.${classes.currentItem} { + ${addFocus({ + outlineSize: '0.063rem', + outlineOffset: '-0.1875rem', + outlineColor: `var(${tokens.calendarOutlineFocusColor})`, + outlineRadius: `calc(var(${tokens.calendarMonthItemBorderRadius}) + 0.125rem)`, + })}; + } `; diff --git a/packages/plasma-new-hope/src/components/Calendar/ui/CalendarMonths/CalendarMonths.tsx b/packages/plasma-new-hope/src/components/Calendar/ui/CalendarMonths/CalendarMonths.tsx index 6b6f2f9fdc..297041dd0d 100644 --- a/packages/plasma-new-hope/src/components/Calendar/ui/CalendarMonths/CalendarMonths.tsx +++ b/packages/plasma-new-hope/src/components/Calendar/ui/CalendarMonths/CalendarMonths.tsx @@ -56,7 +56,7 @@ export const CalendarMonths: React.FC = ({ {month.map(({ monthName, monthIndex, isSelected, isCurrent, monthFullName }, j) => { const selectedClass = isSelected ? classes.selectedItem : undefined; - const currentClass = !isSelected && isCurrent ? classes.currentItem : undefined; + const currentClass = isCurrent ? classes.currentItem : undefined; return ( ` - ${addFocus({ - outlineSize: '0.063rem', - outlineOffset: '-0.063rem', - outlineColor: `var(${tokens.calendarOutlineFocusColor})`, - outlineRadius: '0.563rem', - })}; - - --calendar_private-selected-min-width: 5.25rem; - --calendar_private-selected-min-height: 3.25rem; - --calendar_private-selected-background: var(${tokens.calendarSelectedItemBackground}); - --calendar_private-selected-color: var(${tokens.calendarSelectedItemColor}); - --calendar_private-selectable-background-hover: var(${tokens.calendarSelectableItemBackgroundHover}); - --calendar_private-current-border-color: var(${tokens.calendarCurrentItemBorderColor}); - --calendar_private-current-background-hover: var(${tokens.calendarCurrentItemBackgroundHover}); - --calendar_private-current-color-hover: var(${tokens.calendarCurrentItemColorHover}); - --calendar_private-current-child-background-hover: var(${tokens.calendarCurrentItemChildBackgroundHover}); - --calendar_private-active-background: var(${tokens.calendarActiveItemBackground}); - --calendar_private-active-color: var(${tokens.calendarActiveItemColor}); - --calendar_private-hovered-background: var(${tokens.calendarHoveredItemBackground}); - --calendar_private-hovered-color: var(${tokens.calendarHoveredItemColor}); - - ${String(selectedMixin)}; -`; - export const StyledYearRoot = styled.div` font-family: var(${tokens.calendarYearFontFamily}); font-size: var(${tokens.calendarYearFontSize}); @@ -54,12 +29,38 @@ export const StyledYearRoot = styled.div` position: relative; box-sizing: border-box; - min-height: 3.5rem; - - border-radius: var(${tokens.calendarItemBorderRadius}); + min-height: var(${tokens.calendarYearItemHeight}); + min-width: var(${tokens.calendarYearItemWidth}); - flex: 1; + border-radius: var(${tokens.calendarYearItemBorderRadius}); ${String(flexCenter)}; - ${selectable()}; + + ${addSelected({ + minWidth: `calc(var(${tokens.calendarYearItemWidth}) - 0.25rem)`, + minHeight: `calc(var(${tokens.calendarYearItemHeight}) - 0.25rem)`, + selectedFontWeight: `var(${tokens.calendarYearSelectedFontWeight})`, + selectedBackground: `var(${tokens.calendarSelectedItemBackground})`, + selectedColor: `var(${tokens.calendarSelectedItemColor})`, + selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`, + currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`, + activeBackground: `var(${tokens.calendarActiveItemBackground})`, + activeColor: `var(${tokens.calendarActiveItemColor})`, + })}; + + ${addFocus({ + outlineSize: '0.063rem', + outlineOffset: '-0.125rem', + outlineColor: `var(${tokens.calendarOutlineFocusColor})`, + outlineRadius: `calc(var(${tokens.calendarYearItemBorderRadius}) + 0.125rem)`, + })}; + + &.${classes.currentItem} { + ${addFocus({ + outlineSize: '0.063rem', + outlineOffset: '-0.1875rem', + outlineColor: `var(${tokens.calendarOutlineFocusColor})`, + outlineRadius: `calc(var(${tokens.calendarYearItemBorderRadius}) + 0.125rem)`, + })}; + } `; diff --git a/packages/plasma-new-hope/src/components/Calendar/ui/CalendarYears/CalendarYears.tsx b/packages/plasma-new-hope/src/components/Calendar/ui/CalendarYears/CalendarYears.tsx index 209b4798b1..9823d2bcae 100644 --- a/packages/plasma-new-hope/src/components/Calendar/ui/CalendarYears/CalendarYears.tsx +++ b/packages/plasma-new-hope/src/components/Calendar/ui/CalendarYears/CalendarYears.tsx @@ -57,7 +57,7 @@ export const CalendarYears: React.FC = ({ {year.map(({ yearValue, isSelected, isCurrent }, j) => { const selectedClass = isSelected ? classes.selectedItem : undefined; - const currentClass = !isSelected && isCurrent ? classes.currentItem : undefined; + const currentClass = isCurrent ? classes.currentItem : undefined; return ( firstDate.monthIndex === secondDate.monthIndex && firstDate.year === secondDate.year; -export const isValueUpdate = (value: Date | [Date, Date?], prevValue: Date | [Date, Date?]) => { +export const isValueUpdate = (value: Date | [Date?, Date?], prevValue: Date | [Date?, Date?]) => { if (!Array.isArray(value) && !Array.isArray(prevValue)) { return prevValue?.getTime() !== value?.getTime(); } diff --git a/packages/plasma-new-hope/src/components/Combobox/Combobox.tsx b/packages/plasma-new-hope/src/components/Combobox/Combobox.tsx index 2cf472fba6..5faa89e50a 100644 --- a/packages/plasma-new-hope/src/components/Combobox/Combobox.tsx +++ b/packages/plasma-new-hope/src/components/Combobox/Combobox.tsx @@ -2,8 +2,7 @@ import React, { Children, forwardRef, useEffect, useRef, useState } from 'react' import { safeUseId, useForkRef } from '@salutejs/plasma-core'; import { RootProps } from '../../engines'; -import { cx } from '../../utils'; -import { getPlacements } from '../Dropdown/utils'; +import { cx, getPlacements } from '../../utils'; import { getChildren, getNewSelected, getValues } from '../Select/utils'; import { useKeyNavigation } from '../Select/hooks'; import { useDidMountEffect, useForceUpdate } from '../../hooks'; diff --git a/packages/plasma-new-hope/src/components/DatePicker/DatePicker.template-doc.mdx b/packages/plasma-new-hope/src/components/DatePicker/DatePicker.template-doc.mdx new file mode 100644 index 0000000000..57da1d600d --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/DatePicker.template-doc.mdx @@ -0,0 +1,150 @@ +--- +id: datepicker +title: DatePicker +--- + +import { PropsTable, Description } from '@site/src/components'; + +# DatePicker + + + +## Использование +Компонент `DatePicker` представляет собой поле ввода даты с выпадающим календарем. + +Размер `DatePicker` задаётся с помощью свойства `size`. +Возможные значения свойства: `"l"`, `"m"`, `"s"`, `"xs"`. + +```tsx live +import React from 'react'; +import { DatePicker } from '@salutejs/{{ package }}'; +import { IconDone } from '@salutejs/plasma-icons'; + +export function App() { + return ( +
+ } + size="l" + /> +
+ ); +} +``` + +### Формат даты +Формат даты задается с помощью свойства `format`. +При выборе даты в календаре или вводе даты через поле ввода, дата будет приводиться к заданному формату. +Свойство `maskWithFormat` позволяет маскировать ввод: + +```tsx live +import React from 'react'; +import { DatePicker } from '@salutejs/{{ package }}'; +import { IconDone } from '@salutejs/plasma-icons'; + +export function App() { + return ( +
+ } + /> +
+ ); +} +``` + +### Валидация и индикация успешного ввода даты. +За индикацию ошибки или успешного ввода отвечают `valueError`, `valueSuccess`. +В данном примере валидация происходит при нажатии клавиши `Enter` после ввода значений: + +```tsx live +import React, {useState} from 'react'; +import { DatePicker } from '@salutejs/{{ package }}'; +import { IconDone } from '@salutejs/plasma-icons'; + +export function App() { + const [isOpen, setIsOpen] = useState(false); + const [error, setError] = useState(false); + const [success, setSuccess] = useState(false); + + const handleCommitDate = (newDate: Date | string, dateError?: boolean, dateSuccess?: boolean) => { + if (dateError) { + setError(true); + return; + } + + if (dateSuccess) { + setSuccess(true); + } + + setIsOpen(false); + }; + + return ( +
+ } + onChangeValue={() => { + setError(false); + setSuccess(false); + }} + onCommitDate={handleCommitDate} + /> +
+ ); +} +``` + +## DatePickerRange + + + +## Использование +Компонент `DatePickerRange` представляет собой `Range` с выпадающим календарем. +Календарь может быть одиночным или двойным. За это отвечает свойство `isDoubleCalendar`. + +```tsx live +import React from 'react'; +import { DatePickerRange, IconButton } from '@salutejs/{{ package }}'; +import { IconDone } from '@salutejs/plasma-icons'; + +export function App() { + const ActionButton = () => { + return ( + + + + ); + }; + + return ( +
+ } + isDoubleCalendar + /> +
+ ); +} +``` diff --git a/packages/plasma-new-hope/src/components/DatePicker/DatePicker.tokens.ts b/packages/plasma-new-hope/src/components/DatePicker/DatePicker.tokens.ts new file mode 100644 index 0000000000..bea0b7a89d --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/DatePicker.tokens.ts @@ -0,0 +1,198 @@ +export const classes = { + datePickerError: 'date-picker-error', + datePickerSuccess: 'date-picker-success', + datePickerRoot: 'date-picker-root', +}; + +export const tokens = { + width: '--plasma-date-picker-width', + + /** Токены полей ввода в рендже */ + background: '--plasma-date-picker_range-background', + backgroundError: '--plasma-date-picker_range-background-error', + backgroundSuccess: '--plasma-date-picker_range-background-success', + backgroundReadOnly: '--plasma-date-picker_range-background-readonly', + borderRadius: '--plasma-date-picker_range-border-radius', + borderWidth: '--plasma-date-picker_range-border-width', + borderColor: '--plasma-date-picker_range-border-color', + borderColorHover: '--plasma-date-picker_range-border-color-hover', + borderColorFocus: '--plasma-date-picker_range-border-color-focus', + borderColorError: '--plasma-date-picker_range-border-color-error', + borderColorSuccess: '--plasma-date-picker_range-border-color-success', + borderColorReadOnly: '--plasma-date-picker_range-border-color-readonly', + + /** Токены разделителя */ + dividerColor: '--plasma-date-picker_range__divider-color', + dividerColorReadOnly: '--plasma-date-picker_range__divider-color-readonly', + dividerPadding: '--plasma-date-picker_range__divider-padding', + dividerFontFamily: '--plasma-date-picker_range__divider-font-family', + dividerFontStyle: '--plasma-date-picker_range__divider-font-style', + dividerFontSize: '--plasma-date-picker_range__divider-font-size', + dividerFontWeight: '--plasma-date-picker_range__divider-font-weight', + dividerLetterSpacing: '--plasma-date-picker_range__divider-letter-spacing', + dividerLineHeight: '--plasma-date-picker_range__divider-line-height', + + /** Токены слотов для контента в рендже */ + leftContentMargin: '--plasma-date-picker_range__left-content-margin', + rightContentMargin: '--plasma-date-picker_range__right-content-margin', + + /** Токены лейбла */ + labelColor: '--plasma-date-picker__label-color', + labelColorReadOnly: '--plasma-date-picker__label-color-readonly', + labelOffset: '--plasma-date-picker__label-offset', + + labelFontFamily: '--plasma-date-picker__label-font-family', + labelFontStyle: '--plasma-date-picker__label-font-style', + labelFontSize: '--plasma-date-picker__label-font-size', + labelFontWeight: '--plasma-date-picker__label-font-weight', + labelLetterSpacing: '--plasma-date-picker__label-letter-spacing', + labelLineHeight: '--plasma-date-picker__label-line-height', + + /** Токены вспомогательного текста */ + leftHelperColor: '--plasma-date-picker__left-helper-color', + leftHelperColorReadOnly: '--plasma-date-picker__left-helper-color-readonly', + leftHelperOffset: '--plasma-date-picker__left-helper-offset', + + leftHelperFontFamily: '--plasma-date-picker__left-helper-font-family', + leftHelperFontStyle: '--plasma-date-picker__left-helper-font-style', + leftHelperFontSize: '--plasma-date-picker__left-helper-font-size', + leftHelperFontWeight: '--plasma-date-picker__left-helper-font-weight', + leftHelperLetterSpacing: '--plasma-date-picker__left-helper-letter-spacing', + leftHelperLineHeight: '--plasma-date-picker__left-helper-line-height', + + /** Прозрачность для всего компонента в состоянии disabled */ + disabledOpacity: '--plasma-date-picker-disabled-opacity', + + /** Цвет обводки поля ввода при фокусе */ + focusColor: '--plasma-date-picker-focus-color', + + /** Токены полей ввода */ + textFieldColor: '--plasma-date-picker-textfield-color', + textFieldFocusColor: '--plasma-date-picker-textfield-focus-color', + textFieldPlaceholderColor: '--plasma-date-picker-textfield-placeholder-color', + textFieldCaretColor: '--plasma-date-picker-textfield-caret-color', + + textFieldBackgroundColor: '--plasma-date-picker-textfield-background-color', + textFieldBackgroundColorHover: '--plasma-date-picker-textfield-background-color-hover', + textFieldBackgroundColorFocus: '--plasma-date-picker-textfield-background-color-focus', + textFieldBackgroundErrorColor: '--plasma-date-picker-textfield-background-color-error', + textFieldBackgroundErrorColorHover: '--plasma-date-picker-textfield-background-color-error-hover', + textFieldBackgroundErrorColorFocus: '--plasma-date-picker-textfield-background-color-error-focus', + textFieldBackgroundSuccessColor: '--plasma-date-picker-textfield-background-color-success', + textFieldBackgroundSuccessColorHover: '--plasma-date-picker-textfield-background-color-success-hover', + textFieldBackgroundSuccessColorFocus: '--plasma-date-picker-textfield-background-color-success-focus', + + textFieldBorderColor: '--plasma-date-picker-textfield-border-color', + textFieldBorderColorHover: '--plasma-date-picker-textfield-border-color-hover', + textFieldBorderColorFocus: '--plasma-date-picker-textfield-border-color-focus', + textFieldBorderColorError: '--plasma-date-picker-textfield-border-color-error', + textFieldBorderColorErrorHover: '--plasma-date-picker-textfield-border-color-error-hover', + textFieldBorderColorErrorFocus: '--plasma-date-picker-textfield-border-color-error-focus', + textFieldBorderColorSuccess: '--plasma-date-picker-textfield-border-color-success', + textFieldBorderColorSuccessHover: '--plasma-date-picker-textfield-border-color-success-hover', + textFieldBorderColorSuccessFocus: '--plasma-date-picker-textfield-border-color-success-focus', + + textFieldColorReadOnly: '--plasma-date-picker-textfield-color-readonly', + textFieldBackgroundColorReadOnly: '--plasma-date-picker-textfield-background-color-readonly', + textFieldBorderColorReadOnly: '--plasma-date-picker-textfield-border-color-readonly', + textFieldPlaceholderColorReadOnly: '--plasma-date-picker-textfield-placeholder-color-readonly', + + textFieldHeight: '--plasma-date-picker-textfield-height', + textFieldBorderWidth: '--plasma-date-picker-textfield-border-width', + textFieldBorderRadius: '--plasma-date-picker-textfield-border-radius', + textFieldPadding: '--plasma-date-picker-textfield-padding', + textFieldLeftContentMargin: '--plasma-date-picker-textfield__left-content-margin', + textFieldRightContentMargin: '--plasma-date-picker-textfield__right-content-margin', + textFieldFontFamily: '--plasma-date-picker-textfield-font-family', + textFieldFontStyle: '--plasma-date-picker-textfield-font-style', + textFieldFontSize: '--plasma-date-picker-textfield-font-size', + textFieldFontWeight: '--plasma-date-picker-textfield-font-weight', + textFieldLetterSpacing: '--plasma-date-picker-textfield-letter-spacing', + textFieldLineHeight: '--plasma-date-picker-textfield-line-height', + + textFieldTextBeforeColor: '--plasma-date-picker-textfield__before-text-color', + textFieldTextAfterColor: '--plasma-date-picker-textfield__after-text-color', + textFieldTextBeforeMargin: '--plasma-date-picker-textfield__before-text-margin', + textFieldTextAfterMargin: '--plasma-date-picker-textfield__after-text-margin', + + /** Токены календаря */ + calendarPaddingTop: '--plasma-date-picker-calendar-padding-top', + calendarShadow: '--plasma-date-picker-calendar-shadow', + calendarBorderRadius: '--plasma-date-picker-calendar-border-radius', + calendarWidth: '--plasma-date-picker-calendar-width', + calendarHeight: '--plasma-date-picker-calendar-height', + calendarYearsPadding: '--plasma-date-picker-calendar__years-padding', + calendarYearItemBorderRadius: '--plasma-date-picker-calendar__year-item-border-radius', + calendarYearItemWidth: '--plasma-date-picker-calendar__year-item-width', + calendarYearItemHeight: '--plasma-date-picker-calendar__year-item-height', + calendarYearFontFamily: '--plasma-date-picker-calendar__year-font-family', + calendarYearFontSize: '--plasma-date-picker-calendar__year-font-size', + calendarYearFontStyle: '--plasma-date-picker-calendar__year-font-style', + calendarYearFontLetterSpacing: '--plasma-date-picker-calendar__year-letter-spacing', + calendarYearFontLineHeight: '--plasma-date-picker-calendar__year-line-height', + calendarYearFontWeight: '--plasma-date-picker-calendar__year-font-weight', + calendarYearSelectedFontWeight: '--plasma-date-picker-calendar__year-selected-font-weight', + calendarMonthsPadding: '--plasma-date-picker-calendar__months-padding', + calendarMonthItemBorderRadius: '--plasma-date-picker-calendar__month-item-border-radius', + calendarMonthItemWidth: '--plasma-date-picker-calendar__month-item-width', + calendarMonthItemHeight: '--plasma-date-picker-calendar__month-item-height', + calendarMonthFontFamily: '--plasma-date-picker-calendar__month-font-family', + calendarMonthFontSize: '--plasma-date-picker-calendar__month-font-size', + calendarMonthFontStyle: '--plasma-date-picker-calendar__month-font-style', + calendarMonthFontLetterSpacing: '--plasma-date-picker-calendar__month-letter-spacing', + calendarMonthFontLineHeight: '--plasma-date-picker-calendar__month-line-height', + calendarMonthFontWeight: '--plasma-date-picker-calendar__month-font-weight', + calendarMonthSelectedFontWeight: '--plasma-date-picker-calendar__month-selected-font-weight', + calendarDaysPadding: '--plasma-date-picker-calendar__days-padding', + calendarDayItemBorderRadius: '--plasma-date-picker-calendar__day-item-border-radius', + calendarDayItemWidth: '--plasma-date-picker-calendar__day-item-width', + calendarDayItemHeight: '--plasma-date-picker-calendar__day-item-height', + calendarDayFontFamily: '--plasma-date-picker-calendar__day-font-family', + calendarDayFontSize: '--plasma-date-picker-calendar__day-font-size', + calendarDayFontStyle: '--plasma-date-picker-calendar__day-font-style', + calendarDayFontLetterSpacing: '--plasma-date-picker-calendar__day-letter-spacing', + calendarDayFontLineHeight: '--plasma-date-picker-calendar__day-line-height', + calendarDayFontWeight: '--plasma-date-picker-calendar__day-font-weight', + calendarDaySelectedFontWeight: '--plasma-date-picker-calendar__day-selected-font-weight', + calendarDayOfWeekColor: '--plasma-date-picker-calendar__day-of-week-color', + calendarHeaderWrapperPadding: '--plasma-date-picker-calendar__header-wrapper-padding', + calendarHeaderArrowGap: '--plasma-date-picker-calendar__header-arrow-gap', + calendarHeaderArrowPadding: '--plasma-date-picker-calendar__header-arrow-padding', + calendarHeaderPadding: '--plasma-date-picker-calendar__header-padding', + calendarHeaderDateGap: '--plasma-date-picker-calendar__header-date-gap', + calendarHeaderFontFamily: '--plasma-date-picker-calendar__header-font-family', + calendarHeaderFontSize: '--plasma-date-picker-calendar__header-font-size', + calendarHeaderFontStyle: '--plasma-date-picker-calendar__header-font-style', + calendarHeaderFontLetterSpacing: '--plasma-date-picker-calendar__header-letter-spacing', + calendarHeaderFontLineHeight: '--plasma-date-picker-calendar__header-line-height', + calendarHeaderFontWeight: '--plasma-date-picker-calendar__header-font-weight', + calendarHeaderFontWeightBold: '--plasma-date-picker-calendar__header-font-weight-bold', + iconButtonColor: '--plasma-date-picker-icon-button__color', + iconButtonBackgroundColor: '--plasma-date-picker-icon-button__background-color', + iconButtonColorHover: '--plasma-date-picker-icon-button__color-hover', + iconButtonBackgroundColorHover: '--plasma-date-picker-icon-button__background-color-hover', + iconButtonColorActive: '--plasma-date-picker-icon-button__color-active', + iconButtonBackgroundColorActive: '--plasma-date-picker-icon-button__background-color-active', + iconButtonHeight: '--plasma-date-picker-icon-button__height', + iconButtonWidth: '--plasma-date-picker-icon-button__width', + iconButtonPadding: '--plasma-date-picker-icon-button__padding', + iconButtonRadius: '--plasma-date-picker-icon-button__radius', + iconButtonFocusColor: '--plasma-date-picker-icon-button__focus-color', + calendarBackgroundColor: '--plasma-date-picker-calendar__background-color', + calendarSelectedItemBackground: '--plasma-date-picker-calendar__selected-item-background', + calendarSelectedItemColor: '--plasma-date-picker-calendar__selected-item-color', + calendarSelectableItemBackgroundHover: '--plasma-date-picker-calendar__selectable-item-background-hover', + calendarCurrentItemBorderColor: '--plasma-date-picker-calendar__current-item-border-color', + calendarCurrentItemBackgroundHover: '--plasma-date-picker-calendar__current-item-background-hover', + calendarCurrentItemColorHover: '--plasma-date-picker-calendar__current-item-color-hover', + calendarCurrentItemChildBackgroundHover: '--plasma-date-picker-calendar__current-item-child-background-hover', + calendarActiveItemBackground: '--plasma-date-picker-calendar__active-item-background', + calendarActiveItemColor: '--plasma-date-picker-calendar__active-item-color', + calendarHoveredItemBackground: '--plasma-date-picker-calendar__hovered-item-background', + calendarHoveredItemColor: '--plasma-date-picker-calendar__hovered-item-color', + calendarSeparatorBackground: '--plasma-date-picker-calendar__separator-background', + calendarRangeBackground: '--plasma-date-picker-calendar__range-background', + calendarOutlineFocusColor: '--plasma-date-picker-calendar__outline-focus-color', + calendarContentPrimaryColor: '--plasma-date-picker-calendar__content-primary-color', + calendarContentSecondaryColor: '--plasma-date-picker-calendar__content-secondary-color', +}; diff --git a/packages/plasma-new-hope/src/components/DatePicker/DatePickerBase.styles.ts b/packages/plasma-new-hope/src/components/DatePicker/DatePickerBase.styles.ts new file mode 100644 index 0000000000..22526a6e95 --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/DatePickerBase.styles.ts @@ -0,0 +1,97 @@ +import { styled } from '@linaria/react'; + +import { calendarBaseConfig, calendarBaseTokens } from '../Calendar'; +import { component, mergeConfig } from '../../engines'; + +import { tokens } from './DatePicker.tokens'; + +const mergedCalendarConfig = mergeConfig(calendarBaseConfig); +const Calendar = component(mergedCalendarConfig); + +export const baseCalendarTokens = ` + padding-top: var(${tokens.calendarPaddingTop}); + box-shadow: var(${tokens.calendarShadow}); + border-radius: var(${tokens.calendarBorderRadius}); + + ${calendarBaseTokens.calendarBackgroundColor}: var(${tokens.calendarBackgroundColor}); + ${calendarBaseTokens.calendarSelectedItemBackground}: var(${tokens.calendarSelectedItemBackground}); + ${calendarBaseTokens.calendarSelectedItemColor}: var(${tokens.calendarSelectedItemColor}); + ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(${tokens.calendarSelectableItemBackgroundHover}); + ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(${tokens.calendarCurrentItemBorderColor}); + ${calendarBaseTokens.calendarCurrentItemBackgroundHover}: var(${tokens.calendarCurrentItemBackgroundHover}); + ${calendarBaseTokens.calendarCurrentItemColorHover}: var(${tokens.calendarCurrentItemColorHover}); + ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(${tokens.calendarCurrentItemChildBackgroundHover}); + ${calendarBaseTokens.calendarActiveItemBackground}: var(${tokens.calendarActiveItemBackground}); + ${calendarBaseTokens.calendarActiveItemColor}: var(${tokens.calendarActiveItemColor}); + ${calendarBaseTokens.calendarHoveredItemBackground}: var(${tokens.calendarHoveredItemBackground}); + ${calendarBaseTokens.calendarHoveredItemColor}: var(${tokens.calendarHoveredItemColor}); + ${calendarBaseTokens.calendarRangeBackground}: var(${tokens.calendarRangeBackground}); + ${calendarBaseTokens.calendarOutlineFocusColor}: var(${tokens.calendarOutlineFocusColor}); + ${calendarBaseTokens.calendarContentPrimaryColor}: var(${tokens.calendarContentPrimaryColor}); + ${calendarBaseTokens.calendarContentSecondaryColor}: var(${tokens.calendarContentSecondaryColor}); + + ${calendarBaseTokens.iconButtonColor}: var(${tokens.iconButtonColor}); + ${calendarBaseTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor}); + ${calendarBaseTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover}); + ${calendarBaseTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover}); + ${calendarBaseTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive}); + ${calendarBaseTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive}); + + ${calendarBaseTokens.calendarWidth}: var(${tokens.calendarWidth}); + ${calendarBaseTokens.calendarHeight}: var(${tokens.calendarHeight}); + ${calendarBaseTokens.calendarYearsPadding}: var(${tokens.calendarYearsPadding}); + ${calendarBaseTokens.calendarYearItemBorderRadius}: var(${tokens.calendarYearItemBorderRadius}); + ${calendarBaseTokens.calendarYearItemWidth}: var(${tokens.calendarYearItemWidth}); + ${calendarBaseTokens.calendarYearItemHeight}: var(${tokens.calendarYearItemHeight}); + ${calendarBaseTokens.calendarYearFontFamily}: var(${tokens.calendarYearFontFamily}); + ${calendarBaseTokens.calendarYearFontSize}: var(${tokens.calendarYearFontSize}); + ${calendarBaseTokens.calendarYearFontStyle}: var(${tokens.calendarYearFontStyle}); + ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(${tokens.calendarYearFontLetterSpacing}); + ${calendarBaseTokens.calendarYearFontLineHeight}: var(${tokens.calendarYearFontLineHeight}); + ${calendarBaseTokens.calendarYearFontWeight}: var(${tokens.calendarYearFontWeight}); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(${tokens.calendarYearSelectedFontWeight}); + ${calendarBaseTokens.calendarMonthsPadding}: var(${tokens.calendarMonthsPadding}); + ${calendarBaseTokens.calendarMonthItemBorderRadius}: var(${tokens.calendarMonthItemBorderRadius}); + ${calendarBaseTokens.calendarMonthItemWidth}: var(${tokens.calendarMonthItemWidth}); + ${calendarBaseTokens.calendarMonthItemHeight}: var(${tokens.calendarMonthItemHeight}); + ${calendarBaseTokens.calendarMonthFontFamily}: var(${tokens.calendarMonthFontFamily}); + ${calendarBaseTokens.calendarMonthFontSize}: var(${tokens.calendarMonthFontSize}); + ${calendarBaseTokens.calendarMonthFontStyle}: var(${tokens.calendarMonthFontStyle}); + ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(${tokens.calendarMonthFontLetterSpacing}); + ${calendarBaseTokens.calendarMonthFontLineHeight}: var(${tokens.calendarMonthFontLineHeight}); + ${calendarBaseTokens.calendarMonthFontWeight}: var(${tokens.calendarMonthFontWeight}); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(${tokens.calendarMonthSelectedFontWeight}); + ${calendarBaseTokens.calendarDaysPadding}: var(${tokens.calendarDaysPadding}); + ${calendarBaseTokens.calendarDayItemBorderRadius}: var(${tokens.calendarDayItemBorderRadius}); + ${calendarBaseTokens.calendarDayItemWidth}: var(${tokens.calendarDayItemWidth}); + ${calendarBaseTokens.calendarDayItemHeight}: var(${tokens.calendarDayItemHeight}); + ${calendarBaseTokens.calendarDayFontFamily}: var(${tokens.calendarDayFontFamily}); + ${calendarBaseTokens.calendarDayFontSize}: var(${tokens.calendarDayFontSize}); + ${calendarBaseTokens.calendarDayFontStyle}: var(${tokens.calendarDayFontStyle}); + ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(${tokens.calendarDayFontLetterSpacing}); + ${calendarBaseTokens.calendarDayFontLineHeight}: var(${tokens.calendarDayFontLineHeight}); + ${calendarBaseTokens.calendarDayFontWeight}: var(${tokens.calendarDayFontWeight}); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(${tokens.calendarDaySelectedFontWeight}); + ${calendarBaseTokens.calendarHeaderWrapperPadding}: var(${tokens.calendarHeaderWrapperPadding}); + ${calendarBaseTokens.calendarHeaderArrowGap}: var(${tokens.calendarHeaderArrowGap}); + ${calendarBaseTokens.calendarHeaderArrowPadding}: var(${tokens.calendarHeaderArrowPadding}); + ${calendarBaseTokens.calendarHeaderPadding}: var(${tokens.calendarHeaderPadding}); + ${calendarBaseTokens.calendarHeaderDateGap}: var(${tokens.calendarHeaderDateGap}); + ${calendarBaseTokens.calendarHeaderFontFamily}: var(${tokens.calendarHeaderFontFamily}); + ${calendarBaseTokens.calendarHeaderFontSize}: var(${tokens.calendarHeaderFontSize}); + ${calendarBaseTokens.calendarHeaderFontStyle}: var(${tokens.calendarHeaderFontStyle}); + ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(${tokens.calendarHeaderFontLetterSpacing}); + ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(${tokens.calendarHeaderFontLineHeight}); + ${calendarBaseTokens.calendarHeaderFontWeight}: var(${tokens.calendarHeaderFontWeight}); + ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(${tokens.calendarHeaderFontWeightBold}); + ${calendarBaseTokens.iconButtonHeight}: var(${tokens.iconButtonHeight}); + ${calendarBaseTokens.iconButtonWidth}: var(${tokens.iconButtonWidth}); + ${calendarBaseTokens.iconButtonPadding}: var(${tokens.iconButtonPadding}); + ${calendarBaseTokens.iconButtonRadius}: var(${tokens.iconButtonRadius}); + ${calendarBaseTokens.iconButtonFocusColor}: var(${tokens.iconButtonFocusColor}); +`; + +// NOTE: переопределение токенов Calendar +export const StyledCalendar = styled(Calendar)` + ${baseCalendarTokens} +`; diff --git a/packages/plasma-new-hope/src/components/DatePicker/DatePickerBase.types.ts b/packages/plasma-new-hope/src/components/DatePicker/DatePickerBase.types.ts new file mode 100644 index 0000000000..4f4066e675 --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/DatePickerBase.types.ts @@ -0,0 +1,38 @@ +import type { Dispatch, MutableRefObject, SetStateAction, SyntheticEvent, ChangeEvent } from 'react'; + +export type DatePickerdVariationProps = { + /** + * Размер контрола. + */ + size?: string; + /** + * Вид контрола. + */ + view?: string; + /** + * Компонент доступен только для чтения. + */ + readOnly?: boolean; + /** + * Компонент неактивен. + */ + disabled?: boolean; +}; + +export type UseDatePickerProps = { + currentValue: string; + setInputValue: Dispatch>; + setCalendarValue: Dispatch>; + setIsInnerOpen: Dispatch>; + dateFormatDelimiter: () => string; + format?: string; + disabled?: boolean; + readOnly?: boolean; + maskWithFormat?: boolean; + valueError?: boolean; + valueSuccess?: boolean; + inputRef?: MutableRefObject; + onToggle?: (isOpen: boolean, event: SyntheticEvent | Event) => void; + onChangeValue?: (event: ChangeEvent, value?: string) => void; + onCommitDate?: (value: Date | string, error?: boolean, success?: boolean) => void; +}; diff --git a/packages/plasma-new-hope/src/components/DatePicker/RangeDate/RangeDate.styles.ts b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/RangeDate.styles.ts new file mode 100644 index 0000000000..9f938fc5df --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/RangeDate.styles.ts @@ -0,0 +1,116 @@ +import { styled } from '@linaria/react'; +import { css } from '@linaria/core'; + +import { component, mergeConfig } from '../../../engines'; +import { rangeConfig, rangeTokens } from '../../Range'; +import { tokens } from '../DatePicker.tokens'; +import { popoverConfig } from '../../Popover'; + +const mergedRangeConfig = mergeConfig(rangeConfig); +const Range = component(mergedRangeConfig); + +const mergedPopoverConfig = mergeConfig(popoverConfig); +const Popover = component(mergedPopoverConfig); + +export const StyledPopover = styled(Popover)``; + +// NOTE: переопределение токенов Range +export const StyledRange = styled(Range)` + ${rangeTokens.background}: var(${tokens.background}); + ${rangeTokens.backgroundError}: var(${tokens.backgroundError}); + ${rangeTokens.backgroundSuccess}: var(${tokens.backgroundSuccess}); + + ${rangeTokens.borderColor}: var(${tokens.borderColor}); + ${rangeTokens.borderColorError}: var(${tokens.borderColorError}); + ${rangeTokens.borderColorSuccess}: var(${tokens.borderColorSuccess}); + + ${rangeTokens.borderWidth}: var(${tokens.textFieldBorderWidth}); + + ${rangeTokens.dividerColor}: var(${tokens.dividerColor}); + ${rangeTokens.labelColor}: var(${tokens.labelColor}); + ${rangeTokens.leftHelperColor}: var(${tokens.leftHelperColor}); + + ${rangeTokens.textFieldColor}: var(${tokens.textFieldColor}); + ${rangeTokens.textFieldPlaceholderColor}: var(${tokens.textFieldPlaceholderColor}); + ${rangeTokens.textFieldCaretColor}: var(${tokens.textFieldCaretColor}); + + ${rangeTokens.textFieldBackgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus}); + ${rangeTokens.textFieldBackgroundErrorColor}: var(${tokens.textFieldBackgroundErrorColor}); + ${rangeTokens.textFieldBackgroundErrorColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus}); + ${rangeTokens.textFieldBackgroundSuccessColor}: var(${tokens.textFieldBackgroundSuccessColor}); + ${rangeTokens.textFieldBackgroundSuccessColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus}); + + ${rangeTokens.textFieldBorderWidth}: var(${tokens.textFieldBorderWidth}); + ${rangeTokens.textFieldBorderColorFocus}: var(${tokens.textFieldBorderColorFocus}); + ${rangeTokens.textFieldBorderColorError}: var(${tokens.textFieldBorderColorError}); + ${rangeTokens.textFieldBorderColorErrorFocus}: var(${tokens.textFieldBorderColorErrorFocus}); + ${rangeTokens.textFieldBorderColorSuccess}: var(${tokens.textFieldBorderColorSuccess}); + ${rangeTokens.textFieldBorderColorSuccessFocus}: var(${tokens.textFieldBorderColorSuccessFocus}); + + ${rangeTokens.textFieldTextBeforeColor}: var(${tokens.textFieldTextBeforeColor}); + ${rangeTokens.textFieldTextAfterColor}: var(${tokens.textFieldTextAfterColor}); + + ${rangeTokens.focusColor}: var(${tokens.focusColor}); + + ${rangeTokens.borderRadius}: var(${tokens.borderRadius}); + + ${rangeTokens.dividerPadding}: var(${tokens.dividerPadding}); + ${rangeTokens.dividerFontFamily}: var(${tokens.dividerFontFamily}); + ${rangeTokens.dividerFontStyle}: var(${tokens.dividerFontStyle}); + ${rangeTokens.dividerFontSize}: var(${tokens.dividerFontSize}); + ${rangeTokens.dividerFontWeight}: var(${tokens.dividerFontWeight}); + ${rangeTokens.dividerLetterSpacing}: var(${tokens.dividerLetterSpacing}); + ${rangeTokens.dividerLineHeight}: var(${tokens.dividerLineHeight}); + + ${rangeTokens.leftContentMargin}: var(${tokens.leftContentMargin}); + ${rangeTokens.rightContentMargin}: var(${tokens.rightContentMargin}); + + ${rangeTokens.labelOffset}: var(${tokens.labelOffset}); + + ${rangeTokens.labelFontFamily}: var(${tokens.labelFontFamily}); + ${rangeTokens.labelFontStyle}: var(${tokens.labelFontStyle}); + ${rangeTokens.labelFontSize}: var(${tokens.labelFontSize}); + ${rangeTokens.labelFontWeight}: var(${tokens.labelFontWeight}); + ${rangeTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing}); + ${rangeTokens.labelLineHeight}: var(${tokens.labelLineHeight}); + + ${rangeTokens.textFieldHeight}: var(${tokens.textFieldHeight}); + ${rangeTokens.textFieldBorderRadius}: var(${tokens.textFieldBorderRadius}); + ${rangeTokens.textFieldPadding}: var(${tokens.textFieldPadding}); + ${rangeTokens.textFieldFontFamily}: var(${tokens.textFieldFontFamily}); + ${rangeTokens.textFieldFontStyle}: var(${tokens.textFieldFontStyle}); + ${rangeTokens.textFieldFontSize}: var(${tokens.textFieldFontSize}); + ${rangeTokens.textFieldFontWeight}: var(${tokens.textFieldFontWeight}); + ${rangeTokens.textFieldLetterSpacing}: var(${tokens.textFieldLetterSpacing}); + ${rangeTokens.textFieldLineHeight}: var(${tokens.textFieldLineHeight}); + + ${rangeTokens.leftHelperOffset}: var(${tokens.leftHelperOffset}); + ${rangeTokens.leftHelperFontFamily}: var(${tokens.leftHelperFontFamily}); + ${rangeTokens.leftHelperFontStyle}: var(${tokens.leftHelperFontStyle}); + ${rangeTokens.leftHelperFontSize}: var(${tokens.leftHelperFontSize}); + ${rangeTokens.leftHelperFontWeight}: var(${tokens.leftHelperFontWeight}); + ${rangeTokens.leftHelperLetterSpacing}: var(${tokens.leftHelperLetterSpacing}); + ${rangeTokens.leftHelperLineHeight}: var(${tokens.leftHelperLineHeight}); + + ${rangeTokens.textFieldLeftContentMargin}: var(${tokens.textFieldLeftContentMargin}); + ${rangeTokens.textFieldRightContentMargin}: var(${tokens.textFieldRightContentMargin}); + ${rangeTokens.textFieldTextBeforeMargin}: var(${tokens.textFieldTextBeforeMargin}); + ${rangeTokens.textFieldTextAfterMargin}: var(${tokens.textFieldTextAfterMargin}); + + ${rangeTokens.backgroundReadOnly}: var(${tokens.backgroundReadOnly}); + ${rangeTokens.labelColorReadOnly}: var(${tokens.labelColorReadOnly}); + ${rangeTokens.leftHelperColorReadOnly}: var(${tokens.leftHelperColorReadOnly}); + ${rangeTokens.dividerColorReadOnly}: var(${tokens.dividerColorReadOnly}); + + ${rangeTokens.textFieldColorReadOnly}: var(${tokens.textFieldColorReadOnly}); + ${rangeTokens.textFieldBackgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly}); + ${rangeTokens.textFieldPlaceholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly}); +`; + +export const base = css` + display: inline-block; +`; + +export const StyledLabel = styled.label``; + +export const LeftHelper = styled.div``; diff --git a/packages/plasma-new-hope/src/components/DatePicker/RangeDate/RangeDate.tsx b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/RangeDate.tsx new file mode 100644 index 0000000000..cd17b6d637 --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/RangeDate.tsx @@ -0,0 +1,303 @@ +import React, { + MutableRefObject, + SyntheticEvent, + createRef, + forwardRef, + useCallback, + useEffect, + useRef, + useState, +} from 'react'; + +import type { RootProps } from '../../../engines'; +import { cx } from '../../../utils'; +import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper'; +import { useDatePicker } from '../hooks/useDatePicker'; +import type { RangeInputRefs } from '../../Range/Range.types'; +import { classes } from '../DatePicker.tokens'; + +import type { DatePickerRangeProps } from './RangeDate.types'; +import { base as sizeCSS } from './variations/_size/base'; +import { base as viewCSS } from './variations/_view/base'; +import { base as disabledCSS } from './variations/_disabled/base'; +import { base as readOnlyCSS } from './variations/_readonly/base'; +import { LeftHelper, StyledLabel, StyledRange, base } from './RangeDate.styles'; +import { RangeDatePopover } from './RangeDatePopover/RangeDatePopover'; + +export const datePickerRangeRoot = ( + Root: RootProps>, +) => + forwardRef( + ( + { + className, + + isDoubleCalendar = false, + isOpen = false, + + label, + leftHelper, + contentLeft, + contentRight, + view, + size, + readOnly = false, + disabled = false, + + dividerVariant = 'dash', + dividerIcon, + + defaultFirstDate = '', + defaultSecondDate = '', + firstValueError, + secondValueError, + firstValueSuccess, + secondValueSuccess, + firstPlaceholder, + secondPlaceholder, + firstTextfieldContentLeft, + firstTextfieldContentRight, + secondTextfieldContentLeft, + secondTextfieldContentRight, + firstTextfieldTextBefore, + secondTextfieldTextBefore, + firstTextfieldTextAfter, + secondTextfieldTextAfter, + + format = 'DD.MM.YYYY', + maskWithFormat, + min, + max, + includeEdgeDates = false, + eventList, + disabledList, + type = 'Days', + + placement = ['top', 'bottom'], + closeOnOverlayClick = true, + closeOnEsc = true, + offset, + + onToggle, + + onChangeFirstValue, + onChangeSecondValue, + + onCommitFirstDate, + onCommitSecondDate, + + onFocusFirstTextfield, + onFocusSecondTextfield, + onBlurFirstTextfield, + onBlurSecondTextfield, + + ...rest + }, + ref, + ) => { + const rangeRef = ref && 'current' in ref ? ref : createRef(); + const rootRef = useRef(null); + + const [firstInputRef, setFirstInputRef] = useState | undefined>( + rangeRef?.current?.firstTextField(), + ); + const [secondInputRef, setSecondInputRef] = useState | undefined>( + rangeRef?.current?.secondTextField(), + ); + const [isInnerOpen, setIsInnerOpen] = useState(isOpen); + + const [calendarFirstValue, setCalendarFirstValue] = useState(formatCalendarValue(defaultFirstDate, format)); + const [inputFirstValue, setInputFirstValue] = useState(formatInputValue(defaultFirstDate, format)); + + const [calendarSecondValue, setCalendarSecondValue] = useState( + formatCalendarValue(defaultSecondDate, format), + ); + const [inputSecondValue, setInputSecondValue] = useState(formatInputValue(defaultSecondDate, format)); + + const dateFormatDelimiter = useCallback(() => getDateFormatDelimiter(format), [format]); + + const { + handleChangeValue: handleChangeFirstValue, + handleCommitDate: handleCommitFirstDate, + } = useDatePicker({ + currentValue: inputFirstValue, + setInputValue: setInputFirstValue, + setCalendarValue: setCalendarFirstValue, + setIsInnerOpen, + dateFormatDelimiter, + format, + disabled, + readOnly, + maskWithFormat, + valueError: firstValueError, + valueSuccess: firstValueSuccess, + inputRef: firstInputRef, + onChangeValue: onChangeFirstValue, + onCommitDate: onCommitFirstDate, + }); + + const { + handleChangeValue: handleChangeSecondValue, + handleCommitDate: handleCommitSecondDate, + } = useDatePicker({ + currentValue: inputSecondValue, + setInputValue: setInputSecondValue, + setCalendarValue: setCalendarSecondValue, + setIsInnerOpen, + dateFormatDelimiter, + format, + disabled, + readOnly, + maskWithFormat, + valueError: secondValueError, + valueSuccess: secondValueSuccess, + inputRef: secondInputRef, + onChangeValue: onChangeSecondValue, + onCommitDate: onCommitSecondDate, + }); + + const handleToggle = (opened: boolean, event: SyntheticEvent | Event) => { + if (disabled || readOnly) { + return; + } + + const isCalendarOpen = + firstInputRef?.current?.contains((event.target as Node) || null) || + secondInputRef?.current?.contains((event.target as Node) || null) + ? true + : opened; + + if (onToggle) { + return onToggle(isCalendarOpen, event); + } + + setIsInnerOpen(isCalendarOpen); + }; + + const RangeComponent = ( + <> + {/* TODO https://github.com/salute-developers/plasma/issues/1227 + // eslint-disable-next-line @typescript-eslint/ban-ts-comment + //@ts-ignore */} + { + handleCommitFirstDate(String(date), true, false); + if (!calendarSecondValue || secondValueError) { + rangeRef?.current?.secondTextField()?.current?.focus(); + } + }} + onSearchSecondValue={(_, date) => { + handleCommitSecondDate(String(date), true, false); + if (!calendarFirstValue || firstValueError) { + rangeRef?.current?.firstTextField()?.current?.focus(); + } + }} + onFocusFirstTextfield={onFocusFirstTextfield} + onFocusSecondTextfield={onFocusSecondTextfield} + onBlurFirstTextfield={onBlurFirstTextfield} + onBlurSecondTextfield={onBlurSecondTextfield} + /> + + ); + + useEffect(() => { + setFirstInputRef(rangeRef.current?.firstTextField()); + setSecondInputRef(rangeRef.current?.secondTextField()); + }, [rangeRef.current]); + + return ( + + {label && {label}} + { + handleCommitFirstDate(firstDate, false, true); + handleCommitSecondDate(''); + }} + onChangeValue={([firstDate, secondDate]) => { + firstDate && handleCommitFirstDate(firstDate, false, true); + secondDate && handleCommitSecondDate(secondDate, false, true); + if (firstDate && secondDate && !firstValueError && !secondValueError) { + setIsInnerOpen(false); + } + }} + /> + {leftHelper && {leftHelper}} + + ); + }, + ); + +export const datePickerRangeConfig = { + name: 'DatePickerRange', + tag: 'div', + layout: datePickerRangeRoot, + base, + variations: { + view: { + css: viewCSS, + }, + size: { + css: sizeCSS, + }, + disabled: { + css: disabledCSS, + attrs: true, + }, + readOnly: { + css: readOnlyCSS, + attrs: true, + }, + }, + defaults: { + size: 'm', + view: 'default', + }, +}; diff --git a/packages/plasma-new-hope/src/components/DatePicker/RangeDate/RangeDate.types.ts b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/RangeDate.types.ts new file mode 100644 index 0000000000..198af79080 --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/RangeDate.types.ts @@ -0,0 +1,88 @@ +import type { HTMLAttributes } from 'react'; + +import type { CalendarStateType } from '../../Calendar'; +import type { DisabledDay, EventDay } from '../../Calendar/Calendar.types'; +import type { RangeInnerProps } from '../../Range/Range.types'; +import type { DatePickerdVariationProps } from '../DatePickerBase.types'; +import { DatePickerPopoverProps } from '../SingleDate/SingleDate.types'; + +export type DatePickerRangePlacement = 'top' | 'bottom'; + +type BaseRangeProps = Omit< + RangeInnerProps, + 'firstValue' | 'secondValue' | 'onSearchFirstValue' | 'onSearchSecondValue' +>; + +export type DatePickerRangeFieldProps = { + /** + * Значение по умолчанию для первого поля. + */ + defaultFirstDate?: Date; + /** + * Значение по умолчанию для второго поля. + */ + defaultSecondDate?: Date; + /** + * Callback по нажатию Enter в поле ввода или выборе дня на календаре для первой даты. + */ + onCommitFirstDate?: (value: Date | string, error?: boolean, success?: boolean) => void; + /** + * Callback по нажатию Enter в поле ввода или выборе дня на календаре для первой даты. + */ + onCommitSecondDate?: (value: Date | string, error?: boolean, success?: boolean) => void; +} & BaseRangeProps; + +export type DatePickerCalendarProps = { + /** + * Формат даты. + * @default `DD.MM.YYYY` + */ + format?: string; + /** + * Формат применяется в качестве маски ввода. + */ + maskWithFormat?: boolean; + /** + * Минимальное значение даты. + */ + min?: Date; + /** + * Максимальное значение даты. + */ + max?: Date; + /** + * Должны ли значения минимального и максимального дня включаться в диапазон. + */ + includeEdgeDates?: boolean; + /** + * Список событий. + */ + eventList?: EventDay[]; + /** + * Список отключенных дней. + */ + disabledList?: DisabledDay[]; + /** + * Тип отображения календаря: дни, месяца, года. + */ + type?: CalendarStateType; +}; + +export type DatePickerDoublePopoverProps = Omit & { + /** + * Сторона открытия календаря относительно поля ввода. + * @default + * ["bottom", "top"] + */ + placement?: DatePickerRangePlacement | Array; + /** + * Отобразить двойной календарь + */ + isDoubleCalendar?: boolean; +}; + +export type DatePickerRangeProps = DatePickerdVariationProps & + DatePickerRangeFieldProps & + DatePickerCalendarProps & + DatePickerDoublePopoverProps & + HTMLAttributes; diff --git a/packages/plasma-new-hope/src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.ts b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.ts new file mode 100644 index 0000000000..e5828a2e53 --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.ts @@ -0,0 +1,28 @@ +import { styled } from '@linaria/react'; + +import { calendarDoubleConfig, calendarBaseTokens, withRange, calendarBaseConfig } from '../../../Calendar'; +import type { CalendarDoubleProps, CalendarBaseProps } from '../../../Calendar'; +import { tokens } from '../../DatePicker.tokens'; +import { component, mergeConfig } from '../../../../engines'; +import { baseCalendarTokens } from '../../DatePickerBase.styles'; + +const mergedCalendarDoubleConfig = mergeConfig(calendarDoubleConfig); +const CalendarDouble = component(mergedCalendarDoubleConfig); + +const mergedCalendarConfig = mergeConfig(calendarBaseConfig); +const Calendar = component(mergedCalendarConfig); + +const CalendarDoubleRange = withRange(CalendarDouble); +const CalendarRange = withRange(Calendar); + +// NOTE: переопределение токенов Calendar +export const StyledCalendarDouble = styled(CalendarDoubleRange)` + ${calendarBaseTokens.calendarSeparatorBackground}: var(${tokens.calendarSeparatorBackground}); + ${baseCalendarTokens} + /* NOTE: помимо умножения ширины на 2, добавляется место под разделитель */ + ${calendarBaseTokens.calendarWidth}: calc(var(${tokens.calendarWidth}) * 2 + 2.063rem); +`; + +export const StyledCalendar = styled(CalendarRange)` + ${baseCalendarTokens} +`; diff --git a/packages/plasma-new-hope/src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.tsx b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.tsx new file mode 100644 index 0000000000..8ce42443a3 --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.tsx @@ -0,0 +1,90 @@ +import React from 'react'; + +import { getPlacements } from '../../../../utils'; +import { StyledPopover } from '../RangeDate.styles'; + +import type { RangeDatePopoverProps } from './RangeDatePopover.types'; +import { StyledCalendar, StyledCalendarDouble } from './RangeDatePopover.styles'; + +export const RangeDatePopover = ({ + target, + + isOpen, + isDoubleCalendar, + + calendarValue, + min, + max, + includeEdgeDates, + eventList, + disabledList, + placement = ['top', 'bottom'], + closeOnOverlayClick = true, + closeOnEsc, + offset, + type, + size, + + onChangeValue, + onChangeStartOfRange, + + onToggle, +}: RangeDatePopoverProps) => { + if (isDoubleCalendar) { + return ( + + + + ); + } + + return ( + + + + ); +}; diff --git a/packages/plasma-new-hope/src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.ts b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.ts new file mode 100644 index 0000000000..c480aabed6 --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.ts @@ -0,0 +1,31 @@ +import type { ReactNode } from 'react'; + +import type { DatePickerCalendarProps, DatePickerPopoverProps } from '../../SingleDate/SingleDate.types'; + +export type RangeDatePopoverProps = DatePickerCalendarProps & + DatePickerPopoverProps & { + /** + * Обработчик изменения значения. + */ + onChangeValue: (values: [Date, Date?]) => void; + /** + * Выбранное значение. + */ + calendarValue: [Date?, Date?]; + /** + * Отобразить двойной календарь + */ + isDoubleCalendar?: boolean; + /** + * Компонент для отображения диапазона. + */ + target?: ReactNode; + /** + * Обработчик для выбора стартового значения в диапазоне. + */ + onChangeStartOfRange?: (value: Date) => void; + /** + * Размер контрола. + */ + size?: string; + }; diff --git a/packages/plasma-new-hope/src/components/DatePicker/RangeDate/variations/_disabled/base.ts b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/variations/_disabled/base.ts new file mode 100644 index 0000000000..4868755868 --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/variations/_disabled/base.ts @@ -0,0 +1,10 @@ +import { css } from '@linaria/core'; + +import { tokens } from '../../../DatePicker.tokens'; + +export const base = css` + &[disabled] { + opacity: var(${tokens.disabledOpacity}); + cursor: not-allowed; + } +`; diff --git a/packages/plasma-new-hope/src/components/DatePicker/RangeDate/variations/_disabled/tokens.json b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/variations/_disabled/tokens.json new file mode 100644 index 0000000000..e69de29bb2 diff --git a/packages/plasma-new-hope/src/components/DatePicker/RangeDate/variations/_readonly/base.ts b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/variations/_readonly/base.ts new file mode 100644 index 0000000000..c3e299edfc --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/variations/_readonly/base.ts @@ -0,0 +1,20 @@ +import { css } from '@linaria/core'; + +import { tokens } from '../../../DatePicker.tokens'; +import { LeftHelper, StyledLabel } from '../../RangeDate.styles'; + +export const base = css` + &[readonly] { + cursor: default; + ${tokens.textFieldBackgroundColorReadOnly}: transparent; + + ${StyledLabel} { + display: block; + color: var(${tokens.labelColorReadOnly}); + } + + ${LeftHelper} { + color: var(${tokens.leftHelperColorReadOnly}); + } + } +`; diff --git a/packages/plasma-new-hope/src/components/DatePicker/RangeDate/variations/_readonly/tokens.json b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/variations/_readonly/tokens.json new file mode 100644 index 0000000000..698f64ae5b --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/variations/_readonly/tokens.json @@ -0,0 +1,4 @@ +{ + "type": "boolean", + "tokens": ["--plasma-date-picker__label-color-readonly", "--plasma-date-picker__left-helper-color-readonly"] +} diff --git a/packages/plasma-new-hope/src/components/DatePicker/RangeDate/variations/_size/base.ts b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/variations/_size/base.ts new file mode 100644 index 0000000000..fc4598f860 --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/variations/_size/base.ts @@ -0,0 +1,30 @@ +import { css } from '@linaria/core'; + +import { tokens } from '../../../DatePicker.tokens'; +import { StyledLabel, LeftHelper } from '../../RangeDate.styles'; + +export const base = css` + width: var(${tokens.width}); + + ${StyledLabel} { + margin: var(${tokens.labelOffset}); + + font-family: var(${tokens.labelFontFamily}); + font-size: var(${tokens.labelFontSize}); + font-style: var(${tokens.labelFontStyle}); + font-weight: var(${tokens.labelFontWeight}); + letter-spacing: var(${tokens.labelLetterSpacing}); + line-height: var(${tokens.labelLineHeight}); + } + + ${LeftHelper} { + margin: var(${tokens.leftHelperOffset}); + + font-family: var(${tokens.leftHelperFontFamily}); + font-size: var(${tokens.leftHelperFontSize}); + font-style: var(${tokens.leftHelperFontStyle}); + font-weight: var(${tokens.leftHelperFontWeight}); + letter-spacing: var(${tokens.leftHelperLetterSpacing}); + line-height: var(${tokens.leftHelperLineHeight}); + } +`; diff --git a/packages/plasma-new-hope/src/components/DatePicker/RangeDate/variations/_size/tokens.json b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/variations/_size/tokens.json new file mode 100644 index 0000000000..e69de29bb2 diff --git a/packages/plasma-new-hope/src/components/DatePicker/RangeDate/variations/_view/base.ts b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/variations/_view/base.ts new file mode 100644 index 0000000000..25513f01f3 --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/variations/_view/base.ts @@ -0,0 +1,15 @@ +import { css } from '@linaria/core'; + +import { LeftHelper, StyledLabel } from '../../RangeDate.styles'; +import { tokens } from '../../../DatePicker.tokens'; + +export const base = css` + ${StyledLabel} { + display: block; + color: var(${tokens.labelColor}); + } + + ${LeftHelper} { + color: var(${tokens.leftHelperColor}); + } +`; diff --git a/packages/plasma-new-hope/src/components/DatePicker/RangeDate/variations/_view/tokens.json b/packages/plasma-new-hope/src/components/DatePicker/RangeDate/variations/_view/tokens.json new file mode 100644 index 0000000000..e69de29bb2 diff --git a/packages/plasma-new-hope/src/components/DatePicker/SingleDate/SingleDate.styles.ts b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/SingleDate.styles.ts new file mode 100644 index 0000000000..fa046e8527 --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/SingleDate.styles.ts @@ -0,0 +1,87 @@ +import { styled } from '@linaria/react'; +import { css } from '@linaria/core'; + +import { component, mergeConfig } from '../../../engines'; +import { textFieldConfig, textFieldTokens } from '../../TextField'; +import { classes, tokens } from '../DatePicker.tokens'; +import { popoverConfig } from '../../Popover'; + +const mergedTextFieldConfig = mergeConfig(textFieldConfig); +const TextField = component(mergedTextFieldConfig); + +const mergedPopoverConfig = mergeConfig(popoverConfig); +const Popover = component(mergedPopoverConfig); + +export const StyledPopover = styled(Popover)``; + +// NOTE: переопределение токенов TextField +export const StyledInput = styled(TextField)` + ${textFieldTokens.color}: var(${tokens.textFieldColor}); + ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor}); + ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor}); + ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor}); + + ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor}); + ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover}); + ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus}); + + ${textFieldTokens.borderColor}: var(${tokens.borderColor}); + ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover}); + ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus}); + + ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly}); + ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly}); + ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly}); + ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly}); + + ${textFieldTokens.height}: var(${tokens.textFieldHeight}); + ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth}); + ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius}); + + ${textFieldTokens.padding}: var(${tokens.textFieldPadding}); + + ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin}); + ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin}); + + ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily}); + ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize}); + ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle}); + ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight}); + ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing}); + ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight}); + + ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity}); + + ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor}); + ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor}); + ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin}); + ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin}); + + &.${classes.datePickerError} { + ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor}); + ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover}); + ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus}); + + ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError}); + ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover}); + ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus}); + } + + &.${classes.datePickerSuccess} { + ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor}); + ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover}); + ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus}); + + ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess}); + ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover}); + ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus}); + } +`; + +export const base = css` + display: inline-block; +`; + +export const StyledLabel = styled.label``; + +export const LeftHelper = styled.div``; diff --git a/packages/plasma-new-hope/src/components/DatePicker/SingleDate/SingleDate.tsx b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/SingleDate.tsx new file mode 100644 index 0000000000..d2cfd7c14a --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/SingleDate.tsx @@ -0,0 +1,182 @@ +import React, { forwardRef, useCallback, useRef, useState } from 'react'; + +import type { RootProps } from '../../../engines'; +import { cx, getPlacements } from '../../../utils'; +import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper'; +import { useDatePicker } from '../hooks/useDatePicker'; +import { classes } from '../DatePicker.tokens'; +import { StyledCalendar } from '../DatePickerBase.styles'; + +import type { DatePickerProps } from './SingleDate.types'; +import { base as sizeCSS } from './variations/_size/base'; +import { base as viewCSS } from './variations/_view/base'; +import { base as disabledCSS } from './variations/_disabled/base'; +import { base as readOnlyCSS } from './variations/_readonly/base'; +import { LeftHelper, StyledInput, StyledLabel, StyledPopover, base } from './SingleDate.styles'; + +export const datePickerRoot = ( + Root: RootProps>, +) => + forwardRef( + ( + { + className, + isOpen = false, + + label, + placeholder, + leftHelper, + contentLeft, + contentRight, + textBefore, + textAfter, + view, + size, + readOnly = false, + disabled = false, + + defaultDate = '', + valueError, + valueSuccess, + format = 'DD.MM.YYYY', + maskWithFormat, + min, + max, + includeEdgeDates = false, + eventList, + disabledList, + type = 'Days', + + placement = ['top', 'bottom'], + closeOnOverlayClick = true, + offset, + + onChangeValue, + onCommitDate, + onToggle, + onFocus, + onBlur, + + ...rest + }, + ref, + ) => { + const inputRef = useRef(null); + const [isInnerOpen, setIsInnerOpen] = useState(isOpen); + + const [calendarValue, setCalendarValue] = useState(formatCalendarValue(defaultDate, format)); + const [inputValue, setInputValue] = useState(formatInputValue(defaultDate, format)); + + const dateFormatDelimiter = useCallback(() => getDateFormatDelimiter(format), [format]); + + const { + datePickerErrorClass, + datePickerSuccessClass, + handleToggle, + handleChangeValue, + handleCommitDate, + } = useDatePicker({ + currentValue: inputValue, + setInputValue, + setCalendarValue, + setIsInnerOpen, + dateFormatDelimiter, + format, + disabled, + readOnly, + maskWithFormat, + valueError, + valueSuccess, + inputRef, + onToggle, + onChangeValue, + onCommitDate, + }); + + const DatePickerInput = ( + handleCommitDate(date, true, false)} + onFocus={onFocus} + onBlur={onBlur} + /> + ); + + return ( + + {label && {label}} + + handleCommitDate(date, false, true)} + /> + + {leftHelper && {leftHelper}} + + ); + }, + ); + +export const datePickerConfig = { + name: 'DatePicker', + tag: 'div', + layout: datePickerRoot, + base, + variations: { + view: { + css: viewCSS, + }, + size: { + css: sizeCSS, + }, + disabled: { + css: disabledCSS, + attrs: true, + }, + readOnly: { + css: readOnlyCSS, + attrs: true, + }, + }, + defaults: { + size: 'm', + view: 'default', + }, +}; diff --git a/packages/plasma-new-hope/src/components/DatePicker/SingleDate/SingleDate.types.ts b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/SingleDate.types.ts new file mode 100644 index 0000000000..44ee746ac4 --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/SingleDate.types.ts @@ -0,0 +1,129 @@ +import type { HTMLAttributes, SyntheticEvent } from 'react'; + +import type { CalendarStateType } from '../../Calendar'; +import type { DisabledDay, EventDay } from '../../Calendar/Calendar.types'; +import type { DatePickerdVariationProps } from '../DatePickerBase.types'; + +export type DatePickerPlacementBasic = 'top' | 'bottom' | 'right' | 'left'; +export type DatePickerPlacement = DatePickerPlacementBasic | 'auto'; + +export type DatePickerTextFieldProps = { + /** + * Выбранное значение. + */ + defaultDate?: Date; + /** + * Некорректное значение даты + */ + valueError?: boolean; + /** + * Корректное значение даты + */ + valueSuccess?: boolean; + /** + * Метка-подпись к элементу + */ + label?: string; + /** + * Вспомогательный текст снизу слева для поля ввода. + */ + leftHelper?: string; + /** + * Слот для контента слева. + */ + contentLeft?: React.ReactElement; + /** + * Слот для контента справа. + */ + contentRight?: React.ReactElement; + /** + * Слот для вспомогательного текста справа. + */ + textBefore?: string; + /** + * Слот для вспомогательного текста слева. + */ + textAfter?: string; + /** + * Callback по нажатию Enter в поле ввода или выборе дня на календаре. + */ + onCommitDate?: (value: Date | string, error?: boolean, success?: boolean) => void; + /** + * Обработчик изменения значения. + */ + onChangeValue?: (event: SyntheticEvent, value?: string) => void; +}; + +export type DatePickerCalendarProps = { + /** + * Формат даты. + * @default `DD.MM.YYYY` + */ + format?: string; + /** + * Формат применяется в качестве маски ввода. + */ + maskWithFormat?: boolean; + /** + * Минимальное значение даты. + */ + min?: Date; + /** + * Максимальное значение даты. + */ + max?: Date; + /** + * Должны ли значения минимального и максимального дня включаться в диапазон. + */ + includeEdgeDates?: boolean; + /** + * Список событий. + */ + eventList?: EventDay[]; + /** + * Список отключенных дней. + */ + disabledList?: DisabledDay[]; + /** + * Тип отображения календаря: дни, месяца, года. + */ + type?: CalendarStateType; +}; + +export type DatePickerPopoverProps = { + /** + * Видимость календаря. + */ + isOpen?: boolean; + /** + * Сторона открытия календаря относительно поля ввода. + * @default + * ["bottom", "top"] + */ + placement?: DatePickerPlacement | Array; + /** + * Отступ календаря относительно поля ввода. + * @default [0, 0] + */ + offset?: [number, number]; + /** + * Закрывать календарь при нажатии вне области элемента. + * @default true + */ + closeOnOverlayClick?: boolean; + /** + * Закрывать календарь при нажатии Escape. + * @default true + */ + closeOnEsc?: boolean; + /** + * Событие сворачивания/разворачивания календаря. + */ + onToggle?: (isOpen: boolean, event: SyntheticEvent | Event) => void; +}; + +export type DatePickerProps = DatePickerdVariationProps & + DatePickerTextFieldProps & + DatePickerCalendarProps & + DatePickerPopoverProps & + Omit, 'defaultValue'>; diff --git a/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_disabled/base.ts b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_disabled/base.ts new file mode 100644 index 0000000000..4868755868 --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_disabled/base.ts @@ -0,0 +1,10 @@ +import { css } from '@linaria/core'; + +import { tokens } from '../../../DatePicker.tokens'; + +export const base = css` + &[disabled] { + opacity: var(${tokens.disabledOpacity}); + cursor: not-allowed; + } +`; diff --git a/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_disabled/tokens.json b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_disabled/tokens.json new file mode 100644 index 0000000000..e013e492ea --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_disabled/tokens.json @@ -0,0 +1,4 @@ +{ + "type": "boolean", + "tokens": ["--plasma-date-picker-disabled-opacity"] +} diff --git a/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_readonly/base.ts b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_readonly/base.ts new file mode 100644 index 0000000000..a19a352a77 --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_readonly/base.ts @@ -0,0 +1,19 @@ +import { css } from '@linaria/core'; + +import { tokens } from '../../../DatePicker.tokens'; +import { LeftHelper, StyledLabel } from '../../SingleDate.styles'; + +export const base = css` + &[readonly] { + cursor: default; + + ${StyledLabel} { + display: block; + color: var(${tokens.labelColorReadOnly}); + } + + ${LeftHelper} { + color: var(${tokens.leftHelperColorReadOnly}); + } + } +`; diff --git a/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_readonly/tokens.json b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_readonly/tokens.json new file mode 100644 index 0000000000..698f64ae5b --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_readonly/tokens.json @@ -0,0 +1,4 @@ +{ + "type": "boolean", + "tokens": ["--plasma-date-picker__label-color-readonly", "--plasma-date-picker__left-helper-color-readonly"] +} diff --git a/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_size/base.ts b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_size/base.ts new file mode 100644 index 0000000000..b234ef9d44 --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_size/base.ts @@ -0,0 +1,30 @@ +import { css } from '@linaria/core'; + +import { tokens } from '../../../DatePicker.tokens'; +import { StyledLabel, LeftHelper } from '../../SingleDate.styles'; + +export const base = css` + width: var(${tokens.width}); + + ${StyledLabel} { + margin: var(${tokens.labelOffset}); + + font-family: var(${tokens.labelFontFamily}); + font-size: var(${tokens.labelFontSize}); + font-style: var(${tokens.labelFontStyle}); + font-weight: var(${tokens.labelFontWeight}); + letter-spacing: var(${tokens.labelLetterSpacing}); + line-height: var(${tokens.labelLineHeight}); + } + + ${LeftHelper} { + margin: var(${tokens.leftHelperOffset}); + + font-family: var(${tokens.leftHelperFontFamily}); + font-size: var(${tokens.leftHelperFontSize}); + font-style: var(${tokens.leftHelperFontStyle}); + font-weight: var(${tokens.leftHelperFontWeight}); + letter-spacing: var(${tokens.leftHelperLetterSpacing}); + line-height: var(${tokens.leftHelperLineHeight}); + } +`; diff --git a/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_size/tokens.json b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_size/tokens.json new file mode 100644 index 0000000000..6fb74382c7 --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_size/tokens.json @@ -0,0 +1,16 @@ +[ + "--plasma-date-picker__label-offset", + "--plasma-date-picker__label-font-family", + "--plasma-date-picker__label-font-style", + "--plasma-date-picker__label-font-size", + "--plasma-date-picker__label-font-weight", + "--plasma-date-picker__label-letter-spacing", + "--plasma-date-picker__label-line-height", + "--plasma-date-picker__left-helper-offset", + "--plasma-date-picker__left-helper-font-family", + "--plasma-date-picker__left-helper-font-style", + "--plasma-date-picker__left-helper-font-size", + "--plasma-date-picker__left-helper-font-weight", + "--plasma-date-picker__left-helper-letter-spacing", + "--plasma-date-picker__left-helper-line-height" +] diff --git a/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_view/base.ts b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_view/base.ts new file mode 100644 index 0000000000..ceb8303fbf --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_view/base.ts @@ -0,0 +1,15 @@ +import { css } from '@linaria/core'; + +import { LeftHelper, StyledLabel } from '../../SingleDate.styles'; +import { tokens } from '../../../DatePicker.tokens'; + +export const base = css` + ${StyledLabel} { + display: block; + color: var(${tokens.labelColor}); + } + + ${LeftHelper} { + color: var(${tokens.leftHelperColor}); + } +`; diff --git a/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_view/tokens.json b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_view/tokens.json new file mode 100644 index 0000000000..6fa6155b54 --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/SingleDate/variations/_view/tokens.json @@ -0,0 +1 @@ +["--plasma-datepicker__label-color", "--plasma-datepicker__left-helper-color"] diff --git a/packages/plasma-new-hope/src/components/DatePicker/hooks/useDatePicker.ts b/packages/plasma-new-hope/src/components/DatePicker/hooks/useDatePicker.ts new file mode 100644 index 0000000000..720a691242 --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/hooks/useDatePicker.ts @@ -0,0 +1,93 @@ +import { ChangeEvent, SyntheticEvent } from 'react'; + +import { classes } from '../DatePicker.tokens'; +import type { UseDatePickerProps } from '../DatePickerBase.types'; +import { formatCalendarValue, formatInputValue, getDateFromFormat, getMaskedDateOnInput } from '../utils/dateHelper'; + +export const useDatePicker = ({ + currentValue, + setInputValue, + setCalendarValue, + setIsInnerOpen, + dateFormatDelimiter, + format, + disabled, + readOnly, + maskWithFormat, + valueError, + valueSuccess, + inputRef, + onToggle, + onChangeValue, + onCommitDate, +}: UseDatePickerProps) => { + const datePickerErrorClass = valueError ? classes.datePickerError : undefined; + const datePickerSuccessClass = valueSuccess ? classes.datePickerSuccess : undefined; + + const handleToggle = (opened: boolean, event: SyntheticEvent | Event) => { + if (disabled || readOnly) { + return; + } + + const isCalendarOpen = event.target === inputRef?.current ? true : opened; + + if (onToggle) { + return onToggle(isCalendarOpen, event); + } + + setIsInnerOpen(isCalendarOpen); + }; + + const handleChangeValue = (event: ChangeEvent) => { + if (disabled || readOnly) { + return; + } + const { value } = event.target; + + const newValue = maskWithFormat + ? getMaskedDateOnInput(value, format, dateFormatDelimiter(), currentValue) + : value; + + setCalendarValue(formatCalendarValue(newValue, format)); + setInputValue(formatInputValue(newValue, format)); + + onChangeValue?.(event, newValue); + }; + + const handleCommitDate = (date?: Date | string, applyFormat?: boolean, isCalendarValue?: boolean) => { + if (disabled || readOnly) { + return; + } + + if (!date) { + setCalendarValue(undefined); + setInputValue(''); + + return onCommitDate?.('', false, true); + } + + if (isCalendarValue) { + setCalendarValue(formatCalendarValue(date, format)); + setInputValue(formatInputValue(date, format)); + + return onCommitDate?.(date, false, true); + } + + const formatString = applyFormat ? format : undefined; + + const { value: newDate, isError, isSuccess } = getDateFromFormat(date, formatString); + + setCalendarValue(formatCalendarValue(newDate, format)); + setInputValue(formatInputValue(newDate, format)); + + onCommitDate?.(newDate, isError, isSuccess); + }; + + return { + datePickerErrorClass, + datePickerSuccessClass, + handleToggle, + handleChangeValue, + handleCommitDate, + }; +}; diff --git a/packages/plasma-new-hope/src/components/DatePicker/index.ts b/packages/plasma-new-hope/src/components/DatePicker/index.ts new file mode 100644 index 0000000000..4e8fc1d59f --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/index.ts @@ -0,0 +1,7 @@ +export { datePickerRoot, datePickerConfig } from './SingleDate/SingleDate'; +export type { DatePickerProps, DatePickerPlacementBasic, DatePickerPlacement } from './SingleDate/SingleDate.types'; + +export { datePickerRangeRoot, datePickerRangeConfig } from './RangeDate/RangeDate'; +export type { DatePickerRangeProps, DatePickerRangePlacement } from './RangeDate/RangeDate.types'; + +export { classes as datePickerClasses, tokens as datePickerTokens } from './DatePicker.tokens'; diff --git a/packages/plasma-new-hope/src/components/DatePicker/utils/dateHelper.ts b/packages/plasma-new-hope/src/components/DatePicker/utils/dateHelper.ts new file mode 100644 index 0000000000..4323d105bb --- /dev/null +++ b/packages/plasma-new-hope/src/components/DatePicker/utils/dateHelper.ts @@ -0,0 +1,79 @@ +import { customDayjs } from '../../../utils/datejs'; + +export const formatInputValue = (value?: Date | string, format?: string) => { + if (!value) { + return ''; + } + + if (format && customDayjs(value, format, true).isValid()) { + return customDayjs(value, format).format(format); + } + + if (format && String(value).length >= 10 && String(new Date(value)) !== 'Invalid Date') { + return customDayjs(value).format(format); + } + + return String(value); +}; + +export const formatCalendarValue = (value?: Date | string, format?: string) => { + if (!value) { + return undefined; + } + + if (format && customDayjs(value, format, true).isValid()) { + return customDayjs(value, format, true).toDate(); + } + + if (String(new Date(value)) !== 'Invalid Date') { + return customDayjs(value).toDate(); + } + + return undefined; +}; + +export const getDateFromFormat = (value: Date | string, format?: string) => { + if (format && customDayjs(value, format, true).isValid()) { + return { value: customDayjs(value, format, true).toDate(), isError: false, isSuccess: true }; + } + + if (!format && String(new Date(value)) !== 'Invalid Date') { + return { value: customDayjs(value).toDate(), isError: false, isSuccess: true }; + } + + return { value, isError: true, isSuccess: false }; +}; + +export const getDateFormatDelimiter = (format?: string) => { + if (!format) { + return ''; + } + + const delimiter = format.match(/[^a-zA-Z0-9]/)?.[0]; + + return delimiter ?? ''; +}; + +export const getMaskedDateOnInput = (value?: string, format?: string, delimiter?: string, prevValue?: string) => { + if (!value) { + return ''; + } + + if (!format || !delimiter) { + return value; + } + + if (value.length >= format.length) { + return value.slice(0, format.length); + } + + if (prevValue && value.length < prevValue.length && prevValue?.[value.length] === delimiter) { + return value.slice(0, -1); + } + + if (format?.[value.length] === delimiter) { + return value + delimiter; + } + + return value; +}; diff --git a/packages/plasma-new-hope/src/components/Dropdown/Dropdown.tsx b/packages/plasma-new-hope/src/components/Dropdown/Dropdown.tsx index 76fdaebbf0..ed7b3cea14 100644 --- a/packages/plasma-new-hope/src/components/Dropdown/Dropdown.tsx +++ b/packages/plasma-new-hope/src/components/Dropdown/Dropdown.tsx @@ -1,7 +1,7 @@ import React, { forwardRef, useReducer } from 'react'; import { RootProps } from '../../engines'; -import { cx } from '../../utils'; +import { cx, getPlacements } from '../../utils'; import { pathReducer } from './reducers/pathReducer'; import { focusedPathReducer } from './reducers/focusedPathReducer'; @@ -9,7 +9,7 @@ import { DropdownInner } from './ui'; import { base as viewCSS } from './variations/_view/base'; import { base as sizeCSS } from './variations/_size/base'; import { Ul, StyledPopover, base } from './Dropdown.styles'; -import { getPlacements, childrenWithProps } from './utils'; +import { childrenWithProps } from './utils'; import type { DropdownProps, HandleGlobalToggleType } from './Dropdown.types'; import { classes } from './Dropdown.tokens'; import { useKeyNavigation } from './hooks/useKeyboardNavigation'; @@ -18,7 +18,7 @@ import { useHashMaps } from './hooks/useHashMaps'; /** * Выпадающий список. */ -export const dropdownRoot = (Root: RootProps) => +export const dropdownRoot = (Root: RootProps>) => forwardRef( ( { @@ -42,6 +42,7 @@ export const dropdownRoot = (Root: RootProps) => trigger = 'click', variant = 'normal', hasArrow = true, + portal, ...rest }, ref, @@ -85,32 +86,26 @@ export const dropdownRoot = (Root: RootProps) => }; return ( - - +
    ) => listWidth={listWidth} variant={variant} hasArrow={hasArrow} + size={size} /> ))}
- - + + ); }, ); diff --git a/packages/plasma-new-hope/src/components/Dropdown/Dropdown.types.ts b/packages/plasma-new-hope/src/components/Dropdown/Dropdown.types.ts index 0d2cde3b5a..11ecdb3f28 100644 --- a/packages/plasma-new-hope/src/components/Dropdown/Dropdown.types.ts +++ b/packages/plasma-new-hope/src/components/Dropdown/Dropdown.types.ts @@ -75,6 +75,11 @@ export interface DropdownProps extends HTMLAttributes { * @default normal */ variant?: 'normal' | 'tight'; + /** + * Портал для выпадающего списка. Принимает id контейнера или ref. + */ + portal?: string | React.RefObject; + /** * Обработчик клика по item. * @deprecated использовать onItemSelect. diff --git a/packages/plasma-new-hope/src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx b/packages/plasma-new-hope/src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx index 75dcd8be6c..a490086807 100644 --- a/packages/plasma-new-hope/src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx +++ b/packages/plasma-new-hope/src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx @@ -25,6 +25,7 @@ const DropdownInner: FC = ({ listWidth, variant, hasArrow, + size, }) => { const handleToggle = (opened: boolean): void => { if (opened) { @@ -63,6 +64,7 @@ const DropdownInner: FC = ({ ariaExpanded={isCurrentListOpen} ariaLevel={nextLevel} ariaLabel={item.label} + size={size} /> } onToggle={handleToggle} @@ -98,6 +100,7 @@ const DropdownInner: FC = ({ listWidth={listWidth} variant={variant} hasArrow={hasArrow} + size={size} /> ))} @@ -118,6 +121,7 @@ const DropdownInner: FC = ({ onItemSelect={onItemSelect} onItemClick={onItemClick} variant={variant} + size={size} /> ); }; diff --git a/packages/plasma-new-hope/src/components/Dropdown/ui/DropdownInner/DropdownInner.type.ts b/packages/plasma-new-hope/src/components/Dropdown/ui/DropdownInner/DropdownInner.type.ts index 16b23d804c..f7c460a63a 100644 --- a/packages/plasma-new-hope/src/components/Dropdown/ui/DropdownInner/DropdownInner.type.ts +++ b/packages/plasma-new-hope/src/components/Dropdown/ui/DropdownInner/DropdownInner.type.ts @@ -24,4 +24,5 @@ export interface DropdownInnerProps { listWidth: DropdownProps['listWidth']; variant: DropdownProps['variant']; hasArrow: DropdownProps['hasArrow']; + size?: string; } diff --git a/packages/plasma-new-hope/src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx b/packages/plasma-new-hope/src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx index 0c99486fb3..a2e76ffca7 100644 --- a/packages/plasma-new-hope/src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx +++ b/packages/plasma-new-hope/src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx @@ -32,11 +32,13 @@ export const DropdownItem: FC = ({ ariaLabel, variant, hasArrow, + size, }) => { const { value, label, disabled, isDisabled, contentLeft, contentRight } = item; const ref = useRef(null); + const disclosureIconSize = size === 'xs' ? 'xs' : 's'; const isDisabledClassName = disabled || isDisabled ? classes.dropdownItemIsDisabled : undefined; const focusedClass = currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel] @@ -100,7 +102,7 @@ export const DropdownItem: FC = ({ {item.items && hasArrow && ( - + )} diff --git a/packages/plasma-new-hope/src/components/Dropdown/ui/DropdownItem/DropdownItem.type.ts b/packages/plasma-new-hope/src/components/Dropdown/ui/DropdownItem/DropdownItem.type.ts index d85ab33ed3..b5523148c1 100644 --- a/packages/plasma-new-hope/src/components/Dropdown/ui/DropdownItem/DropdownItem.type.ts +++ b/packages/plasma-new-hope/src/components/Dropdown/ui/DropdownItem/DropdownItem.type.ts @@ -52,6 +52,7 @@ export interface DropdownItemProps extends HTMLAttributes { currentLevel: number; index: number; variant: DropdownProps['variant']; + size?: string; path?: PathState; itemRole?: DropdownProps['itemRole']; closeOnSelect?: DropdownProps['closeOnSelect']; diff --git a/packages/plasma-new-hope/src/components/Dropdown/utils/index.tsx b/packages/plasma-new-hope/src/components/Dropdown/utils/index.tsx index aa3c438cf4..c62d2eb493 100644 --- a/packages/plasma-new-hope/src/components/Dropdown/utils/index.tsx +++ b/packages/plasma-new-hope/src/components/Dropdown/utils/index.tsx @@ -1,24 +1,7 @@ import type { ReactNode } from 'react'; import React, { Children, HTMLAttributes, ElementType, cloneElement, isValidElement } from 'react'; -import type { PopoverPlacementBasic } from '../../Popover'; -import type { DropdownPlacement, DropdownPlacementBasic, DropdownProps } from '../Dropdown.types'; - -export const getPlacement = (placement: DropdownPlacement) => { - return `${placement}-start` as PopoverPlacementBasic; -}; - -export const getPlacements = (placements?: DropdownPlacement | DropdownPlacementBasic[]) => { - if (!placements) { - return; - } - const isArray = Array.isArray(placements); - - if (!isArray) { - return getPlacement(placements as DropdownPlacement); - } - return ((placements || []) as DropdownPlacementBasic[]).map((placement) => getPlacement(placement)); -}; +import type { DropdownProps } from '../Dropdown.types'; export const getCorrectHeight = (listHeight: Required['listHeight']): string => { if (Number.isNaN(Number(listHeight))) { diff --git a/packages/plasma-new-hope/src/components/Header/Header.template-doc.mdx b/packages/plasma-new-hope/src/components/Header/Header.template-doc.mdx new file mode 100644 index 0000000000..9df39f4e2a --- /dev/null +++ b/packages/plasma-new-hope/src/components/Header/Header.template-doc.mdx @@ -0,0 +1,78 @@ +--- +id: header +title: Header +--- + +import { PropsTable, Description } from '@site/src/components'; + +## Компоненты для собственной сборки шапки +Рекомендуется использовать компонент `Header`. +Если вам нужно больше контроля за версткой шапки, +используйте составные части, где корневым узлом будет `HeaderRoot`. + +### HeaderRoot + + + +### HeaderArrow + + + +### HeaderLogo + + + +### Пример + +```tsx live +import React from 'react'; +import { + HeaderRoot, + HeaderLogo, + HeaderTitle, + HeaderContent, + HeaderArrow, +} from '@salutejs/{{ package }}'; + +export function App() { + const [isBack, setIsBack] = useState(true); + + const onBackClick = () => { + setIsBack(false); + }; + + const onMinimizeClick = () => { + setIsBack(true); + }; + + const props = { + view: 'default', + size: 'm', + title: 'Header title text', + subtitle: 'Subtitle text', + label: 'Label text', + gradientColor: '#F69555', + contentItemsNumber: 3, + enableIcons: true, + }; + + return ( +
+ + {isBack ? ( + + ) : ( + + )} + + {props.title} + +
This is content
+ + +
+ ); +} +``` + + diff --git a/packages/plasma-new-hope/src/components/Header/HeaderRoot/HeaderRoot.styles.ts b/packages/plasma-new-hope/src/components/Header/HeaderRoot/HeaderRoot.styles.ts index 579ace5f29..29130ee064 100644 --- a/packages/plasma-new-hope/src/components/Header/HeaderRoot/HeaderRoot.styles.ts +++ b/packages/plasma-new-hope/src/components/Header/HeaderRoot/HeaderRoot.styles.ts @@ -7,7 +7,6 @@ import type { StyledHeaderRootProps } from './HeaderRoot.types'; export const StyledHeaderRoot = styled.header` box-sizing: content-box; - width: 100%; height: var(${tokens.headerHeight}); padding-top: var(${tokens.headerPaddingTop}); padding-bottom: var(${tokens.headerPaddingBottom}); diff --git a/packages/plasma-new-hope/src/components/Header/ui/HeaderArrow/HeaderArrow.tsx b/packages/plasma-new-hope/src/components/Header/ui/HeaderArrow/HeaderArrow.tsx index 25ba758414..1afb6faa08 100644 --- a/packages/plasma-new-hope/src/components/Header/ui/HeaderArrow/HeaderArrow.tsx +++ b/packages/plasma-new-hope/src/components/Header/ui/HeaderArrow/HeaderArrow.tsx @@ -32,7 +32,7 @@ export const headerArrowRoot = (Root: RootProps Target} offset={[0, 6]} - arrow={} + hasArrow placement='bottom' trigger='click' closeOnOverlayClick diff --git a/packages/plasma-new-hope/src/components/Popover/Popover.tsx b/packages/plasma-new-hope/src/components/Popover/Popover.tsx index b98c32218b..fd3c1572ff 100644 --- a/packages/plasma-new-hope/src/components/Popover/Popover.tsx +++ b/packages/plasma-new-hope/src/components/Popover/Popover.tsx @@ -1,11 +1,12 @@ import React, { useRef, useCallback, useEffect, useState, forwardRef } from 'react'; import type { CSSProperties } from 'react'; -import ReactDOM from 'react-dom'; import { usePopper } from 'react-popper'; import { useFocusTrap, useForkRef } from '@salutejs/plasma-core'; +import { component, mergeConfig } from '../../engines'; import type { RootProps } from '../../engines/types'; import { cx } from '../../utils'; +import { portalConfig } from '../Portal'; import { base as viewCSS } from './variations/_view/base'; import type { PopoverPlacement, PopoverProps } from './Popover.types'; @@ -15,6 +16,9 @@ import { classes } from './Popover.tokens'; export const ESCAPE_KEYCODE = 27; export const POPOVER_PORTAL_ID = 'plasma-popover-root'; +const mergedPortalConfig = mergeConfig(portalConfig); +const Portal = component(mergedPortalConfig); + /** * Всплывающее окно с возможностью позиционирования * и вызова по клику либо ховеру. @@ -111,8 +115,9 @@ export const popoverRoot = (Root: RootProps) => if (isOpen && closeOnOverlayClick && onToggle) { const targetIsRoot = event.target === rootRef.current; const rootHasTarget = rootRef.current?.contains(event.target as Element); + const popoverRootHasTarget = popoverRef.current?.contains(event.target as Element); - if (!targetIsRoot && !rootHasTarget) { + if (!targetIsRoot && !rootHasTarget && !popoverRootHasTarget) { onToggle(false, event); } } @@ -236,9 +241,8 @@ export const popoverRoot = (Root: RootProps) => > {target} - {children && - portalRef.current && - ReactDOM.createPortal( + {children && portalRef.current && ( + ) => )} {children} - , - portalRef.current, - )} + + + )} ); }, diff --git a/packages/plasma-new-hope/src/components/Popup/Popup.template-doc.mdx b/packages/plasma-new-hope/src/components/Popup/Popup.template-doc.mdx index 4785c7ff52..40939e3537 100644 --- a/packages/plasma-new-hope/src/components/Popup/Popup.template-doc.mdx +++ b/packages/plasma-new-hope/src/components/Popup/Popup.template-doc.mdx @@ -15,7 +15,7 @@ import { PropsTable, Description } from '@site/src/components'; ```tsx title="index.ts" import ReactDOM from 'react-dom'; -import { PopupProvider } from '@salutejs/sdds-serv'; +import { PopupProvider } from '@salutejs/{{ package }}'; import { App } from './App'; diff --git a/packages/plasma-new-hope/src/components/Popup/Popup.tsx b/packages/plasma-new-hope/src/components/Popup/Popup.tsx index 561f72ab77..98f9b2d2f7 100644 --- a/packages/plasma-new-hope/src/components/Popup/Popup.tsx +++ b/packages/plasma-new-hope/src/components/Popup/Popup.tsx @@ -1,9 +1,10 @@ import React, { forwardRef, useEffect, useRef, useState } from 'react'; -import ReactDOM from 'react-dom'; import { useForkRef, safeUseId } from '@salutejs/plasma-core'; import { RootProps } from '../../engines/types'; import { cx } from '../../utils'; +import { portalConfig } from '../Portal'; +import { component, mergeConfig } from '../../engines'; import type { PopupPlacementBasic, PopupPlacement, PopupPositionType, PopupProps } from './Popup.types'; import { POPUP_PORTAL_ID } from './PopupContext'; @@ -78,6 +79,9 @@ export const handlePosition = ( }; }; +const mergedPortalConfig = mergeConfig(portalConfig); +const Portal = component(mergedPortalConfig); + /** * Базовый копмонент Popup. */ @@ -162,8 +166,8 @@ export const popupRoot = (Root: RootProps) => return ( <> - {portalRef.current && - ReactDOM.createPortal( + {portalRef.current && ( + {overlay} ) => > {children} - , - portalRef.current, - )} + + + )} ); }, diff --git a/packages/plasma-new-hope/src/components/Portal/Portal.template-doc.mdx b/packages/plasma-new-hope/src/components/Portal/Portal.template-doc.mdx new file mode 100644 index 0000000000..d571d60682 --- /dev/null +++ b/packages/plasma-new-hope/src/components/Portal/Portal.template-doc.mdx @@ -0,0 +1,66 @@ +--- +id: portal +title: Portal +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Portal + + + +## Использование + +```tsx live +import React, { useState, useRef } from 'react'; +import { Portal, Button, BodyM } from '@salutejs/{{ package }}'; + +export function App() { + const [show, setShow] = useState(false); + const containerRef = useRef(null); + + return ( + <> + +
+ Содержимое портала появится в нижнем блоке. + {show && containerRef.current && ( + + Содержимое портала + + )} +
+
+ + ); +} +``` + +### Disabled +Отключить портал можно с помощью свойства `disabled`. +В этом случае содержимое портала добавится внутрь родительского элемента. + +```tsx live +import React, { useState, useRef } from 'react'; +import { Portal, Button, BodyM } from '@salutejs/{{ package }}'; + +export function App() { + const [show, setShow] = useState(false); + const containerRef = useRef(null); + + return ( + <> + +
+ Содержимое портала появится в данном блоке. + {show && containerRef.current && ( + + Содержимое портала + + )} +
+
+ + ); +} +``` \ No newline at end of file diff --git a/packages/plasma-new-hope/src/components/Portal/Portal.tsx b/packages/plasma-new-hope/src/components/Portal/Portal.tsx new file mode 100644 index 0000000000..e0f01a6db5 --- /dev/null +++ b/packages/plasma-new-hope/src/components/Portal/Portal.tsx @@ -0,0 +1,31 @@ +import React, { forwardRef } from 'react'; +import ReactDOM from 'react-dom'; + +import type { RootProps } from '../../engines/types'; + +import { PortalProps } from './Portal.types'; + +/* + * Вспомогательный компонент. Используется в Popup, Popover. + * Представляет собой ReactDOM.createPortal() в форме компонента. + */ +export const portalRoot = (Root: RootProps>) => + forwardRef(({ children, container, disabled = false }, outerRootRef) => { + const portalContainer = typeof container === 'function' ? container() : container; + + return ( + + {disabled && children} + {!disabled && ReactDOM.createPortal(children, portalContainer)} + + ); + }); + +export const portalConfig = { + name: 'Portal', + tag: 'div', + layout: portalRoot, + base: '', + variations: {}, + defaults: {}, +}; diff --git a/packages/plasma-new-hope/src/components/Portal/Portal.types.ts b/packages/plasma-new-hope/src/components/Portal/Portal.types.ts new file mode 100644 index 0000000000..25295a05f7 --- /dev/null +++ b/packages/plasma-new-hope/src/components/Portal/Portal.types.ts @@ -0,0 +1,18 @@ +import type { ReactNode } from 'react'; + +export type PortalProps = { + /** + * Элемент, в который добавится содержимое портала. + */ + container: HTMLElement | (() => HTMLElement); + /** + * Содержимое портала. + */ + children?: ReactNode; + /** + * Отключение портала. + * Если портал выключен, то его содержимое добавится внутрь родительского элемента. + * @default false + */ + disabled?: boolean; +}; diff --git a/packages/plasma-new-hope/src/components/Portal/index.tsx b/packages/plasma-new-hope/src/components/Portal/index.tsx new file mode 100644 index 0000000000..7bfa190650 --- /dev/null +++ b/packages/plasma-new-hope/src/components/Portal/index.tsx @@ -0,0 +1,2 @@ +export { portalConfig, portalRoot } from './Portal'; +export type { PortalProps } from './Portal.types'; diff --git a/packages/plasma-new-hope/src/components/Range/Range.styles.ts b/packages/plasma-new-hope/src/components/Range/Range.styles.ts index e60f773896..c939f39690 100644 --- a/packages/plasma-new-hope/src/components/Range/Range.styles.ts +++ b/packages/plasma-new-hope/src/components/Range/Range.styles.ts @@ -3,6 +3,7 @@ import { css } from '@linaria/core'; import { component, mergeConfig } from '../../engines'; import { textFieldConfig, textFieldTokens } from '../TextField'; +import { popoverClasses } from '../Popover'; import { classes, tokens } from './Range.tokens'; @@ -11,8 +12,6 @@ const TextField = component(mergedConfig); // NOTE: переопределение токенов TextField export const StyledInput = styled(TextField)` - flex: 1; - ${textFieldTokens.color}: var(${tokens.textFieldColor}); ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor}); ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor}); @@ -75,7 +74,17 @@ export const StyledInput = styled(TextField)` } `; -export const base = css``; +export const base = css` + .${String(popoverClasses.wrapper)} { + display: block; + flex: 1; + } + + .${String(popoverClasses.target)} { + display: flex; + flex-direction: column; + } +`; export const StyledLabel = styled.label``; @@ -88,6 +97,8 @@ export const ContentWrapper = styled.div` export const StyledDivider = styled.div``; -export const StyledContentLeft = styled.div``; +export const StyledContentLeft = styled.div` + line-height: 0; +`; export const StyledContentRight = styled.div``; diff --git a/packages/plasma-new-hope/src/components/Range/Range.tsx b/packages/plasma-new-hope/src/components/Range/Range.tsx index b5ff9a9ea4..3cdec4d297 100644 --- a/packages/plasma-new-hope/src/components/Range/Range.tsx +++ b/packages/plasma-new-hope/src/components/Range/Range.tsx @@ -1,9 +1,9 @@ -import React, { forwardRef, useMemo } from 'react'; +import React, { forwardRef, useImperativeHandle, useMemo, useRef } from 'react'; import type { RootProps } from '../../engines'; import { cx } from '../../utils'; -import type { RangeProps } from './Range.types'; +import type { RangeInputRefs, RangeProps } from './Range.types'; import { base as sizeCSS } from './variations/_size/base'; import { base as viewCSS } from './variations/_view/base'; import { base as disabledCSS } from './variations/_disabled/base'; @@ -22,7 +22,7 @@ import { import { classes } from './Range.tokens'; export const rangeRoot = (Root: RootProps) => - forwardRef( + forwardRef( ( { label, @@ -67,6 +67,9 @@ export const rangeRoot = (Root: RootProps) => }, ref, ) => { + const rangeRef = useRef(null); + const firstTextFieldRef = useRef(null); + const secondTextFieldRef = useRef(null); const rangeErrorClass = firstValueError && secondValueError ? classes.rangeError : undefined; const firstValueErrorClass = !rangeErrorClass && firstValueError ? classes.rangeValueError : undefined; const secondValueErrorClass = !rangeErrorClass && secondValueError ? classes.rangeValueError : undefined; @@ -81,6 +84,19 @@ export const rangeRoot = (Root: RootProps) => const handleSearchFirstValue = getSearchHandler(onSearchFirstValue, disabled, readOnly); const handleSearchSecondValue = getSearchHandler(onSearchSecondValue, disabled, readOnly); + useImperativeHandle( + ref, + () => ({ + firstTextField: () => { + return firstTextFieldRef; + }, + secondTextField: () => { + return secondTextFieldRef; + }, + }), + [firstTextFieldRef, secondTextFieldRef], + ); + const Divider = useMemo(() => { if (dividerVariant === 'none') { return null; @@ -94,11 +110,19 @@ export const rangeRoot = (Root: RootProps) => }, [dividerVariant, dividerIcon]); return ( - + {label && {label}} {contentLeft && {contentLeft}} ) => /> {Divider} void; -export type RangeProps = { +export type RangeInputRefs = { + firstTextField: () => MutableRefObject; + secondTextField: () => MutableRefObject; +}; + +export type RangeInnerProps = { /** * Метка-подпись к элементу */ @@ -153,5 +158,6 @@ export type RangeProps = { * Коллбэк, вызываемый при потере фокуса вторым полем ввода */ onBlurSecondTextfield?: (event: ChangeEvent) => void; -} & RangeDividerVariants & - HTMLAttributes; +} & RangeDividerVariants; + +export type RangeProps = RangeInnerProps & HTMLAttributes; diff --git a/packages/plasma-new-hope/src/components/Range/index.ts b/packages/plasma-new-hope/src/components/Range/index.ts index bbbe686f37..f8cbfc374b 100644 --- a/packages/plasma-new-hope/src/components/Range/index.ts +++ b/packages/plasma-new-hope/src/components/Range/index.ts @@ -1,3 +1,3 @@ export { rangeRoot, rangeConfig } from './Range'; export { tokens as rangeTokens } from './Range.tokens'; -export type { RangeProps } from './Range.types'; +export type { RangeProps, RangeInputRefs } from './Range.types'; diff --git a/packages/plasma-new-hope/src/components/Select/Select.tsx b/packages/plasma-new-hope/src/components/Select/Select.tsx index 6d92f713cc..ce62edb38a 100644 --- a/packages/plasma-new-hope/src/components/Select/Select.tsx +++ b/packages/plasma-new-hope/src/components/Select/Select.tsx @@ -2,8 +2,7 @@ import React, { Children, forwardRef, useCallback, useEffect, useMemo, useRef, u import { safeUseId, useForkRef } from '@salutejs/plasma-core'; import { RootProps } from '../../engines'; -import { cx } from '../../utils'; -import { getPlacements } from '../Dropdown/utils'; +import { cx, getPlacements } from '../../utils'; import { useDidMountEffect, useForceUpdate } from '../../hooks'; import { base as targetCSS } from './variations/_target/base'; diff --git a/packages/plasma-new-hope/src/components/Sheet/Sheet.tsx b/packages/plasma-new-hope/src/components/Sheet/Sheet.tsx index 7f18306393..9506c49170 100644 --- a/packages/plasma-new-hope/src/components/Sheet/Sheet.tsx +++ b/packages/plasma-new-hope/src/components/Sheet/Sheet.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import React, { forwardRef, useRef } from 'react'; import { RootProps } from '../../engines'; import { Overlay } from '../Overlay'; @@ -44,9 +44,9 @@ export const sheetRoot = (Root: RootProps) => }, rootRef, ) => { - const contentWrapperRef = React.useRef(null); - const contentRef = React.useRef(null); - const handleRef = React.useRef(null); + const contentWrapperRef = useRef(null); + const contentRef = useRef(null); + const handleRef = useRef(null); useOverflow({ opened }); useSheetSwipe({ contentWrapperRef, contentRef, handleRef, throttleMs, onClose }); diff --git a/packages/plasma-new-hope/src/components/Sheet/Sheet.types.ts b/packages/plasma-new-hope/src/components/Sheet/Sheet.types.ts index 96467db41c..fe23a5af8c 100644 --- a/packages/plasma-new-hope/src/components/Sheet/Sheet.types.ts +++ b/packages/plasma-new-hope/src/components/Sheet/Sheet.types.ts @@ -1,4 +1,4 @@ -import { ReactNode, HTMLAttributes } from 'react'; +import type { ReactNode, HTMLAttributes } from 'react'; export interface SheetProps extends HTMLAttributes { /** diff --git a/packages/plasma-new-hope/src/components/Skeleton/Skeleton.template-doc.mdx b/packages/plasma-new-hope/src/components/Skeleton/Skeleton.template-doc.mdx index c373049f60..fd24e8c6d5 100644 --- a/packages/plasma-new-hope/src/components/Skeleton/Skeleton.template-doc.mdx +++ b/packages/plasma-new-hope/src/components/Skeleton/Skeleton.template-doc.mdx @@ -18,7 +18,7 @@ import { LineSkeleton } from '@salutejs/{{ package }}'; export function App() { return ( - + ); } ``` @@ -48,7 +48,7 @@ import { TextSkeleton } from '@salutejs/{{ package }}'; export function App() { return ( - + ); } ``` diff --git a/packages/plasma-new-hope/src/components/Skeleton/Skeleton.types.ts b/packages/plasma-new-hope/src/components/Skeleton/Skeleton.types.ts index 5c8dd92bc7..dbd6314c49 100644 --- a/packages/plasma-new-hope/src/components/Skeleton/Skeleton.types.ts +++ b/packages/plasma-new-hope/src/components/Skeleton/Skeleton.types.ts @@ -1,23 +1,3 @@ -type TypographyTypes = - | 'body1' - | 'body2' - | 'body3' - | 'button1' - | 'button2' - | 'caption' - | 'display1' - | 'display2' - | 'display3' - | 'footnote1' - | 'footnote2' - | 'headline1' - | 'headline2' - | 'headline3' - | 'headline4' - | 'paragraph1' - | 'paragraph2' - | 'underline'; - export type SkeletonSizeProps = { - size: TypographyTypes; + size?: string; }; diff --git a/packages/plasma-new-hope/src/components/Skeleton/TextSkeleton/TextSkeleton.tsx b/packages/plasma-new-hope/src/components/Skeleton/TextSkeleton/TextSkeleton.tsx index 7b33646a08..9e828c8180 100644 --- a/packages/plasma-new-hope/src/components/Skeleton/TextSkeleton/TextSkeleton.tsx +++ b/packages/plasma-new-hope/src/components/Skeleton/TextSkeleton/TextSkeleton.tsx @@ -3,7 +3,7 @@ import type { FC, HTMLAttributes } from 'react'; import type { LineSkeletonProps } from '../LineSkeleton'; -import type { TextSkeletonProps } from './TextSkeleton.types'; +import type { TextSkeletonBaseProps } from './TextSkeleton.types'; import { StyledTextSkeleton } from './TextSkeleton.styles'; const variousWidth = [7.58, 5.27, 13.54, 6.63, 0.28, 14.8, 0.33, 11.26, 14.1, 10.59, 3.38, 13.5, 7.71, 3.34, 7.96]; @@ -12,17 +12,17 @@ const variousWidth = [7.58, 5.27, 13.54, 6.63, 0.28, 14.8, 0.33, 11.26, 14.1, 10 * Хок для создания компонента плейсхолдера нескольких строк текста. * Размеры компонента задаются с помощью констант и соответствуют размерам [типографических элементов](/?path=/docs/). */ -export const textSkeleton = ( - Component: FC, -): FC> => ({ +export const textSkeleton = ( + Component: FC, +): FC> => ({ lines, width, roundness, customGradientColor, lighter, - size = 'body1', + size = 'bodyM', ...props -}: TextSkeletonProps & HTMLAttributes) => { +}: T & TextSkeletonBaseProps & HTMLAttributes) => { const [fixedWidth, setFixedWidth] = useState(null); const [linesWidth, setLinesWidth] = useState([]); @@ -57,11 +57,14 @@ export const textSkeleton = ( } }, [width, lines]); + // TODO: Подумать как можно обойти явное приведение типов + const ComponentSkeleton = Component as FC; + return ( {Array.from(Array(lines), (_, i) => { return ( - ( right: (rightPositionBound ?? stepSize * (max - min)) - (offsetRight ? stepSize : 0), }; - console.log(computedBounds); - const showCurrentValueCondition = showCurrentValue && ((xPosition >= startOffset && xPosition <= max * stepSize - endOffset) || (xPosition === 0 && value !== 0)); diff --git a/packages/plasma-new-hope/src/components/TextField/TextField.styles.ts b/packages/plasma-new-hope/src/components/TextField/TextField.styles.ts index a9cf5e6aae..1e1cd33d3b 100644 --- a/packages/plasma-new-hope/src/components/TextField/TextField.styles.ts +++ b/packages/plasma-new-hope/src/components/TextField/TextField.styles.ts @@ -53,10 +53,12 @@ export const Label = styled.label``; export const StyledContentLeft = styled.div` margin: var(${tokens.leftContentMargin}); + line-height: 0; `; export const StyledContentRight = styled.div` margin: var(${tokens.rightContentMargin}); + line-height: 0; `; export const LeftHelper = styled.div``; diff --git a/packages/plasma-new-hope/src/components/TextField/TextField.tokens.ts b/packages/plasma-new-hope/src/components/TextField/TextField.tokens.ts index 3c87fdea20..083bd0061a 100644 --- a/packages/plasma-new-hope/src/components/TextField/TextField.tokens.ts +++ b/packages/plasma-new-hope/src/components/TextField/TextField.tokens.ts @@ -2,6 +2,9 @@ export const classes = { hasChips: 'has-chips', hasEmptyContentLeft: 'has-empty-content-left', hasEmptyContentRight: 'has-empty-content-right', + innerLabelPlacement: 'label-placement-inner', + outerLabelPlacement: 'label-placement-outer', + hideLabel: 'hide-label', }; export const tokens = { @@ -26,7 +29,7 @@ export const tokens = { placeholderColor: '--plasma-textfield__placeholder-color', height: '--plasma-textfield-height', - borderWidth: '--plasmas-textfield-border-width', + borderWidth: '--plasma-textfield-border-width', borderRadius: '--plasma-textfield-border-radius', /** Отступ от границы ТextField */ diff --git a/packages/plasma-new-hope/src/components/TextField/TextField.tsx b/packages/plasma-new-hope/src/components/TextField/TextField.tsx index b4be1eda3f..7d45265af5 100644 --- a/packages/plasma-new-hope/src/components/TextField/TextField.tsx +++ b/packages/plasma-new-hope/src/components/TextField/TextField.tsx @@ -92,6 +92,8 @@ export const textFieldRoot = (Root: RootProps) = const innerLabelPlacementValue = hideLabel ? 'outer' : labelPlacement; const innerPlaceholderValue = hideLabel ? label : placeholder; const innerLabelValue = hideLabel ? undefined : label; + const hideLabelClass = hideLabel && label ? classes.hideLabel : undefined; + const labelPlacementClass = classes[`${labelPlacement}LabelPlacement` as keyof typeof classes]; const isChipsVisible = isChipEnumeration && chips?.length; const withHasChips = isChipsVisible ? classes.hasChips : undefined; @@ -178,7 +180,7 @@ export const textFieldRoot = (Root: RootProps) = readOnly={!disabled && readOnly} labelPlacement={innerLabelPlacementValue} onClick={handleInputFocus} - className={className} + className={cx(labelPlacementClass, hideLabelClass, className)} style={style} > {labelInside || diff --git a/packages/plasma-new-hope/src/components/TextField/index.ts b/packages/plasma-new-hope/src/components/TextField/index.ts index 8208a56e0e..c2b911e413 100644 --- a/packages/plasma-new-hope/src/components/TextField/index.ts +++ b/packages/plasma-new-hope/src/components/TextField/index.ts @@ -1,6 +1,3 @@ -export { labelPlacement_inner as textField_labelPlacement_inner } from './variations/_label-placement/inner'; -export { labelPlacement_outer as textField_labelPlacement_outer } from './variations/_label-placement/outer'; - export { textFieldRoot, textFieldConfig } from './TextField'; export { tokens as textFieldTokens } from './TextField.tokens'; export type { TextFieldProps } from './TextField.types'; diff --git a/packages/plasma-new-hope/src/components/TextField/variations/_label-placement/base.ts b/packages/plasma-new-hope/src/components/TextField/variations/_label-placement/base.ts index ee9ec36d23..960d175b06 100644 --- a/packages/plasma-new-hope/src/components/TextField/variations/_label-placement/base.ts +++ b/packages/plasma-new-hope/src/components/TextField/variations/_label-placement/base.ts @@ -1,4 +1,68 @@ import { css } from '@linaria/core'; -// TODO: REMOVE IT -export const base = css``; +import { classes, tokens } from '../../TextField.tokens'; +import { Input, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles'; + +export const base = css` + &.${classes.outerLabelPlacement} { + ${Label} { + display: block; + margin-bottom: var(${tokens.labelOffset}); + color: var(${tokens.labelColor}); + } + } + + &.${classes.innerLabelPlacement} { + &:not(.${classes.hideLabel}) { + ${Input} { + padding: var(${tokens.contentLabelInnerPadding}); + } + + ${StyledTextAfter}, ${StyledTextBefore} { + padding: var(${tokens.contentLabelInnerPadding}); + } + } + + ${Input}:focus ~ ${Label}, ${Input}:not(:placeholder-shown) ~ ${Label} { + height: auto; + padding: var(${tokens.labelInnerPadding}); + + font-family: var(${tokens.labelInnerFontFamily}); + font-size: var(${tokens.labelInnerFontSize}); + font-style: var(${tokens.labelInnerFontStyle}); + font-weight: var(${tokens.labelInnerFontWeight}); + letter-spacing: var(${tokens.labelInnerLetterSpacing}); + line-height: var(${tokens.labelInnerLineHeight}); + } + + &:not(.${classes.hideLabel}) { + ${Input}:not(:focus)::placeholder { + color: transparent; + } + + ${Input}:focus::placeholder { + color: transparent; + } + } + + ${Label} { + color: var(${tokens.placeholderColor}); + + pointer-events: none; + position: absolute; + top: 0; + + display: flex; + align-items: center; + + box-sizing: border-box; + + transition: padding 0.1s ease-in-out, height 0s; + + height: var(${tokens.height}); + + padding-top: calc(var(${tokens.height}) / 4); + padding-bottom: calc(var(${tokens.height}) / 4); + } + } +`; diff --git a/packages/plasma-new-hope/src/components/TextField/variations/_label-placement/index.ts b/packages/plasma-new-hope/src/components/TextField/variations/_label-placement/index.ts deleted file mode 100644 index 6123595266..0000000000 --- a/packages/plasma-new-hope/src/components/TextField/variations/_label-placement/index.ts +++ /dev/null @@ -1,2 +0,0 @@ -export { labelPlacement_inner } from './inner'; -export { labelPlacement_outer } from './outer'; diff --git a/packages/plasma-new-hope/src/components/TextField/variations/_label-placement/inner.ts b/packages/plasma-new-hope/src/components/TextField/variations/_label-placement/inner.ts deleted file mode 100644 index a680f6eb13..0000000000 --- a/packages/plasma-new-hope/src/components/TextField/variations/_label-placement/inner.ts +++ /dev/null @@ -1,54 +0,0 @@ -import { css } from '@linaria/core'; - -import { Input, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles'; -import { tokens } from '../../TextField.tokens'; - -export const labelPlacement_inner = css` - ${Input} { - padding: var(${tokens.contentLabelInnerPadding}); - } - - ${StyledTextAfter}, ${StyledTextBefore} { - padding: var(${tokens.contentLabelInnerPadding}); - } - - ${Input}:focus ~ ${Label}, ${Input}:not(:placeholder-shown) ~ ${Label} { - height: auto; - padding: var(${tokens.labelInnerPadding}); - - font-family: var(${tokens.labelInnerFontFamily}); - font-size: var(${tokens.labelInnerFontSize}); - font-style: var(${tokens.labelInnerFontStyle}); - font-weight: var(${tokens.labelInnerFontWeight}); - letter-spacing: var(${tokens.labelInnerLetterSpacing}); - line-height: var(${tokens.labelInnerLineHeight}); - } - - ${Input}:not(:focus)::placeholder { - color: transparent; - } - - ${Input}:focus::placeholder { - color: transparent; - } - - ${Label} { - color: var(${tokens.placeholderColor}); - - pointer-events: none; - position: absolute; - top: 0; - - display: flex; - align-items: center; - - box-sizing: border-box; - - transition: padding 0.1s ease-in-out, height 0s; - - height: var(${tokens.height}); - - padding-top: calc(var(${tokens.height}) / 4); - padding-bottom: calc(var(${tokens.height}) / 4); - } -`; diff --git a/packages/plasma-new-hope/src/components/TextField/variations/_label-placement/outer.ts b/packages/plasma-new-hope/src/components/TextField/variations/_label-placement/outer.ts deleted file mode 100644 index d7b0b900d5..0000000000 --- a/packages/plasma-new-hope/src/components/TextField/variations/_label-placement/outer.ts +++ /dev/null @@ -1,12 +0,0 @@ -import { css } from '@linaria/core'; - -import { Label } from '../../TextField.styles'; -import { tokens } from '../../TextField.tokens'; - -export const labelPlacement_outer = css` - ${Label} { - display: block; - margin-bottom: var(${tokens.labelOffset}); - color: var(${tokens.labelColor}); - } -`; diff --git a/packages/plasma-new-hope/src/components/TextField/variations/_label-placement/tokens.json b/packages/plasma-new-hope/src/components/TextField/variations/_label-placement/tokens.json new file mode 100644 index 0000000000..fe51488c70 --- /dev/null +++ b/packages/plasma-new-hope/src/components/TextField/variations/_label-placement/tokens.json @@ -0,0 +1 @@ +[] diff --git a/packages/plasma-new-hope/src/components/TextField/variations/_size/base.ts b/packages/plasma-new-hope/src/components/TextField/variations/_size/base.ts index 2f86513f94..c362a90409 100644 --- a/packages/plasma-new-hope/src/components/TextField/variations/_size/base.ts +++ b/packages/plasma-new-hope/src/components/TextField/variations/_size/base.ts @@ -5,6 +5,7 @@ import { Input, InputWrapper, Label, LeftHelper, StyledTextAfter, StyledTextBefo export const base = css` ${Input} { + width: 100%; font-family: var(${tokens.fontFamily}); font-size: var(${tokens.fontSize}); font-style: var(${tokens.fontStyle}); diff --git a/packages/plasma-new-hope/src/components/_Icon/Icon.assets/DisclosureDownFill.tsx b/packages/plasma-new-hope/src/components/_Icon/Icon.assets/DisclosureDownFill.tsx new file mode 100644 index 0000000000..3381b312fc --- /dev/null +++ b/packages/plasma-new-hope/src/components/_Icon/Icon.assets/DisclosureDownFill.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const DisclosureDownFill: React.FC = (props) => ( + + + +); diff --git a/packages/plasma-new-hope/src/components/_Icon/Icon.assets/DisclosureLeft.tsx b/packages/plasma-new-hope/src/components/_Icon/Icon.assets/DisclosureLeft.tsx index dc7e5978c7..145910f525 100644 --- a/packages/plasma-new-hope/src/components/_Icon/Icon.assets/DisclosureLeft.tsx +++ b/packages/plasma-new-hope/src/components/_Icon/Icon.assets/DisclosureLeft.tsx @@ -7,7 +7,7 @@ export const DisclosureLeft: React.FC = (props) => ( diff --git a/packages/plasma-new-hope/src/components/_Icon/Icon.assets/DisclosureRight.tsx b/packages/plasma-new-hope/src/components/_Icon/Icon.assets/DisclosureRight.tsx index a5c59fe645..de42b8a334 100644 --- a/packages/plasma-new-hope/src/components/_Icon/Icon.assets/DisclosureRight.tsx +++ b/packages/plasma-new-hope/src/components/_Icon/Icon.assets/DisclosureRight.tsx @@ -3,22 +3,12 @@ import React from 'react'; import { IconProps } from '../IconRoot'; export const DisclosureRight: React.FC = (props) => { - if (props.size === 'xs') { - return ( - - - - ); - } return ( diff --git a/packages/plasma-new-hope/src/components/_Icon/Icons/IconDisclosureDownFill.tsx b/packages/plasma-new-hope/src/components/_Icon/Icons/IconDisclosureDownFill.tsx new file mode 100644 index 0000000000..773fa08f4c --- /dev/null +++ b/packages/plasma-new-hope/src/components/_Icon/Icons/IconDisclosureDownFill.tsx @@ -0,0 +1,8 @@ +import React from 'react'; + +import { DisclosureDownFill } from '../Icon.assets/DisclosureDownFill'; +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconDisclosureDownFill: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-new-hope/src/components/_Icon/index.tsx b/packages/plasma-new-hope/src/components/_Icon/index.tsx index cf8b1e70a0..854804d5b0 100644 --- a/packages/plasma-new-hope/src/components/_Icon/index.tsx +++ b/packages/plasma-new-hope/src/components/_Icon/index.tsx @@ -1,5 +1,6 @@ export { IconDisclosureLeft } from './Icons/IconDisclosureLeft'; export { IconDisclosureRight } from './Icons/IconDisclosureRight'; +export { IconDisclosureDownFill } from './Icons/IconDisclosureDownFill'; export { IconMic } from './Icons/IconMic'; export { IconChevronLeft } from './Icons/IconChevronLeft'; export { IconChevronDoubleLeft } from './Icons/IconChevronDoubleLeft'; diff --git a/packages/plasma-new-hope/src/engines/emotion.tsx b/packages/plasma-new-hope/src/engines/emotion.tsx new file mode 100644 index 0000000000..d35bf39649 --- /dev/null +++ b/packages/plasma-new-hope/src/engines/emotion.tsx @@ -0,0 +1,32 @@ +import React, { forwardRef } from 'react'; +import { css, SerializedStyles } from '@emotion/react'; +import styled from '@emotion/styled'; + +import { getStaticVariants, getDynamicVariants } from './common'; +import type { ComponentConfig, HTMLAnyAttributes } from './types'; + +export { css }; + +const Root = styled.div<{ + base: string | SerializedStyles; + staticVariants: (string | SerializedStyles)[]; + dynamicVariants: (props: HTMLAnyAttributes) => any[]; +}>` + ${({ base }) => base}; + ${({ staticVariants }) => staticVariants}; + ${({ dynamicVariants }) => dynamicVariants}; +`; + +/* eslint-disable no-underscore-dangle */ +export const _component = (componentConfig: ComponentConfig) => { + const { tag, base } = componentConfig; + const staticVariants = getStaticVariants(componentConfig); + const dynamicVariants = getDynamicVariants(componentConfig); + + // TODO: should we type tag as more then string ? + const R = Root.withComponent(tag as keyof JSX.IntrinsicElements); + + return forwardRef((props, ref) => ( + + )); +}; diff --git a/packages/plasma-new-hope/src/engines/linaria.tsx b/packages/plasma-new-hope/src/engines/linaria.tsx index 5f7b951741..a6fe11aaa4 100644 --- a/packages/plasma-new-hope/src/engines/linaria.tsx +++ b/packages/plasma-new-hope/src/engines/linaria.tsx @@ -16,7 +16,7 @@ export const _component = (componentConfig: ComponentConfig) => { const component = forwardRef((props, ref) => { const { className, ...rest } = props; const variants = dynamicVariants(rest); - const cls = cx(className, base, ...staticVariants, ...variants); + const cls = cx(className, base as string, ...(staticVariants as string[]), ...variants); // styled-components do it inside // filter props diff --git a/packages/plasma-new-hope/src/engines/types.ts b/packages/plasma-new-hope/src/engines/types.ts index fd607ba0cc..dd30b424ea 100644 --- a/packages/plasma-new-hope/src/engines/types.ts +++ b/packages/plasma-new-hope/src/engines/types.ts @@ -1,4 +1,12 @@ -export type PolymorphicClassName = string; +// NOTE: import { SerializedStyles } from "@emotion/react"; +export interface SerializedStyles { + name: string; + styles: string; + map?: string; + next?: SerializedStyles; +} + +export type PolymorphicClassName = string | SerializedStyles; export type CSSProperties = { [key: string]: string | number | CSSProperties; diff --git a/packages/plasma-new-hope/src/examples/_helpers.tsx b/packages/plasma-new-hope/src/examples/_helpers.tsx index d724da4ee9..d80f289555 100644 --- a/packages/plasma-new-hope/src/examples/_helpers.tsx +++ b/packages/plasma-new-hope/src/examples/_helpers.tsx @@ -2,7 +2,7 @@ import React from 'react'; import type { ArgTypes, StoryContext, Decorator } from '@storybook/react'; import { ComponentConfig } from '../engines'; -import type { HTMLTagList, PropsType, Variants } from '../engines/types'; +import type { HTMLAttributesOmitOnChange, HTMLTagList, PropsType, Variants } from '../engines/types'; import { ThemeType, themes } from './themes'; @@ -25,7 +25,7 @@ export function argTypesFromConfig< Tag extends HTMLTagList, VariantList extends Variants, VariantsProps extends PropsType, - LayoutProps extends React.HTMLAttributes + LayoutProps extends React.HTMLAttributes | HTMLAttributesOmitOnChange >(config: ComponentConfig, exclude: string[] = []) { const { defaults, variations } = config; diff --git a/packages/plasma-new-hope/src/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx index 6f113abdf9..045d1c4b26 100644 --- a/packages/plasma-new-hope/src/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +++ b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx @@ -1,16 +1,26 @@ -import * as React from 'react'; -import type { ComponentProps } from 'react'; +import React from 'react'; +import type { ComponentProps, ReactNode } from 'react'; import type { StoryObj, Meta } from '@storybook/react'; import { disableProps } from '@salutejs/plasma-sb-utils'; import { mergeConfig } from '../../../../engines'; import { WithTheme, argTypesFromConfig } from '../../../_helpers'; import { accordionConfig } from '../../../../components/Accordion'; +import { Pin } from '../../../../utils/roundness'; import { config } from './Accordion.config'; import { Accordion, AccordionItem } from './Accordion'; -const meta: Meta = { +type AccordionItemCustomProps = { + type: 'arrow' | 'sign' | 'clear'; + title: string; + body: ReactNode; + pin?: Pin; +}; + +type AccordionProps = ComponentProps & AccordionItemCustomProps; + +const meta: Meta = { title: 'plasma_b2c/Accordion', decorators: [WithTheme], component: Accordion, @@ -19,8 +29,9 @@ const meta: Meta = { view: 'default', size: 'm', stretching: 'filled', - type: 'arrow', disabled: false, + type: 'arrow', + pin: undefined, title: 'Как оплатить заправку бонусами СберСпасибо?', body: 'После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива', @@ -40,13 +51,27 @@ const meta: Meta = { type: 'select', }, }, + pin: { + options: [ + 'square-square', + 'square-clear', + 'clear-square', + 'clear-clear', + 'clear-circle', + 'circle-clear', + 'circle-circle', + ], + control: { + type: 'select', + }, + }, }, }; export default meta; -export const Default: StoryObj> = { - render: (props: ComponentProps) => { +export const Default: StoryObj = { + render: (props: AccordionProps) => { const args = { ...props, text: undefined }; return ( diff --git a/packages/plasma-new-hope/src/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx index c696c1e8b5..b9953502bd 100644 --- a/packages/plasma-new-hope/src/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +++ b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx @@ -26,6 +26,12 @@ const meta: Meta = { type: 'date', }, }, + size: { + options: ['l', 'm', 's', 'xs'], + control: { + type: 'inline-radio', + }, + }, }, }; @@ -79,7 +85,7 @@ const baseEvents = [ ]; const StoryDefault = (args: CalendarProps) => { - const { isRange, isDouble, min, max, date, includeEdgeDates } = args; + const { isRange, isDouble, min, max, date, includeEdgeDates, size } = args; const [value, setValue] = useState(new Date(2023, 10, 16)); const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]); @@ -102,6 +108,7 @@ const StoryDefault = (args: CalendarProps) => { return ( = { isDouble: false, isRange: false, includeEdgeDates: false, + size: 'm', }, render: (args) => , }; const StoryBase = (args: CalendarBaseProps) => { - const { min, max, type, includeEdgeDates } = args; + const { min, max, type, includeEdgeDates, size } = args; const [value, setValue] = useState(new Date(2023, 10, 16)); const handleOnChange = useCallback((newValue: Date) => { @@ -147,6 +155,7 @@ const StoryBase = (args: CalendarBaseProps) => { return ( = { }, }, args: { + size: 'm', min: new Date(2023, 10, 1), max: new Date(2023, 11, 24), includeEdgeDates: false, @@ -178,7 +188,7 @@ export const Base: StoryObj = { }; const StoryDouble = (args: CalendarDoubleProps) => { - const { min, max, includeEdgeDates } = args; + const { min, max, includeEdgeDates, size } = args; const [value, setValue] = useState(new Date(2023, 10, 16)); const handleOnChange = useCallback((newValue: Date) => { setValue(newValue); @@ -196,6 +206,7 @@ const StoryDouble = (args: CalendarDoubleProps) => { return ( { export const Double: StoryObj = { args: { + size: 'm', min: new Date(2023, 10, 1), max: new Date(2023, 11, 24), includeEdgeDates: false, @@ -217,7 +229,7 @@ export const Double: StoryObj = { }; const StoryRange = (args: CalendarBaseRangeProps) => { - const { min, max, type, includeEdgeDates } = args; + const { min, max, type, includeEdgeDates, size } = args; const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 10, 15), new Date(2023, 10, 24)]); const handleOnChange = useCallback((newValue: [Date, Date?]) => { onChangeValue(newValue); @@ -238,6 +250,7 @@ const StoryRange = (args: CalendarBaseRangeProps) => { return ( = { }, }, args: { + size: 'm', min: new Date(2023, 10, 1), max: new Date(2023, 11, 24), includeEdgeDates: false, @@ -269,7 +283,7 @@ export const Range: StoryObj = { }; const StoryRangeDouble = (args: CalendarBaseRangeProps) => { - const { min, max, includeEdgeDates } = args; + const { min, max, includeEdgeDates, size } = args; const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 10, 15), new Date(2023, 10, 24)]); const handleOnChange = useCallback((newValue: [Date, Date?]) => { onChangeValue(newValue); @@ -290,6 +304,7 @@ const StoryRangeDouble = (args: CalendarBaseRangeProps) => { return ( { export const RangeDouble: StoryObj = { args: { + size: 'm', min: new Date(2023, 10, 1), max: new Date(2023, 11, 24), includeEdgeDates: false, @@ -311,7 +327,7 @@ export const RangeDouble: StoryObj = { }; const StoryWithPopover = (args: CalendarProps) => { - const { isDouble, min, max, includeEdgeDates } = args; + const { isDouble, min, max, includeEdgeDates, size } = args; const [isOpen, setIsOpen] = useState(false); const [textValue, setTextValue] = useState('2023-10-16'); const [value, setValue] = useState(new Date(textValue)); @@ -345,6 +361,7 @@ const StoryWithPopover = (args: CalendarProps) => { closeOnOverlayClick > { export const WithPopover: StoryObj = { args: { + size: 'm', min: new Date(2023, 9, 1), max: new Date(2023, 11, 24), isDouble: false, diff --git a/packages/plasma-new-hope/src/examples/plasma_b2c/components/Calendar/Calendar.ts b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Calendar/Calendar.ts index 149a1c5cd0..9a0804f8ff 100644 --- a/packages/plasma-new-hope/src/examples/plasma_b2c/components/Calendar/Calendar.ts +++ b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Calendar/Calendar.ts @@ -1,3 +1,5 @@ +import type { FC } from 'react'; + import { component, mergeConfig } from '../../../../engines'; import { calendarBaseConfig, calendarDoubleConfig, withRange } from '../../../../components/Calendar'; import type { CalendarBaseProps, CalendarDoubleProps } from '../../../../components/Calendar'; @@ -15,8 +17,8 @@ export const CalendarBaseRange = withRange(CalendarBase); export const CalendarDoubleRange = withRange(CalendarDouble); export const Calendar = boundCalendar({ - base: CalendarBase, + base: CalendarBase as FC, baseRange: CalendarBaseRange, - double: CalendarDouble, + double: CalendarDouble as FC, doubleRange: CalendarDoubleRange, }); diff --git a/packages/plasma-new-hope/src/examples/plasma_b2c/components/Calendar/CalendarBase.config.ts b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Calendar/CalendarBase.config.ts index dcdef433a6..26672eace6 100644 --- a/packages/plasma-new-hope/src/examples/plasma_b2c/components/Calendar/CalendarBase.config.ts +++ b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Calendar/CalendarBase.config.ts @@ -10,28 +10,142 @@ export const config = { variations: { view: { default: css` - ${calendarBaseTokens.calendarBackgroundColor}: transparent; - ${calendarBaseTokens.calendarSelectedItemBackground}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarSelectedItemColor}: var(--plasma-colors-background-primary); - ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(--plasma-colors-primary); + ${calendarBaseTokens.calendarSelectedItemBackground}: var(--surface-solid-default); + ${calendarBaseTokens.calendarSelectedItemColor}: var(--inverse-text-primary); + ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary); + ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(--surface-solid-default); ${calendarBaseTokens.calendarCurrentItemBackgroundHover}: transparent; - ${calendarBaseTokens.calendarCurrentItemColorHover}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarBaseTokens.calendarActiveItemBackground}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarActiveItemColor}: var(--plasma-colors-surface-solid03); - ${calendarBaseTokens.calendarHoveredItemBackground}: var(--plasma-colors-accent); - ${calendarBaseTokens.calendarHoveredItemColor}: var(--plasma-colors-background-primary); - ${calendarBaseTokens.calendarRangeBackground}: var(--plasma-colors-surface-liquid02); - ${calendarBaseTokens.calendarOutlineFocusColor}: var(--plasma-colors-button-focused); - ${calendarBaseTokens.calendarContentPrimaryColor}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarContentSecondaryColor}: var(--plasma-colors-secondary); + ${calendarBaseTokens.calendarCurrentItemColorHover}: var(--text-primary); + ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary); + ${calendarBaseTokens.calendarActiveItemBackground}: var(--surface-solid-default); + ${calendarBaseTokens.calendarActiveItemColor}: var(--inverse-text-primary); + ${calendarBaseTokens.calendarHoveredItemBackground}: var(--surface-accent); + ${calendarBaseTokens.calendarHoveredItemColor}: var(--text-primary); + ${calendarBaseTokens.calendarRangeBackground}: var(--surface-transparent-secondary); + ${calendarBaseTokens.calendarOutlineFocusColor}: var(--surface-accent); + ${calendarBaseTokens.calendarContentPrimaryColor}: var(--surface-solid-default); + ${calendarBaseTokens.calendarContentSecondaryColor}: var(--text-secondary); + ${calendarBaseTokens.calendarDayOfWeekColor}: var(--text-secondary); + + ${calendarBaseTokens.iconButtonColor}: var(--text-primary); + ${calendarBaseTokens.iconButtonBackgroundColor}: var(--surface-clear); + ${calendarBaseTokens.iconButtonColorHover}: var(--text-primary-hover); + ${calendarBaseTokens.iconButtonBackgroundColorHover}: var(--surface-clear); + ${calendarBaseTokens.iconButtonColorActive}: var(--text-primary-hover); + ${calendarBaseTokens.iconButtonBackgroundColorActive}: var(--surface-clear); + ${calendarBaseTokens.iconButtonFocusColor}: var(--surface-accent); `, }, size: { + l: css` + ${calendarBaseTokens.calendarWidth}: 24.5rem; + ${calendarBaseTokens.calendarHeight}: 25rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.75rem; + ${calendarBaseTokens.calendarYearItemWidth}: 7.8125rem; + ${calendarBaseTokens.calendarYearItemHeight}: 5.25rem; + + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.75rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 7.8125rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 5.25rem; + + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.75rem; + ${calendarBaseTokens.calendarDayItemWidth}: 3.5rem; + ${calendarBaseTokens.calendarDayItemHeight}: 3rem; + + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 3.5rem; + ${calendarBaseTokens.iconButtonWidth}: 3.5rem; + ${calendarBaseTokens.iconButtonPadding}: 1.5rem; + ${calendarBaseTokens.iconButtonRadius}: 0.875rem; + `, m: css` - ${calendarBaseTokens.calendarHeaderArrowContainerWidth}: 5.5rem; - ${calendarBaseTokens.calendarItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarWidth}: 21rem; + ${calendarBaseTokens.calendarHeight}: 21rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.625rem; + ${calendarBaseTokens.calendarYearItemWidth}: 6.688rem; + ${calendarBaseTokens.calendarYearItemHeight}: 4.375rem; + + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.625rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 6.688rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 4.375rem; + + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.625rem; + ${calendarBaseTokens.calendarDayItemWidth}: 3rem; + ${calendarBaseTokens.calendarDayItemHeight}: 2.5rem; + + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.375rem; + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); @@ -39,24 +153,133 @@ export const config = { ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 3rem; + ${calendarBaseTokens.iconButtonWidth}: 3rem; + ${calendarBaseTokens.iconButtonPadding}: 1.25rem; + ${calendarBaseTokens.iconButtonRadius}: 0.75rem; + `, + s: css` + ${calendarBaseTokens.calendarWidth}: 17.5rem; + ${calendarBaseTokens.calendarHeight}: 17rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarYearItemWidth}: 5.5rem; + ${calendarBaseTokens.calendarYearItemHeight}: 3.5rem; + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size); ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 5.5rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 3.5rem; + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size); ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarDayItemWidth}: 2.5rem; + ${calendarBaseTokens.calendarDayItemHeight}: 2rem; + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size); ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 2.5rem; + ${calendarBaseTokens.iconButtonWidth}: 2.5rem; + ${calendarBaseTokens.iconButtonPadding}: 1rem; + ${calendarBaseTokens.iconButtonRadius}: 0.625rem; + `, + xs: css` + ${calendarBaseTokens.calendarWidth}: 17.5rem; + ${calendarBaseTokens.calendarHeight}: 15.5rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.375rem; + ${calendarBaseTokens.calendarYearItemWidth}: 5.625rem; + ${calendarBaseTokens.calendarYearItemHeight}: 3.281rem; + + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.375rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 5.625rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 3.281rem; + + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.375rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarDayItemWidth}: 2.5rem; + ${calendarBaseTokens.calendarDayItemHeight}: 1.875rem; + + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family); + ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size); + ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style); + ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing); + ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height); + ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight); + ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 2rem; + ${calendarBaseTokens.iconButtonWidth}: 2rem; + ${calendarBaseTokens.iconButtonPadding}: 0.75rem; + ${calendarBaseTokens.iconButtonRadius}: 0.5rem; `, }, }, diff --git a/packages/plasma-new-hope/src/examples/plasma_b2c/components/Calendar/CalendarDouble.config.ts b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Calendar/CalendarDouble.config.ts index 624c10c465..8c7b1ca7cb 100644 --- a/packages/plasma-new-hope/src/examples/plasma_b2c/components/Calendar/CalendarDouble.config.ts +++ b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Calendar/CalendarDouble.config.ts @@ -10,28 +10,144 @@ export const config = { variations: { view: { default: css` + ${calendarDoubleTokens.calendarSeparatorBackground}: var(--surface-transparent-secondary); ${calendarDoubleTokens.calendarBackgroundColor}: transparent; - ${calendarDoubleTokens.calendarSelectedItemBackground}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarSelectedItemColor}: var(--plasma-colors-background-primary); - ${calendarDoubleTokens.calendarSelectableItemBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarCurrentItemBorderColor}: var(--plasma-colors-primary); + ${calendarDoubleTokens.calendarSelectedItemBackground}: var(--surface-solid-default); + ${calendarDoubleTokens.calendarSelectedItemColor}: var(--inverse-text-primary); + ${calendarDoubleTokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary); + ${calendarDoubleTokens.calendarCurrentItemBorderColor}: var(--surface-solid-default); ${calendarDoubleTokens.calendarCurrentItemBackgroundHover}: transparent; - ${calendarDoubleTokens.calendarCurrentItemColorHover}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarCurrentItemChildBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarActiveItemBackground}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarActiveItemColor}: var(--plasma-colors-surface-solid03); - ${calendarDoubleTokens.calendarHoveredItemBackground}: var(--plasma-colors-accent); - ${calendarDoubleTokens.calendarHoveredItemColor}: var(--plasma-colors-background-primary); - ${calendarDoubleTokens.calendarSeparatorBackground}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarRangeBackground}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarOutlineFocusColor}: var(--plasma-colors-button-focused); - ${calendarDoubleTokens.calendarContentPrimaryColor}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarContentSecondaryColor}: var(--plasma-colors-secondary); + ${calendarDoubleTokens.calendarCurrentItemColorHover}: var(--text-primary); + ${calendarDoubleTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary); + ${calendarDoubleTokens.calendarActiveItemBackground}: var(--surface-solid-default); + ${calendarDoubleTokens.calendarActiveItemColor}: var(--inverse-text-primary); + ${calendarDoubleTokens.calendarHoveredItemBackground}: var(--surface-accent); + ${calendarDoubleTokens.calendarHoveredItemColor}: var(--text-primary); + ${calendarDoubleTokens.calendarRangeBackground}: var(--surface-transparent-secondary); + ${calendarDoubleTokens.calendarOutlineFocusColor}: var(--surface-accent); + ${calendarDoubleTokens.calendarContentPrimaryColor}: var(--surface-solid-default); + ${calendarDoubleTokens.calendarContentSecondaryColor}: var(--text-secondary); + + ${calendarDoubleTokens.iconButtonColor}: var(--text-primary); + ${calendarDoubleTokens.iconButtonBackgroundColor}: var(--surface-clear); + ${calendarDoubleTokens.iconButtonColorHover}: var(--text-primary-hover); + ${calendarDoubleTokens.iconButtonBackgroundColorHover}: var(--surface-clear); + ${calendarDoubleTokens.iconButtonColorActive}: var(--text-primary-hover); + ${calendarDoubleTokens.iconButtonBackgroundColorActive}: var(--surface-clear); + ${calendarDoubleTokens.iconButtonFocusColor}: var(--surface-accent); `, }, size: { + l: css` + ${calendarDoubleTokens.calendarWidth}: 51.063rem; + ${calendarDoubleTokens.calendarHeight}: 25rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.75rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 7.8125rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 5.25rem; + + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.75rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 7.8125rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 5.25rem; + + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.75rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 3.5rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 3rem; + + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.5rem; + + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 3.5rem; + ${calendarDoubleTokens.iconButtonWidth}: 3.5rem; + ${calendarDoubleTokens.iconButtonPadding}: 1.5rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.875rem; + `, m: css` - ${calendarDoubleTokens.calendarItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarWidth}: 44.063rem; + ${calendarDoubleTokens.calendarHeight}: 21rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.625rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 6.688rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 4.375rem; + + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.625rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 6.688rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 4.375rem; + + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.625rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 3rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 2.5rem; + + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.375rem; + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); @@ -39,24 +155,133 @@ export const config = { ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 3rem; + ${calendarDoubleTokens.iconButtonWidth}: 3rem; + ${calendarDoubleTokens.iconButtonPadding}: 1.25rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.75rem; + `, + s: css` + ${calendarDoubleTokens.calendarWidth}: 37.063rem; + ${calendarDoubleTokens.calendarHeight}: 17rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 5.5rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 3.5rem; + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size); ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 5.5rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 3.5rem; + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size); ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 2.5rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 2rem; + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size); ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 2.5rem; + ${calendarDoubleTokens.iconButtonWidth}: 2.5rem; + ${calendarDoubleTokens.iconButtonPadding}: 1rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.625rem; + `, + xs: css` + ${calendarDoubleTokens.calendarWidth}: 37.063rem; + ${calendarDoubleTokens.calendarHeight}: 15.5rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.375rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 5.625rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 3.281rem; + + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.375rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 5.625rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 3.281rem; + + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarDoubleTokens.calendarDaysPadding}: 0.375rem 0 0 0; + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.375rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 2.5rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 1.875rem; + + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0; + + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family); + ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size); + ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style); + ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing); + ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height); + ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight); + ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 2rem; + ${calendarDoubleTokens.iconButtonWidth}: 2rem; + ${calendarDoubleTokens.iconButtonPadding}: 0.75rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.5rem; `, }, }, diff --git a/packages/plasma-new-hope/src/examples/plasma_b2c/components/DatePicker/DatePicker.config.ts b/packages/plasma-new-hope/src/examples/plasma_b2c/components/DatePicker/DatePicker.config.ts new file mode 100644 index 0000000000..4c525c7015 --- /dev/null +++ b/packages/plasma-new-hope/src/examples/plasma_b2c/components/DatePicker/DatePicker.config.ts @@ -0,0 +1,517 @@ +import { css } from '@linaria/core'; + +import { datePickerTokens as tokens } from '../../../../components/DatePicker'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + }, + variations: { + view: { + default: css` + ${tokens.background}: var(--surface-transparent-primary); + ${tokens.backgroundError}: var(--surface-transparent-negative); + ${tokens.backgroundSuccess}: var(--surface-transparent-positive); + + ${tokens.dividerColor}: var(--text-primary); + ${tokens.labelColor}: var(--text-primary); + ${tokens.leftHelperColor}: var(--text-secondary); + + ${tokens.textFieldColor}: var(--text-primary); + ${tokens.textFieldPlaceholderColor}: var(--text-secondary); + ${tokens.textFieldCaretColor}: var(--text-accent); + + ${tokens.textFieldBackgroundColor}: var(--surface-transparent-secondary); + ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary); + ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative); + ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active); + ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive); + ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active); + + ${tokens.textFieldTextBeforeColor}: var(--text-tertiary); + ${tokens.textFieldTextAfterColor}: var(--text-tertiary); + + ${tokens.focusColor}: var(--text-accent); + + ${tokens.calendarShadow}: var(--shadow-down-soft-s); + ${tokens.calendarSeparatorBackground}: var(--surface-transparent-secondary); + ${tokens.calendarBackgroundColor}: var(--surface-solid-card); + ${tokens.calendarSelectedItemBackground}: var(--surface-solid-default); + ${tokens.calendarSelectedItemColor}: var(--inverse-text-primary); + ${tokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary); + ${tokens.calendarCurrentItemBorderColor}: var(--surface-solid-default); + ${tokens.calendarCurrentItemBackgroundHover}: transparent; + ${tokens.calendarCurrentItemColorHover}: var(--text-primary); + ${tokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary); + ${tokens.calendarActiveItemBackground}: var(--surface-solid-default); + ${tokens.calendarActiveItemColor}: var(--inverse-text-primary); + ${tokens.calendarHoveredItemBackground}: var(--surface-accent); + ${tokens.calendarHoveredItemColor}: var(--text-primary); + ${tokens.calendarRangeBackground}: var(--surface-transparent-secondary); + ${tokens.calendarOutlineFocusColor}: var(--surface-accent); + ${tokens.calendarContentPrimaryColor}: var(--surface-solid-default); + ${tokens.calendarContentSecondaryColor}: var(--text-secondary); + + ${tokens.iconButtonColor}: var(--text-primary); + ${tokens.iconButtonBackgroundColor}: var(--surface-clear); + ${tokens.iconButtonColorHover}: var(--text-primary-hover); + ${tokens.iconButtonBackgroundColorHover}: var(--surface-clear); + ${tokens.iconButtonColorActive}: var(--text-primary-hover); + ${tokens.iconButtonBackgroundColorActive}: var(--surface-clear); + ${tokens.iconButtonFocusColor}: var(--surface-accent); + `, + }, + size: { + l: css` + ${tokens.width}: 26.5rem; + ${tokens.borderRadius}: 0.875rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.leftContentMargin}: 0 0 0 1rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.75rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.textFieldHeight}: 3.5rem; + ${tokens.textFieldBorderRadius}: 0.875rem; + ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarBorderRadius}: 0.875rem; + ${tokens.calendarWidth}: 26.5rem; + + ${tokens.calendarYearsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarYearItemBorderRadius}: 0.75rem; + ${tokens.calendarYearItemWidth}: 7.8125rem; + ${tokens.calendarYearItemHeight}: 5.25rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarMonthItemBorderRadius}: 0.75rem; + ${tokens.calendarMonthItemWidth}: 7.8125rem; + ${tokens.calendarMonthItemHeight}: 5.25rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarDayItemBorderRadius}: 0.75rem; + ${tokens.calendarDayItemWidth}: 3.5rem; + ${tokens.calendarDayItemHeight}: 3rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.875rem 1rem 0 1rem; + ${tokens.calendarHeaderArrowGap}: 0.5rem; + + ${tokens.calendarHeaderPadding}: 0 0 0 1rem; + ${tokens.calendarHeaderDateGap}: 0.5rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h3-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h3-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h3-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h3-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h3-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h3-bold-font-weight); + + ${tokens.iconButtonHeight}: 3.5rem; + ${tokens.iconButtonWidth}: 3.5rem; + ${tokens.iconButtonPadding}: 1.5rem; + ${tokens.iconButtonRadius}: 0.875rem; + `, + m: css` + ${tokens.width}: 23rem; + ${tokens.borderRadius}: 0.75rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.leftContentMargin}: 0 0 0 0.875rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.625rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.textFieldHeight}: 3rem; + ${tokens.textFieldBorderRadius}: 0.75rem; + ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarWidth}: 23rem; + ${tokens.calendarBorderRadius}: 0.875rem; + + ${tokens.calendarYearsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarYearItemBorderRadius}: 0.625rem; + ${tokens.calendarYearItemWidth}: 6.688rem; + ${tokens.calendarYearItemHeight}: 4.375rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarMonthItemBorderRadius}: 0.625rem; + ${tokens.calendarMonthItemWidth}: 6.688rem; + ${tokens.calendarMonthItemHeight}: 4.375rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarDayItemBorderRadius}: 0.625rem; + ${tokens.calendarDayItemWidth}: 3rem; + ${tokens.calendarDayItemHeight}: 2.5rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.75rem 1rem 0 1rem; + ${tokens.calendarHeaderArrowGap}: 0.5rem; + + ${tokens.calendarHeaderPadding}: 0 0 0 0.875rem; + ${tokens.calendarHeaderDateGap}: 0.375rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${tokens.iconButtonHeight}: 3rem; + ${tokens.iconButtonWidth}: 3rem; + ${tokens.iconButtonPadding}: 1.25rem; + ${tokens.iconButtonRadius}: 0.75rem; + `, + s: css` + ${tokens.width}: 19.5rem; + ${tokens.borderRadius}: 0.625rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.leftContentMargin}: 0 0 0 0.75rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.5rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.textFieldHeight}: 2.5rem; + ${tokens.textFieldBorderRadius}: 0.625rem; + ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarWidth}: 19.5rem; + ${tokens.calendarBorderRadius}: 0.875rem; + + ${tokens.calendarYearsPadding}: 0.5rem 1rem 0.875rem 1rem; + ${tokens.calendarYearItemBorderRadius}: 0.5rem; + ${tokens.calendarYearItemWidth}: 5.5rem; + ${tokens.calendarYearItemHeight}: 3.5rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 1rem 0.875rem 1rem; + ${tokens.calendarMonthItemBorderRadius}: 0.5rem; + ${tokens.calendarMonthItemWidth}: 5.5rem; + ${tokens.calendarMonthItemHeight}: 3.5rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.5rem 1rem 0.875rem 1rem; + ${tokens.calendarDayItemBorderRadius}: 0.5rem; + ${tokens.calendarDayItemWidth}: 2.5rem; + ${tokens.calendarDayItemHeight}: 2rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.75rem 1rem 0 1rem; + ${tokens.calendarHeaderArrowGap}: 0.5rem; + + ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${tokens.calendarHeaderDateGap}: 0.25rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${tokens.iconButtonHeight}: 2rem; + ${tokens.iconButtonWidth}: 2rem; + ${tokens.iconButtonPadding}: 0.75rem; + ${tokens.iconButtonRadius}: 0.5rem; + `, + xs: css` + ${tokens.width}: 19rem; + ${tokens.borderRadius}: 0.5rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.leftContentMargin}: 0 0 0 0.5rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.375rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldHeight}: 2rem; + ${tokens.textFieldBorderRadius}: 0.5rem; + ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarWidth}: 19rem; + ${tokens.calendarBorderRadius}: 0.5rem; + + ${tokens.calendarYearsPadding}: 0.5rem 0.75rem 0.625rem 0.75rem; + ${tokens.calendarYearItemBorderRadius}: 0.375rem; + ${tokens.calendarYearItemWidth}: 5.625rem; + ${tokens.calendarYearItemHeight}: 3.281rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 0.75rem 0.625rem 0.75rem; + ${tokens.calendarMonthItemBorderRadius}: 0.375rem; + ${tokens.calendarMonthItemWidth}: 5.625rem; + ${tokens.calendarMonthItemHeight}: 3.281rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.375rem 0.75rem 0.625rem 0.75rem; + ${tokens.calendarDayItemBorderRadius}: 0.375rem; + ${tokens.calendarDayItemWidth}: 2.5rem; + ${tokens.calendarDayItemHeight}: 2rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.5rem 0.75rem 0 0.75rem; + ${tokens.calendarHeaderArrowGap}: 0; + + ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${tokens.calendarHeaderDateGap}: 0.25rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight); + + ${tokens.iconButtonHeight}: 2rem; + ${tokens.iconButtonWidth}: 2rem; + ${tokens.iconButtonPadding}: 0.75rem; + ${tokens.iconButtonRadius}: 0.5rem; + `, + }, + disabled: { + true: css` + ${tokens.disabledOpacity}: 0.4; + `, + }, + readOnly: { + true: css` + ${tokens.backgroundReadOnly}: var(--surface-transparent-primary); + ${tokens.labelColorReadOnly}: var(--text-secondary); + ${tokens.leftHelperColorReadOnly}: var(--text-secondary); + ${tokens.dividerColorReadOnly}: var(--text-secondary); + + ${tokens.textFieldColorReadOnly}: var(--text-secondary); + ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary); + ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary); + `, + }, + }, +}; diff --git a/packages/plasma-new-hope/src/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx b/packages/plasma-new-hope/src/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx new file mode 100644 index 0000000000..225aaed0d9 --- /dev/null +++ b/packages/plasma-new-hope/src/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx @@ -0,0 +1,257 @@ +import React, { ComponentProps, useRef, useState } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { action } from '@storybook/addon-actions'; +import { IconPlaceholder } from '@salutejs/plasma-sb-utils'; + +import { WithTheme } from '../../../_helpers'; +import { IconButton } from '../IconButton/IconButton'; +import { RangeInputRefs } from '../../../../components/Range/Range.types'; + +import { DatePicker, DatePickerRange } from './DatePicker'; + +const onChangeValue = action('onChangeValue'); +const onBlur = action('onBlur'); +const onFocus = action('onFocus'); + +const onChangeFirstValue = action('onChangeFirstValue'); +const onChangeSecondValue = action('onChangeSecondValue'); + +const sizes = ['l', 'm', 's', 'xs']; +const views = ['default']; +const dividers = ['none', 'dash', 'icon']; + +const meta: Meta = { + title: 'plasma_b2c/DatePicker', + decorators: [WithTheme], + argTypes: { + view: { + options: views, + control: { + type: 'inline-radio', + }, + }, + size: { + options: sizes, + control: { + type: 'inline-radio', + }, + }, + min: { + control: { + type: 'date', + }, + }, + max: { + control: { + type: 'date', + }, + }, + }, +}; + +export default meta; + +type StoryPropsDefault = ComponentProps & { + enableContentLeft: boolean; + enableContentRight: boolean; +}; + +const StoryDefault = ({ + enableContentLeft, + enableContentRight, + valueError, + valueSuccess, + size, + ...rest +}: StoryPropsDefault) => { + const [isOpen, setIsOpen] = useState(false); + + const iconSize = size === 'xs' ? 'xs' : 's'; + + return ( + : undefined} + contentRight={enableContentRight ? : undefined} + onBlur={onBlur} + onFocus={onFocus} + onToggle={(is) => setIsOpen(is)} + onChangeValue={(e, currentValue) => { + onChangeValue(e, currentValue); + }} + onCommitDate={() => setIsOpen(false)} + {...rest} + /> + ); +}; + +export const Default: StoryObj = { + argTypes: { + defaultDate: { + control: { + type: 'date', + }, + }, + }, + args: { + label: 'Лейбл', + leftHelper: 'Подсказка к полю', + placeholder: '30.05.2024', + size: 'l', + view: 'default', + defaultDate: new Date(2024, 5, 14), + min: new Date(2024, 1, 1), + max: new Date(2024, 12, 29), + maskWithFormat: false, + disabled: false, + readOnly: false, + textBefore: '', + enableContentLeft: true, + enableContentRight: true, + valueError: false, + valueSuccess: false, + }, + render: (args) => , +}; + +type StoryPropsRange = ComponentProps & { + enableContentLeft: boolean; + enableContentRight: boolean; + enableFirstTextfieldContentLeft: boolean; + enableSecondTextfieldContentLeft: boolean; + enableFirstTextfieldContentRight: boolean; + enableSecondTextfieldContentRight: boolean; +}; + +const ActionButton = ({ size }) => { + const iconSize = size === 'xs' ? 'xs' : 's'; + return ( + + + + ); +}; + +const StoryRange = ({ + dividerVariant, + enableContentLeft, + enableContentRight, + firstTextfieldTextBefore, + secondTextfieldTextBefore, + enableFirstTextfieldContentLeft, + enableSecondTextfieldContentLeft, + enableFirstTextfieldContentRight, + enableSecondTextfieldContentRight, + firstValueError, + firstValueSuccess, + secondValueError, + secondValueSuccess, + size, + ...rest +}: StoryPropsRange) => { + const rangeRef = useRef(null); + + const [isOpen, setIsOpen] = useState(false); + const [firstDate, setFirstDate] = useState(''); + + const iconSize = size === 'xs' ? 'xs' : 's'; + const showDividerIcon = dividerVariant === 'icon'; + const showDefaultTextBefore = dividerVariant === 'none'; + + const dividerIconProps = { + dividerIcon: showDividerIcon ? : null, + dividerVariant, + }; + + return ( + : undefined} + contentRight={enableContentRight ? : undefined} + firstTextfieldContentLeft={ + enableFirstTextfieldContentLeft ? : undefined + } + firstTextfieldContentRight={ + enableFirstTextfieldContentRight ? : undefined + } + secondTextfieldContentLeft={ + enableSecondTextfieldContentLeft ? : undefined + } + secondTextfieldContentRight={ + enableSecondTextfieldContentRight ? : undefined + } + firstTextfieldTextBefore={ + showDefaultTextBefore ? firstTextfieldTextBefore || 'С' : firstTextfieldTextBefore + } + secondTextfieldTextBefore={ + showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore + } + onToggle={(is) => setIsOpen(is)} + onChangeFirstValue={(e, currentValue) => { + onChangeFirstValue(e, currentValue); + }} + onChangeSecondValue={(e, currentValue) => { + onChangeSecondValue(e, currentValue); + }} + onCommitFirstDate={(currentValue) => { + setFirstDate(currentValue); + }} + onCommitSecondDate={(currentValue) => { + firstDate && currentValue && setIsOpen(false); + }} + {...dividerIconProps} + {...rest} + /> + ); +}; + +export const Range: StoryObj = { + argTypes: { + dividerVariant: { + options: dividers, + control: { + type: 'inline-radio', + }, + }, + }, + args: { + label: 'Лейбл', + leftHelper: 'Подсказка к полю', + firstPlaceholder: '30.05.2024', + secondPlaceholder: '04.06.2024', + firstTextfieldTextBefore: '', + secondTextfieldTextBefore: '', + firstTextfieldTextAfter: '', + secondTextfieldTextAfter: '', + size: 'l', + view: 'default', + isDoubleCalendar: false, + dividerVariant: 'dash', + min: new Date(2024, 1, 1), + max: new Date(2024, 12, 29), + maskWithFormat: false, + disabled: false, + readOnly: false, + enableContentLeft: true, + enableContentRight: true, + enableFirstTextfieldContentLeft: false, + enableFirstTextfieldContentRight: false, + enableSecondTextfieldContentLeft: false, + enableSecondTextfieldContentRight: false, + + firstValueError: false, + firstValueSuccess: false, + secondValueError: false, + secondValueSuccess: false, + }, + render: (args) => , +}; diff --git a/packages/plasma-new-hope/src/examples/plasma_b2c/components/DatePicker/DatePicker.ts b/packages/plasma-new-hope/src/examples/plasma_b2c/components/DatePicker/DatePicker.ts new file mode 100644 index 0000000000..cd8ddb476c --- /dev/null +++ b/packages/plasma-new-hope/src/examples/plasma_b2c/components/DatePicker/DatePicker.ts @@ -0,0 +1,10 @@ +import { component, mergeConfig } from '../../../../engines'; +import { datePickerConfig, datePickerRangeConfig } from '../../../../components/DatePicker'; + +import { config } from './DatePicker.config'; + +const mergedConfig = mergeConfig(datePickerConfig, config); +export const DatePicker = component(mergedConfig); + +const mergedRangeConfig = mergeConfig(datePickerRangeConfig, config); +export const DatePickerRange = component(mergedRangeConfig); diff --git a/packages/plasma-new-hope/src/examples/plasma_b2c/components/Portal/Portal.stories.tsx b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Portal/Portal.stories.tsx new file mode 100644 index 0000000000..27496a1081 --- /dev/null +++ b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Portal/Portal.stories.tsx @@ -0,0 +1,57 @@ +import React, { useState, useRef } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import type { ComponentProps } from 'react'; +import { styled } from '@linaria/react'; + +import { Button } from '../Button/Button'; +import { WithTheme } from '../../../_helpers'; +import { Body } from '../../../typograpy/components/Body/Body'; + +import { Portal } from './Portal'; + +const meta: Meta = { + title: 'plasma_b2c/Portal', + decorators: [WithTheme], + args: { + disabled: false, + }, +}; + +export default meta; + +type StoryPortalProps = ComponentProps; + +const StyledWrapper = styled.div` + padding: 1.25rem; + margin-bottom: 0.625rem; + margin-top: 0.625rem; + + border: 1px solid; +`; + +const StoryDefault = ({ disabled }: StoryPortalProps) => { + const [show, setShow] = useState(false); + const containerRef = useRef(null); + + return ( + <> + + + Содержимое портала появится в нижнем блоке. + + Если портал выключен (disabled), то содержимое появится в данном блоке. + + {show && containerRef.current && ( + + Содержимое портала + + )} + + + + ); +}; + +export const Default: StoryObj = { + render: (args) => , +}; diff --git a/packages/plasma-new-hope/src/examples/plasma_b2c/components/Portal/Portal.ts b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Portal/Portal.ts new file mode 100644 index 0000000000..a0beda4ca0 --- /dev/null +++ b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Portal/Portal.ts @@ -0,0 +1,6 @@ +import { portalConfig } from '../../../../components/Portal'; +import { component, mergeConfig } from '../../../../engines'; + +const mergedConfig = mergeConfig(portalConfig); + +export const Portal = component(mergedConfig); diff --git a/packages/plasma-new-hope/src/examples/plasma_b2c/components/Range/Range.config.ts b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Range/Range.config.ts index 419dfcb7e7..bd69b3fd7e 100644 --- a/packages/plasma-new-hope/src/examples/plasma_b2c/components/Range/Range.config.ts +++ b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Range/Range.config.ts @@ -46,7 +46,7 @@ export const config = { ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height); - ${tokens.leftContentMargin}: 0 0.375rem 0 1rem; + ${tokens.leftContentMargin}: 0 0 0 1rem; ${tokens.rightContentMargin}: 0; ${tokens.labelOffset}: 0 0 0.75rem 0; @@ -92,7 +92,7 @@ export const config = { ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height); - ${tokens.leftContentMargin}: 0 0.375rem 0 0.875rem; + ${tokens.leftContentMargin}: 0 0 0 0.875rem; ${tokens.rightContentMargin}: 0; ${tokens.labelOffset}: 0 0 0.625rem 0; @@ -138,7 +138,7 @@ export const config = { ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height); - ${tokens.leftContentMargin}: 0 0.375rem 0 0.75rem; + ${tokens.leftContentMargin}: 0 0 0 0.75rem; ${tokens.rightContentMargin}: 0; ${tokens.labelOffset}: 0 0 0.5rem 0; @@ -184,7 +184,7 @@ export const config = { ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height); - ${tokens.leftContentMargin}: 0 0.25rem 0 0.5rem; + ${tokens.leftContentMargin}: 0 0 0 0.5rem; ${tokens.rightContentMargin}: 0; ${tokens.labelOffset}: 0 0 0.375rem 0; diff --git a/packages/plasma-new-hope/src/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx index 10db778a26..a17016b158 100644 --- a/packages/plasma-new-hope/src/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +++ b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx @@ -222,7 +222,7 @@ const StoryWithInsideScroll = ({
= { ...Default.argTypes, }, args: { - size: 'body1', + size: 'bodyM', ...Default.args, }, render: (args) => , @@ -60,7 +60,7 @@ export const Text: StoryObj = { ...Default.argTypes, }, args: { - size: 'body1', + size: 'bodyM', lines: 5, width: '', ...Default.args, @@ -86,5 +86,5 @@ export const Button: StoryObj = { args: { skeleton: true, }, - render: (args) => , + render: (args) => , }; diff --git a/packages/plasma-new-hope/src/examples/plasma_b2c/components/TextField/TextField.config.ts b/packages/plasma-new-hope/src/examples/plasma_b2c/components/TextField/TextField.config.ts index 90ef294131..0781767db1 100644 --- a/packages/plasma-new-hope/src/examples/plasma_b2c/components/TextField/TextField.config.ts +++ b/packages/plasma-new-hope/src/examples/plasma_b2c/components/TextField/TextField.config.ts @@ -1,10 +1,6 @@ import { css } from '@linaria/core'; -import { - textFieldTokens as tokens, - textField_labelPlacement_inner as labelPlacement_inner, - textField_labelPlacement_outer as labelPlacement_outer, -} from '../../../../components/TextField'; +import { textFieldTokens as tokens } from '../../../../components/TextField'; export const config = { defaults: { @@ -40,7 +36,6 @@ export const config = { ${tokens.focusColor}: var(--text-accent); `, - // TODO заменить --surface-transparent-positive на корректный токен positive: css` ${tokens.color}: var(--plasma-colors-primary); ${tokens.backgroundColor}: var(--surface-transparent-positive); @@ -67,7 +62,6 @@ export const config = { ${tokens.focusColor}: var(--text-accent); `, - // // TODO заменить --surface-transparent-warning на корректный токен warning: css` ${tokens.color}: var(--plasma-colors-primary); ${tokens.backgroundColor}: var(--surface-transparent-warning); @@ -94,7 +88,6 @@ export const config = { ${tokens.focusColor}: var(--text-accent); `, - // // TODO заменить --surface-transparent-negative на корректный токен negative: css` ${tokens.color}: var(--plasma-colors-primary); ${tokens.backgroundColor}: var(--surface-transparent-negative); @@ -341,34 +334,22 @@ export const config = { `, }, labelPlacement: { - inner: [ - labelPlacement_inner, - css` - &.${labelPlacement_inner} { - ${tokens.placeholderColor}: var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary))); - ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family); - ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size); - ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style); - ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight); - ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); - ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height); - } - `, - ], - outer: [ - labelPlacement_outer, - css` - &.${labelPlacement_outer} { - } - `, - ], + inner: css` + ${tokens.placeholderColor}: var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary))); + ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + outer: css``, }, disabled: { true: css` ${tokens.disabledOpacity}: 0.4; `, }, - // TODO заменить --surface-transparent-primary на корректный токен readOnly: { true: css` ${tokens.colorReadOnly}: var(--text-secondary); diff --git a/packages/plasma-new-hope/src/examples/plasma_web/components/Accordion/Accordion.stories.tsx b/packages/plasma-new-hope/src/examples/plasma_web/components/Accordion/Accordion.stories.tsx index 68bc73a979..002dcc3fe4 100644 --- a/packages/plasma-new-hope/src/examples/plasma_web/components/Accordion/Accordion.stories.tsx +++ b/packages/plasma-new-hope/src/examples/plasma_web/components/Accordion/Accordion.stories.tsx @@ -1,16 +1,26 @@ -import * as React from 'react'; -import type { ComponentProps } from 'react'; +import React from 'react'; +import type { ComponentProps, ReactNode } from 'react'; import type { StoryObj, Meta } from '@storybook/react'; import { disableProps } from '@salutejs/plasma-sb-utils'; import { mergeConfig } from '../../../../engines'; import { WithTheme, argTypesFromConfig } from '../../../_helpers'; import { accordionConfig } from '../../../../components/Accordion'; +import { Pin } from '../../../../utils/roundness'; import { config } from './Accordion.config'; import { Accordion, AccordionItem } from './Accordion'; -const meta: Meta = { +type AccordionItemCustomProps = { + type: 'arrow' | 'sign' | 'clear'; + title: string; + body: ReactNode; + pin?: Pin; +}; + +type AccordionProps = ComponentProps & AccordionItemCustomProps; + +const meta: Meta = { title: 'plasma_web/Accordion', decorators: [WithTheme], component: Accordion, @@ -19,7 +29,9 @@ const meta: Meta = { view: 'default', size: 'm', stretching: 'filled', + disabled: false, type: 'arrow', + pin: undefined, title: 'Как оплатить заправку бонусами СберСпасибо?', body: 'После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива', @@ -39,13 +51,27 @@ const meta: Meta = { type: 'select', }, }, + pin: { + options: [ + 'square-square', + 'square-clear', + 'clear-square', + 'clear-clear', + 'clear-circle', + 'circle-clear', + 'circle-circle', + ], + control: { + type: 'select', + }, + }, }, }; export default meta; -export const Default: StoryObj> = { - render: (props: ComponentProps) => { +export const Default: StoryObj = { + render: (props: AccordionProps) => { const args = { ...props, text: undefined }; return ( diff --git a/packages/plasma-new-hope/src/examples/plasma_web/components/Calendar/Calendar.stories.tsx b/packages/plasma-new-hope/src/examples/plasma_web/components/Calendar/Calendar.stories.tsx index 5bd7591258..544544de71 100644 --- a/packages/plasma-new-hope/src/examples/plasma_web/components/Calendar/Calendar.stories.tsx +++ b/packages/plasma-new-hope/src/examples/plasma_web/components/Calendar/Calendar.stories.tsx @@ -26,6 +26,12 @@ const meta: Meta = { type: 'date', }, }, + size: { + options: ['l', 'm', 's', 'xs'], + control: { + type: 'inline-radio', + }, + }, }, }; @@ -79,7 +85,7 @@ const baseEvents = [ ]; const StoryDefault = (args: CalendarProps) => { - const { isRange, isDouble, min, max, date, includeEdgeDates } = args; + const { isRange, isDouble, min, max, date, includeEdgeDates, size } = args; const [value, setValue] = useState(new Date(2023, 10, 16)); const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]); @@ -102,6 +108,7 @@ const StoryDefault = (args: CalendarProps) => { return ( = { isDouble: false, isRange: false, includeEdgeDates: false, + size: 'm', }, render: (args) => , }; const StoryBase = (args: CalendarBaseProps) => { - const { min, max, type, includeEdgeDates } = args; + const { min, max, type, includeEdgeDates, size } = args; const [value, setValue] = useState(new Date(2023, 10, 16)); const handleOnChange = useCallback((newValue: Date) => { @@ -147,6 +155,7 @@ const StoryBase = (args: CalendarBaseProps) => { return ( = { }, }, args: { + size: 'm', min: new Date(2023, 10, 1), max: new Date(2023, 11, 24), includeEdgeDates: false, @@ -178,7 +188,7 @@ export const Base: StoryObj = { }; const StoryDouble = (args: CalendarDoubleProps) => { - const { min, max, includeEdgeDates } = args; + const { min, max, includeEdgeDates, size } = args; const [value, setValue] = useState(new Date(2023, 10, 16)); const handleOnChange = useCallback((newValue: Date) => { setValue(newValue); @@ -196,6 +206,7 @@ const StoryDouble = (args: CalendarDoubleProps) => { return ( { export const Double: StoryObj = { args: { + size: 'm', min: new Date(2023, 10, 1), max: new Date(2023, 11, 24), includeEdgeDates: false, @@ -217,7 +229,7 @@ export const Double: StoryObj = { }; const StoryRange = (args: CalendarBaseRangeProps) => { - const { min, max, type, includeEdgeDates } = args; + const { min, max, type, includeEdgeDates, size } = args; const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 10, 15), new Date(2023, 10, 24)]); const handleOnChange = useCallback((newValue: [Date, Date?]) => { onChangeValue(newValue); @@ -238,6 +250,7 @@ const StoryRange = (args: CalendarBaseRangeProps) => { return ( = { }, }, args: { + size: 'm', min: new Date(2023, 10, 1), max: new Date(2023, 11, 24), includeEdgeDates: false, @@ -269,7 +283,7 @@ export const Range: StoryObj = { }; const StoryRangeDouble = (args: CalendarBaseRangeProps) => { - const { min, max, includeEdgeDates } = args; + const { min, max, includeEdgeDates, size } = args; const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 10, 15), new Date(2023, 10, 24)]); const handleOnChange = useCallback((newValue: [Date, Date?]) => { onChangeValue(newValue); @@ -290,6 +304,7 @@ const StoryRangeDouble = (args: CalendarBaseRangeProps) => { return ( { export const RangeDouble: StoryObj = { args: { + size: 'm', min: new Date(2023, 10, 1), max: new Date(2023, 11, 24), includeEdgeDates: false, @@ -311,7 +327,7 @@ export const RangeDouble: StoryObj = { }; const StoryWithPopover = (args: CalendarProps) => { - const { isDouble, min, max, includeEdgeDates } = args; + const { isDouble, min, max, includeEdgeDates, size } = args; const [isOpen, setIsOpen] = useState(false); const [textValue, setTextValue] = useState('2023-10-16'); const [value, setValue] = useState(new Date(textValue)); @@ -345,6 +361,7 @@ const StoryWithPopover = (args: CalendarProps) => { closeOnOverlayClick > { export const WithPopover: StoryObj = { args: { + size: 'm', min: new Date(2023, 9, 1), max: new Date(2023, 11, 24), isDouble: false, diff --git a/packages/plasma-new-hope/src/examples/plasma_web/components/Calendar/Calendar.ts b/packages/plasma-new-hope/src/examples/plasma_web/components/Calendar/Calendar.ts index 149a1c5cd0..9a0804f8ff 100644 --- a/packages/plasma-new-hope/src/examples/plasma_web/components/Calendar/Calendar.ts +++ b/packages/plasma-new-hope/src/examples/plasma_web/components/Calendar/Calendar.ts @@ -1,3 +1,5 @@ +import type { FC } from 'react'; + import { component, mergeConfig } from '../../../../engines'; import { calendarBaseConfig, calendarDoubleConfig, withRange } from '../../../../components/Calendar'; import type { CalendarBaseProps, CalendarDoubleProps } from '../../../../components/Calendar'; @@ -15,8 +17,8 @@ export const CalendarBaseRange = withRange(CalendarBase); export const CalendarDoubleRange = withRange(CalendarDouble); export const Calendar = boundCalendar({ - base: CalendarBase, + base: CalendarBase as FC, baseRange: CalendarBaseRange, - double: CalendarDouble, + double: CalendarDouble as FC, doubleRange: CalendarDoubleRange, }); diff --git a/packages/plasma-new-hope/src/examples/plasma_web/components/Calendar/CalendarBase.config.ts b/packages/plasma-new-hope/src/examples/plasma_web/components/Calendar/CalendarBase.config.ts index dcdef433a6..26672eace6 100644 --- a/packages/plasma-new-hope/src/examples/plasma_web/components/Calendar/CalendarBase.config.ts +++ b/packages/plasma-new-hope/src/examples/plasma_web/components/Calendar/CalendarBase.config.ts @@ -10,28 +10,142 @@ export const config = { variations: { view: { default: css` - ${calendarBaseTokens.calendarBackgroundColor}: transparent; - ${calendarBaseTokens.calendarSelectedItemBackground}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarSelectedItemColor}: var(--plasma-colors-background-primary); - ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(--plasma-colors-primary); + ${calendarBaseTokens.calendarSelectedItemBackground}: var(--surface-solid-default); + ${calendarBaseTokens.calendarSelectedItemColor}: var(--inverse-text-primary); + ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary); + ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(--surface-solid-default); ${calendarBaseTokens.calendarCurrentItemBackgroundHover}: transparent; - ${calendarBaseTokens.calendarCurrentItemColorHover}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarBaseTokens.calendarActiveItemBackground}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarActiveItemColor}: var(--plasma-colors-surface-solid03); - ${calendarBaseTokens.calendarHoveredItemBackground}: var(--plasma-colors-accent); - ${calendarBaseTokens.calendarHoveredItemColor}: var(--plasma-colors-background-primary); - ${calendarBaseTokens.calendarRangeBackground}: var(--plasma-colors-surface-liquid02); - ${calendarBaseTokens.calendarOutlineFocusColor}: var(--plasma-colors-button-focused); - ${calendarBaseTokens.calendarContentPrimaryColor}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarContentSecondaryColor}: var(--plasma-colors-secondary); + ${calendarBaseTokens.calendarCurrentItemColorHover}: var(--text-primary); + ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary); + ${calendarBaseTokens.calendarActiveItemBackground}: var(--surface-solid-default); + ${calendarBaseTokens.calendarActiveItemColor}: var(--inverse-text-primary); + ${calendarBaseTokens.calendarHoveredItemBackground}: var(--surface-accent); + ${calendarBaseTokens.calendarHoveredItemColor}: var(--text-primary); + ${calendarBaseTokens.calendarRangeBackground}: var(--surface-transparent-secondary); + ${calendarBaseTokens.calendarOutlineFocusColor}: var(--surface-accent); + ${calendarBaseTokens.calendarContentPrimaryColor}: var(--surface-solid-default); + ${calendarBaseTokens.calendarContentSecondaryColor}: var(--text-secondary); + ${calendarBaseTokens.calendarDayOfWeekColor}: var(--text-secondary); + + ${calendarBaseTokens.iconButtonColor}: var(--text-primary); + ${calendarBaseTokens.iconButtonBackgroundColor}: var(--surface-clear); + ${calendarBaseTokens.iconButtonColorHover}: var(--text-primary-hover); + ${calendarBaseTokens.iconButtonBackgroundColorHover}: var(--surface-clear); + ${calendarBaseTokens.iconButtonColorActive}: var(--text-primary-hover); + ${calendarBaseTokens.iconButtonBackgroundColorActive}: var(--surface-clear); + ${calendarBaseTokens.iconButtonFocusColor}: var(--surface-accent); `, }, size: { + l: css` + ${calendarBaseTokens.calendarWidth}: 24.5rem; + ${calendarBaseTokens.calendarHeight}: 25rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.75rem; + ${calendarBaseTokens.calendarYearItemWidth}: 7.8125rem; + ${calendarBaseTokens.calendarYearItemHeight}: 5.25rem; + + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.75rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 7.8125rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 5.25rem; + + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.75rem; + ${calendarBaseTokens.calendarDayItemWidth}: 3.5rem; + ${calendarBaseTokens.calendarDayItemHeight}: 3rem; + + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 3.5rem; + ${calendarBaseTokens.iconButtonWidth}: 3.5rem; + ${calendarBaseTokens.iconButtonPadding}: 1.5rem; + ${calendarBaseTokens.iconButtonRadius}: 0.875rem; + `, m: css` - ${calendarBaseTokens.calendarHeaderArrowContainerWidth}: 5.5rem; - ${calendarBaseTokens.calendarItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarWidth}: 21rem; + ${calendarBaseTokens.calendarHeight}: 21rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.625rem; + ${calendarBaseTokens.calendarYearItemWidth}: 6.688rem; + ${calendarBaseTokens.calendarYearItemHeight}: 4.375rem; + + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.625rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 6.688rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 4.375rem; + + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.625rem; + ${calendarBaseTokens.calendarDayItemWidth}: 3rem; + ${calendarBaseTokens.calendarDayItemHeight}: 2.5rem; + + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.375rem; + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); @@ -39,24 +153,133 @@ export const config = { ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 3rem; + ${calendarBaseTokens.iconButtonWidth}: 3rem; + ${calendarBaseTokens.iconButtonPadding}: 1.25rem; + ${calendarBaseTokens.iconButtonRadius}: 0.75rem; + `, + s: css` + ${calendarBaseTokens.calendarWidth}: 17.5rem; + ${calendarBaseTokens.calendarHeight}: 17rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarYearItemWidth}: 5.5rem; + ${calendarBaseTokens.calendarYearItemHeight}: 3.5rem; + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size); ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 5.5rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 3.5rem; + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size); ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarDayItemWidth}: 2.5rem; + ${calendarBaseTokens.calendarDayItemHeight}: 2rem; + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size); ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 2.5rem; + ${calendarBaseTokens.iconButtonWidth}: 2.5rem; + ${calendarBaseTokens.iconButtonPadding}: 1rem; + ${calendarBaseTokens.iconButtonRadius}: 0.625rem; + `, + xs: css` + ${calendarBaseTokens.calendarWidth}: 17.5rem; + ${calendarBaseTokens.calendarHeight}: 15.5rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.375rem; + ${calendarBaseTokens.calendarYearItemWidth}: 5.625rem; + ${calendarBaseTokens.calendarYearItemHeight}: 3.281rem; + + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.375rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 5.625rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 3.281rem; + + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.375rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarDayItemWidth}: 2.5rem; + ${calendarBaseTokens.calendarDayItemHeight}: 1.875rem; + + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family); + ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size); + ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style); + ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing); + ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height); + ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight); + ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 2rem; + ${calendarBaseTokens.iconButtonWidth}: 2rem; + ${calendarBaseTokens.iconButtonPadding}: 0.75rem; + ${calendarBaseTokens.iconButtonRadius}: 0.5rem; `, }, }, diff --git a/packages/plasma-new-hope/src/examples/plasma_web/components/Calendar/CalendarDouble.config.ts b/packages/plasma-new-hope/src/examples/plasma_web/components/Calendar/CalendarDouble.config.ts index 624c10c465..8c7b1ca7cb 100644 --- a/packages/plasma-new-hope/src/examples/plasma_web/components/Calendar/CalendarDouble.config.ts +++ b/packages/plasma-new-hope/src/examples/plasma_web/components/Calendar/CalendarDouble.config.ts @@ -10,28 +10,144 @@ export const config = { variations: { view: { default: css` + ${calendarDoubleTokens.calendarSeparatorBackground}: var(--surface-transparent-secondary); ${calendarDoubleTokens.calendarBackgroundColor}: transparent; - ${calendarDoubleTokens.calendarSelectedItemBackground}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarSelectedItemColor}: var(--plasma-colors-background-primary); - ${calendarDoubleTokens.calendarSelectableItemBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarCurrentItemBorderColor}: var(--plasma-colors-primary); + ${calendarDoubleTokens.calendarSelectedItemBackground}: var(--surface-solid-default); + ${calendarDoubleTokens.calendarSelectedItemColor}: var(--inverse-text-primary); + ${calendarDoubleTokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary); + ${calendarDoubleTokens.calendarCurrentItemBorderColor}: var(--surface-solid-default); ${calendarDoubleTokens.calendarCurrentItemBackgroundHover}: transparent; - ${calendarDoubleTokens.calendarCurrentItemColorHover}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarCurrentItemChildBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarActiveItemBackground}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarActiveItemColor}: var(--plasma-colors-surface-solid03); - ${calendarDoubleTokens.calendarHoveredItemBackground}: var(--plasma-colors-accent); - ${calendarDoubleTokens.calendarHoveredItemColor}: var(--plasma-colors-background-primary); - ${calendarDoubleTokens.calendarSeparatorBackground}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarRangeBackground}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarOutlineFocusColor}: var(--plasma-colors-button-focused); - ${calendarDoubleTokens.calendarContentPrimaryColor}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarContentSecondaryColor}: var(--plasma-colors-secondary); + ${calendarDoubleTokens.calendarCurrentItemColorHover}: var(--text-primary); + ${calendarDoubleTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary); + ${calendarDoubleTokens.calendarActiveItemBackground}: var(--surface-solid-default); + ${calendarDoubleTokens.calendarActiveItemColor}: var(--inverse-text-primary); + ${calendarDoubleTokens.calendarHoveredItemBackground}: var(--surface-accent); + ${calendarDoubleTokens.calendarHoveredItemColor}: var(--text-primary); + ${calendarDoubleTokens.calendarRangeBackground}: var(--surface-transparent-secondary); + ${calendarDoubleTokens.calendarOutlineFocusColor}: var(--surface-accent); + ${calendarDoubleTokens.calendarContentPrimaryColor}: var(--surface-solid-default); + ${calendarDoubleTokens.calendarContentSecondaryColor}: var(--text-secondary); + + ${calendarDoubleTokens.iconButtonColor}: var(--text-primary); + ${calendarDoubleTokens.iconButtonBackgroundColor}: var(--surface-clear); + ${calendarDoubleTokens.iconButtonColorHover}: var(--text-primary-hover); + ${calendarDoubleTokens.iconButtonBackgroundColorHover}: var(--surface-clear); + ${calendarDoubleTokens.iconButtonColorActive}: var(--text-primary-hover); + ${calendarDoubleTokens.iconButtonBackgroundColorActive}: var(--surface-clear); + ${calendarDoubleTokens.iconButtonFocusColor}: var(--surface-accent); `, }, size: { + l: css` + ${calendarDoubleTokens.calendarWidth}: 51.063rem; + ${calendarDoubleTokens.calendarHeight}: 25rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.75rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 7.8125rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 5.25rem; + + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.75rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 7.8125rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 5.25rem; + + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.75rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 3.5rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 3rem; + + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.5rem; + + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 3.5rem; + ${calendarDoubleTokens.iconButtonWidth}: 3.5rem; + ${calendarDoubleTokens.iconButtonPadding}: 1.5rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.875rem; + `, m: css` - ${calendarDoubleTokens.calendarItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarWidth}: 44.063rem; + ${calendarDoubleTokens.calendarHeight}: 21rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.625rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 6.688rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 4.375rem; + + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.625rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 6.688rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 4.375rem; + + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.625rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 3rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 2.5rem; + + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.375rem; + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); @@ -39,24 +155,133 @@ export const config = { ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 3rem; + ${calendarDoubleTokens.iconButtonWidth}: 3rem; + ${calendarDoubleTokens.iconButtonPadding}: 1.25rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.75rem; + `, + s: css` + ${calendarDoubleTokens.calendarWidth}: 37.063rem; + ${calendarDoubleTokens.calendarHeight}: 17rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 5.5rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 3.5rem; + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size); ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 5.5rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 3.5rem; + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size); ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 2.5rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 2rem; + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size); ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 2.5rem; + ${calendarDoubleTokens.iconButtonWidth}: 2.5rem; + ${calendarDoubleTokens.iconButtonPadding}: 1rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.625rem; + `, + xs: css` + ${calendarDoubleTokens.calendarWidth}: 37.063rem; + ${calendarDoubleTokens.calendarHeight}: 15.5rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.375rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 5.625rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 3.281rem; + + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.375rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 5.625rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 3.281rem; + + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarDoubleTokens.calendarDaysPadding}: 0.375rem 0 0 0; + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.375rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 2.5rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 1.875rem; + + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0; + + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family); + ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size); + ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style); + ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing); + ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height); + ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight); + ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 2rem; + ${calendarDoubleTokens.iconButtonWidth}: 2rem; + ${calendarDoubleTokens.iconButtonPadding}: 0.75rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.5rem; `, }, }, diff --git a/packages/plasma-new-hope/src/examples/plasma_web/components/DatePicker/DatePicker.config.ts b/packages/plasma-new-hope/src/examples/plasma_web/components/DatePicker/DatePicker.config.ts new file mode 100644 index 0000000000..6c37996569 --- /dev/null +++ b/packages/plasma-new-hope/src/examples/plasma_web/components/DatePicker/DatePicker.config.ts @@ -0,0 +1,530 @@ +import { css } from '@linaria/core'; + +import { datePickerTokens as tokens } from '../../../../components/DatePicker'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + }, + variations: { + view: { + default: css` + ${tokens.background}: var(--surface-clear); + ${tokens.borderColor}: var(--surface-transparent-tertiary); + ${tokens.borderColorError}: var(--surface-negative); + ${tokens.borderColorSuccess}: var(--surface-positive); + ${tokens.borderColorHover}: var(--plasma-colors-secondary); + ${tokens.borderColorFocus}: var(--surface-accent); + + ${tokens.dividerColor}: var(--text-primary); + ${tokens.labelColor}: var(--text-primary); + ${tokens.leftHelperColor}: var(--text-secondary); + + ${tokens.textFieldColor}: var(--text-primary); + ${tokens.textFieldPlaceholderColor}: var(--text-secondary); + ${tokens.textFieldCaretColor}: var(--text-accent); + + ${tokens.textFieldBorderColorFocus}: var(--surface-accent); + ${tokens.textFieldBorderColorError}: var(--surface-negative); + ${tokens.textFieldBorderColorErrorFocus}: var(--surface-accent); + ${tokens.textFieldBorderColorSuccess}: var(--surface-positive); + ${tokens.textFieldBorderColorSuccessFocus}: var(--surface-accent); + + ${tokens.textFieldTextBeforeColor}: var(--text-tertiary); + ${tokens.textFieldTextAfterColor}: var(--text-tertiary); + + ${tokens.focusColor}: var(--text-accent); + + ${tokens.calendarShadow}: var(--shadow-down-soft-s); + ${tokens.calendarSeparatorBackground}: var(--surface-transparent-secondary); + ${tokens.calendarBackgroundColor}: var(--surface-solid-card); + ${tokens.calendarSelectedItemBackground}: var(--surface-solid-default); + ${tokens.calendarSelectedItemColor}: var(--inverse-text-primary); + ${tokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary); + ${tokens.calendarCurrentItemBorderColor}: var(--surface-solid-default); + ${tokens.calendarCurrentItemBackgroundHover}: transparent; + ${tokens.calendarCurrentItemColorHover}: var(--text-primary); + ${tokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary); + ${tokens.calendarActiveItemBackground}: var(--surface-solid-default); + ${tokens.calendarActiveItemColor}: var(--inverse-text-primary); + ${tokens.calendarHoveredItemBackground}: var(--surface-accent); + ${tokens.calendarHoveredItemColor}: var(--text-primary); + ${tokens.calendarRangeBackground}: var(--surface-transparent-secondary); + ${tokens.calendarOutlineFocusColor}: var(--surface-accent); + ${tokens.calendarContentPrimaryColor}: var(--surface-solid-default); + ${tokens.calendarContentSecondaryColor}: var(--text-secondary); + + ${tokens.iconButtonColor}: var(--text-primary); + ${tokens.iconButtonBackgroundColor}: var(--surface-clear); + ${tokens.iconButtonColorHover}: var(--text-primary-hover); + ${tokens.iconButtonBackgroundColorHover}: var(--surface-clear); + ${tokens.iconButtonColorActive}: var(--text-primary-hover); + ${tokens.iconButtonBackgroundColorActive}: var(--surface-clear); + ${tokens.iconButtonFocusColor}: var(--surface-accent); + `, + }, + size: { + l: css` + ${tokens.width}: 26.5rem; + ${tokens.borderRadius}: 0.875rem; + ${tokens.borderWidth}: 0.0625rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.leftContentMargin}: 0 0 0 1rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.75rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.textFieldHeight}: 3.5rem; + ${tokens.textFieldBorderRadius}: 0.875rem; + ${tokens.textFieldBorderWidth}: 0.0625rem; + ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarBorderRadius}: 0.875rem; + ${tokens.calendarPaddingTop}: 0.875rem + ${tokens.calendarWidth}: 26.5rem; + + ${tokens.calendarYearsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarYearItemBorderRadius}: 0.75rem; + ${tokens.calendarYearItemWidth}: 7.8125rem; + ${tokens.calendarYearItemHeight}: 5.25rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarMonthItemBorderRadius}: 0.75rem; + ${tokens.calendarMonthItemWidth}: 7.8125rem; + ${tokens.calendarMonthItemHeight}: 5.25rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarDayItemBorderRadius}: 0.75rem; + ${tokens.calendarDayItemWidth}: 3.5rem; + ${tokens.calendarDayItemHeight}: 3rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.875rem 1rem 0 1rem; + ${tokens.calendarHeaderArrowGap}: 0.5rem; + + ${tokens.calendarHeaderPadding}: 0 0 0 1rem; + ${tokens.calendarHeaderDateGap}: 0.5rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h3-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h3-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h3-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h3-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h3-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h3-bold-font-weight); + + ${tokens.iconButtonHeight}: 3.5rem; + ${tokens.iconButtonWidth}: 3.5rem; + ${tokens.iconButtonPadding}: 1.5rem; + ${tokens.iconButtonRadius}: 0.875rem; + `, + m: css` + ${tokens.width}: 23rem; + ${tokens.borderRadius}: 0.75rem; + ${tokens.borderWidth}: 0.0625rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.leftContentMargin}: 0 0 0 0.875rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.625rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.textFieldHeight}: 3rem; + ${tokens.textFieldBorderRadius}: 0.75rem; + ${tokens.textFieldBorderWidth}: 0.0625rem; + ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarWidth}: 23rem; + ${tokens.calendarBorderRadius}: 0.875rem; + + ${tokens.calendarYearsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarYearItemBorderRadius}: 0.625rem; + ${tokens.calendarYearItemWidth}: 6.688rem; + ${tokens.calendarYearItemHeight}: 4.375rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarMonthItemBorderRadius}: 0.625rem; + ${tokens.calendarMonthItemWidth}: 6.688rem; + ${tokens.calendarMonthItemHeight}: 4.375rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarDayItemBorderRadius}: 0.625rem; + ${tokens.calendarDayItemWidth}: 3rem; + ${tokens.calendarDayItemHeight}: 2.5rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.75rem 1rem 0 1rem; + ${tokens.calendarHeaderArrowGap}: 0.5rem; + + ${tokens.calendarHeaderPadding}: 0 0 0 0.875rem; + ${tokens.calendarHeaderDateGap}: 0.375rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${tokens.iconButtonHeight}: 3rem; + ${tokens.iconButtonWidth}: 3rem; + ${tokens.iconButtonPadding}: 1.25rem; + ${tokens.iconButtonRadius}: 0.75rem; + `, + s: css` + ${tokens.width}: 19.5rem; + ${tokens.borderRadius}: 0.625rem; + ${tokens.borderWidth}: 0.0625rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.leftContentMargin}: 0 0.375rem 0 0.75rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.5rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.textFieldHeight}: 2.5rem; + ${tokens.textFieldBorderRadius}: 0.625rem; + ${tokens.textFieldBorderWidth}: 0.0625rem; + ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarWidth}: 19.5rem; + ${tokens.calendarBorderRadius}: 0.875rem; + + ${tokens.calendarYearsPadding}: 0.5rem 1rem 0.875rem 1rem; + ${tokens.calendarYearItemBorderRadius}: 0.5rem; + ${tokens.calendarYearItemWidth}: 5.5rem; + ${tokens.calendarYearItemHeight}: 3.5rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 1rem 0.875rem 1rem; + ${tokens.calendarMonthItemBorderRadius}: 0.5rem; + ${tokens.calendarMonthItemWidth}: 5.5rem; + ${tokens.calendarMonthItemHeight}: 3.5rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.5rem 1rem 0.875rem 1rem; + ${tokens.calendarDayItemBorderRadius}: 0.5rem; + ${tokens.calendarDayItemWidth}: 2.5rem; + ${tokens.calendarDayItemHeight}: 2rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.75rem 1rem 0 1rem; + ${tokens.calendarHeaderArrowGap}: 0.5rem; + + ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${tokens.calendarHeaderDateGap}: 0.25rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${tokens.iconButtonHeight}: 2rem; + ${tokens.iconButtonWidth}: 2rem; + ${tokens.iconButtonPadding}: 0.75rem; + ${tokens.iconButtonRadius}: 0.5rem; + `, + xs: css` + ${tokens.width}: 19rem; + ${tokens.borderRadius}: 0.5rem; + ${tokens.borderWidth}: 0.0625rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.leftContentMargin}: 0 0 0 0.5rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.375rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldHeight}: 2rem; + ${tokens.textFieldBorderRadius}: 0.5rem; + ${tokens.textFieldBorderWidth}: 0.0625rem; + ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarWidth}: 19rem; + ${tokens.calendarBorderRadius}: 0.5rem; + ${tokens.calendarPaddingTop}: 0.5rem + + ${tokens.calendarYearsPadding}: 0.5rem 0.75rem 0.625rem 0.75rem; + ${tokens.calendarYearItemBorderRadius}: 0.375rem; + ${tokens.calendarYearItemWidth}: 5.625rem; + ${tokens.calendarYearItemHeight}: 3.281rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 0.75rem 0.625rem 0.75rem; + ${tokens.calendarMonthItemBorderRadius}: 0.375rem; + ${tokens.calendarMonthItemWidth}: 5.625rem; + ${tokens.calendarMonthItemHeight}: 3.281rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.375rem 0.75rem 0.625rem 0.75rem; + ${tokens.calendarDayItemBorderRadius}: 0.375rem; + ${tokens.calendarDayItemWidth}: 2.5rem; + ${tokens.calendarDayItemHeight}: 2rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.5rem 0.75rem 0 0.75rem; + ${tokens.calendarHeaderArrowGap}: 0; + + ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${tokens.calendarHeaderDateGap}: 0.25rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight); + + ${tokens.iconButtonHeight}: 2rem; + ${tokens.iconButtonWidth}: 2rem; + ${tokens.iconButtonPadding}: 0.75rem; + ${tokens.iconButtonRadius}: 0.5rem; + `, + }, + disabled: { + true: css` + ${tokens.disabledOpacity}: 0.4; + `, + }, + readOnly: { + true: css` + ${tokens.backgroundReadOnly}: var(--surface-clear); + ${tokens.borderColorReadOnly}: var(--surface-transparent-tertiary); + ${tokens.labelColorReadOnly}: var(--text-secondary); + ${tokens.leftHelperColorReadOnly}: var(--text-secondary); + ${tokens.dividerColorReadOnly}: var(--text-secondary); + + ${tokens.textFieldColorReadOnly}: var(--text-secondary); + ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-clear); + ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary); + `, + }, + }, +}; diff --git a/packages/plasma-new-hope/src/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx b/packages/plasma-new-hope/src/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx new file mode 100644 index 0000000000..0628716e13 --- /dev/null +++ b/packages/plasma-new-hope/src/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx @@ -0,0 +1,257 @@ +import React, { ComponentProps, useRef, useState } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { action } from '@storybook/addon-actions'; +import { IconPlaceholder } from '@salutejs/plasma-sb-utils'; + +import { WithTheme } from '../../../_helpers'; +import { IconButton } from '../IconButton/IconButton'; +import { RangeInputRefs } from '../../../../components/Range/Range.types'; + +import { DatePicker, DatePickerRange } from './DatePicker'; + +const onChangeValue = action('onChangeValue'); +const onBlur = action('onBlur'); +const onFocus = action('onFocus'); + +const onChangeFirstValue = action('onChangeFirstValue'); +const onChangeSecondValue = action('onChangeSecondValue'); + +const sizes = ['l', 'm', 's', 'xs']; +const views = ['default']; +const dividers = ['none', 'dash', 'icon']; + +const meta: Meta = { + title: 'plasma_web/DatePicker', + decorators: [WithTheme], + argTypes: { + view: { + options: views, + control: { + type: 'inline-radio', + }, + }, + size: { + options: sizes, + control: { + type: 'inline-radio', + }, + }, + min: { + control: { + type: 'date', + }, + }, + max: { + control: { + type: 'date', + }, + }, + }, +}; + +export default meta; + +type StoryPropsDefault = ComponentProps & { + enableContentLeft: boolean; + enableContentRight: boolean; +}; + +const StoryDefault = ({ + enableContentLeft, + enableContentRight, + valueError, + valueSuccess, + size, + ...rest +}: StoryPropsDefault) => { + const [isOpen, setIsOpen] = useState(false); + + const iconSize = size === 'xs' ? 'xs' : 's'; + + return ( + : undefined} + contentRight={enableContentRight ? : undefined} + onBlur={onBlur} + onFocus={onFocus} + onToggle={(is) => setIsOpen(is)} + onChangeValue={(e, currentValue) => { + onChangeValue(e, currentValue); + }} + onCommitDate={() => setIsOpen(false)} + {...rest} + /> + ); +}; + +export const Default: StoryObj = { + argTypes: { + defaultDate: { + control: { + type: 'date', + }, + }, + }, + args: { + label: 'Лейбл', + leftHelper: 'Подсказка к полю', + placeholder: '30.05.2024', + size: 'l', + view: 'default', + defaultDate: new Date(2024, 5, 14), + min: new Date(2024, 1, 1), + max: new Date(2024, 12, 29), + maskWithFormat: false, + disabled: false, + readOnly: false, + textBefore: '', + enableContentLeft: true, + enableContentRight: true, + valueError: false, + valueSuccess: false, + }, + render: (args) => , +}; + +type StoryPropsRange = ComponentProps & { + enableContentLeft: boolean; + enableContentRight: boolean; + enableFirstTextfieldContentLeft: boolean; + enableSecondTextfieldContentLeft: boolean; + enableFirstTextfieldContentRight: boolean; + enableSecondTextfieldContentRight: boolean; +}; + +const ActionButton = ({ size }) => { + const iconSize = size === 'xs' ? 'xs' : 's'; + return ( + + + + ); +}; + +const StoryRange = ({ + dividerVariant, + enableContentLeft, + enableContentRight, + firstTextfieldTextBefore, + secondTextfieldTextBefore, + enableFirstTextfieldContentLeft, + enableSecondTextfieldContentLeft, + enableFirstTextfieldContentRight, + enableSecondTextfieldContentRight, + firstValueError, + firstValueSuccess, + secondValueError, + secondValueSuccess, + size, + ...rest +}: StoryPropsRange) => { + const rangeRef = useRef(null); + + const [isOpen, setIsOpen] = useState(false); + const [firstDate, setFirstDate] = useState(''); + + const iconSize = size === 'xs' ? 'xs' : 's'; + const showDividerIcon = dividerVariant === 'icon'; + const showDefaultTextBefore = dividerVariant === 'none'; + + const dividerIconProps = { + dividerIcon: showDividerIcon ? : null, + dividerVariant, + }; + + return ( + : undefined} + contentRight={enableContentRight ? : undefined} + firstTextfieldContentLeft={ + enableFirstTextfieldContentLeft ? : undefined + } + firstTextfieldContentRight={ + enableFirstTextfieldContentRight ? : undefined + } + secondTextfieldContentLeft={ + enableSecondTextfieldContentLeft ? : undefined + } + secondTextfieldContentRight={ + enableSecondTextfieldContentRight ? : undefined + } + firstTextfieldTextBefore={ + showDefaultTextBefore ? firstTextfieldTextBefore || 'С' : firstTextfieldTextBefore + } + secondTextfieldTextBefore={ + showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore + } + onToggle={(is) => setIsOpen(is)} + onChangeFirstValue={(e, currentValue) => { + onChangeFirstValue(e, currentValue); + }} + onChangeSecondValue={(e, currentValue) => { + onChangeSecondValue(e, currentValue); + }} + onCommitFirstDate={(currentValue) => { + setFirstDate(currentValue); + }} + onCommitSecondDate={(currentValue) => { + firstDate && currentValue && setIsOpen(false); + }} + {...dividerIconProps} + {...rest} + /> + ); +}; + +export const Range: StoryObj = { + argTypes: { + dividerVariant: { + options: dividers, + control: { + type: 'inline-radio', + }, + }, + }, + args: { + label: 'Лейбл', + leftHelper: 'Подсказка к полю', + firstPlaceholder: '30.05.2024', + secondPlaceholder: '04.06.2024', + firstTextfieldTextBefore: '', + secondTextfieldTextBefore: '', + firstTextfieldTextAfter: '', + secondTextfieldTextAfter: '', + size: 'l', + view: 'default', + isDoubleCalendar: false, + dividerVariant: 'dash', + min: new Date(2024, 1, 1), + max: new Date(2024, 12, 29), + maskWithFormat: false, + disabled: false, + readOnly: false, + enableContentLeft: true, + enableContentRight: true, + enableFirstTextfieldContentLeft: false, + enableFirstTextfieldContentRight: false, + enableSecondTextfieldContentLeft: false, + enableSecondTextfieldContentRight: false, + + firstValueError: false, + firstValueSuccess: false, + secondValueError: false, + secondValueSuccess: false, + }, + render: (args) => , +}; diff --git a/packages/plasma-new-hope/src/examples/plasma_web/components/DatePicker/DatePicker.ts b/packages/plasma-new-hope/src/examples/plasma_web/components/DatePicker/DatePicker.ts new file mode 100644 index 0000000000..cd8ddb476c --- /dev/null +++ b/packages/plasma-new-hope/src/examples/plasma_web/components/DatePicker/DatePicker.ts @@ -0,0 +1,10 @@ +import { component, mergeConfig } from '../../../../engines'; +import { datePickerConfig, datePickerRangeConfig } from '../../../../components/DatePicker'; + +import { config } from './DatePicker.config'; + +const mergedConfig = mergeConfig(datePickerConfig, config); +export const DatePicker = component(mergedConfig); + +const mergedRangeConfig = mergeConfig(datePickerRangeConfig, config); +export const DatePickerRange = component(mergedRangeConfig); diff --git a/packages/plasma-new-hope/src/examples/plasma_web/components/Portal/Portal.stories.tsx b/packages/plasma-new-hope/src/examples/plasma_web/components/Portal/Portal.stories.tsx new file mode 100644 index 0000000000..9260371f73 --- /dev/null +++ b/packages/plasma-new-hope/src/examples/plasma_web/components/Portal/Portal.stories.tsx @@ -0,0 +1,57 @@ +import React, { useState, useRef } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import type { ComponentProps } from 'react'; +import { styled } from '@linaria/react'; + +import { Button } from '../Button/Button'; +import { WithTheme } from '../../../_helpers'; +import { Body } from '../../../typograpy/components/Body/Body'; + +import { Portal } from './Portal'; + +const meta: Meta = { + title: 'plasma_web/Portal', + decorators: [WithTheme], + args: { + disabled: false, + }, +}; + +export default meta; + +type StoryPortalProps = ComponentProps; + +const StyledWrapper = styled.div` + padding: 1.25rem; + margin-bottom: 0.625rem; + margin-top: 0.625rem; + + border: 1px solid; +`; + +const StoryDefault = ({ disabled }: StoryPortalProps) => { + const [show, setShow] = useState(false); + const containerRef = useRef(null); + + return ( + <> + + + Содержимое портала появится в нижнем блоке. + + Если портал выключен (disabled), то содержимое появится в данном блоке. + + {show && containerRef.current && ( + + Содержимое портала + + )} + + + + ); +}; + +export const Default: StoryObj = { + render: (args) => , +}; diff --git a/packages/plasma-new-hope/src/examples/plasma_web/components/Portal/Portal.ts b/packages/plasma-new-hope/src/examples/plasma_web/components/Portal/Portal.ts new file mode 100644 index 0000000000..a0beda4ca0 --- /dev/null +++ b/packages/plasma-new-hope/src/examples/plasma_web/components/Portal/Portal.ts @@ -0,0 +1,6 @@ +import { portalConfig } from '../../../../components/Portal'; +import { component, mergeConfig } from '../../../../engines'; + +const mergedConfig = mergeConfig(portalConfig); + +export const Portal = component(mergedConfig); diff --git a/packages/plasma-new-hope/src/examples/plasma_web/components/Range/Range.config.ts b/packages/plasma-new-hope/src/examples/plasma_web/components/Range/Range.config.ts index c8d17a98fe..9e0839c415 100644 --- a/packages/plasma-new-hope/src/examples/plasma_web/components/Range/Range.config.ts +++ b/packages/plasma-new-hope/src/examples/plasma_web/components/Range/Range.config.ts @@ -48,7 +48,7 @@ export const config = { ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height); - ${tokens.leftContentMargin}: 0 0.375rem 0 1rem; + ${tokens.leftContentMargin}: 0 0 0 1rem; ${tokens.rightContentMargin}: 0; ${tokens.labelOffset}: 0 0 0.75rem 0; @@ -96,7 +96,7 @@ export const config = { ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height); - ${tokens.leftContentMargin}: 0 0.375rem 0 0.875rem; + ${tokens.leftContentMargin}: 0 0 0 0.875rem; ${tokens.rightContentMargin}: 0; ${tokens.labelOffset}: 0 0 0.625rem 0; @@ -144,7 +144,7 @@ export const config = { ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height); - ${tokens.leftContentMargin}: 0 0.375rem 0 0.75rem; + ${tokens.leftContentMargin}: 0 0 0 0.75rem; ${tokens.rightContentMargin}: 0; ${tokens.labelOffset}: 0 0 0.5rem 0; @@ -192,7 +192,7 @@ export const config = { ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height); - ${tokens.leftContentMargin}: 0 0.25rem 0 0.5rem; + ${tokens.leftContentMargin}: 0 0 0 0.5rem; ${tokens.rightContentMargin}: 0; ${tokens.labelOffset}: 0 0 0.375rem 0; diff --git a/packages/plasma-new-hope/src/examples/plasma_web/components/Sheet/Sheet.stories.tsx b/packages/plasma-new-hope/src/examples/plasma_web/components/Sheet/Sheet.stories.tsx index a6f79b1352..66ce608f7b 100644 --- a/packages/plasma-new-hope/src/examples/plasma_web/components/Sheet/Sheet.stories.tsx +++ b/packages/plasma-new-hope/src/examples/plasma_web/components/Sheet/Sheet.stories.tsx @@ -222,7 +222,7 @@ const StoryWithInsideScroll = ({
= { ...Default.argTypes, }, args: { - size: 'body1', + size: 'bodyM', ...Default.args, }, render: (args) => , @@ -60,7 +60,7 @@ export const Text: StoryObj = { ...Default.argTypes, }, args: { - size: 'body1', + size: 'bodyM', lines: 5, width: '', ...Default.args, @@ -86,5 +86,5 @@ export const Button: StoryObj = { args: { skeleton: true, }, - render: (args) => , + render: (args) => , }; diff --git a/packages/plasma-new-hope/src/examples/plasma_web/components/TextField/TextField.config.ts b/packages/plasma-new-hope/src/examples/plasma_web/components/TextField/TextField.config.ts index 2a9407c019..8679b0676e 100644 --- a/packages/plasma-new-hope/src/examples/plasma_web/components/TextField/TextField.config.ts +++ b/packages/plasma-new-hope/src/examples/plasma_web/components/TextField/TextField.config.ts @@ -1,10 +1,6 @@ import { css } from '@linaria/core'; -import { - textFieldTokens as tokens, - textField_labelPlacement_inner as labelPlacement_inner, - textField_labelPlacement_outer as labelPlacement_outer, -} from '../../../../components/TextField'; +import { textFieldTokens as tokens } from '../../../../components/TextField'; export const config = { defaults: { @@ -334,34 +330,22 @@ export const config = { `, }, labelPlacement: { - inner: [ - labelPlacement_inner, - css` - &.${labelPlacement_inner} { - ${tokens.placeholderColor}: var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary))); - ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family); - ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size); - ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style); - ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight); - ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); - ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height); - } - `, - ], - outer: [ - labelPlacement_outer, - css` - &.${labelPlacement_outer} { - } - `, - ], + inner: css` + ${tokens.placeholderColor}: var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary))); + ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + outer: css``, }, disabled: { true: css` ${tokens.disabledOpacity}: 0.4; `, }, - // TODO заменить --surface-transparent-primary на корректный токен readOnly: { true: css` ${tokens.colorReadOnly}: var(--text-primary); diff --git a/packages/plasma-new-hope/src/examples/sds_engineer/components/Calendar/Calendar.stories.tsx b/packages/plasma-new-hope/src/examples/sds_engineer/components/Calendar/Calendar.stories.tsx index 2434df2271..2ff5e71e83 100644 --- a/packages/plasma-new-hope/src/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +++ b/packages/plasma-new-hope/src/examples/sds_engineer/components/Calendar/Calendar.stories.tsx @@ -26,6 +26,12 @@ const meta: Meta = { type: 'date', }, }, + size: { + options: ['l', 'm', 's', 'xs'], + control: { + type: 'inline-radio', + }, + }, }, }; @@ -79,7 +85,7 @@ const baseEvents = [ ]; const StoryDefault = (args: CalendarProps) => { - const { isRange, isDouble, min, max, date, includeEdgeDates } = args; + const { isRange, isDouble, min, max, date, includeEdgeDates, size } = args; const [value, setValue] = useState(new Date(2023, 10, 16)); const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]); @@ -102,6 +108,7 @@ const StoryDefault = (args: CalendarProps) => { return ( = { isDouble: false, isRange: false, includeEdgeDates: false, + size: 'm', }, render: (args) => , }; const StoryBase = (args: CalendarBaseProps) => { - const { min, max, type, includeEdgeDates } = args; + const { min, max, type, includeEdgeDates, size } = args; const [value, setValue] = useState(new Date(2023, 10, 16)); const handleOnChange = useCallback((newValue: Date) => { @@ -147,6 +155,7 @@ const StoryBase = (args: CalendarBaseProps) => { return ( = { }, }, args: { + size: 'm', min: new Date(2023, 10, 1), max: new Date(2023, 11, 24), includeEdgeDates: false, @@ -178,7 +188,7 @@ export const Base: StoryObj = { }; const StoryDouble = (args: CalendarDoubleProps) => { - const { min, max, includeEdgeDates } = args; + const { min, max, includeEdgeDates, size } = args; const [value, setValue] = useState(new Date(2023, 10, 16)); const handleOnChange = useCallback((newValue: Date) => { setValue(newValue); @@ -196,6 +206,7 @@ const StoryDouble = (args: CalendarDoubleProps) => { return ( { export const Double: StoryObj = { args: { + size: 'm', min: new Date(2023, 10, 1), max: new Date(2023, 11, 24), includeEdgeDates: false, @@ -217,7 +229,7 @@ export const Double: StoryObj = { }; const StoryRange = (args: CalendarBaseRangeProps) => { - const { min, max, type, includeEdgeDates } = args; + const { min, max, type, includeEdgeDates, size } = args; const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 10, 15), new Date(2023, 10, 24)]); const handleOnChange = useCallback((newValue: [Date, Date?]) => { onChangeValue(newValue); @@ -238,6 +250,7 @@ const StoryRange = (args: CalendarBaseRangeProps) => { return ( = { }, }, args: { + size: 'm', min: new Date(2023, 10, 1), max: new Date(2023, 11, 24), includeEdgeDates: false, @@ -269,7 +283,7 @@ export const Range: StoryObj = { }; const StoryRangeDouble = (args: CalendarBaseRangeProps) => { - const { min, max, includeEdgeDates } = args; + const { min, max, includeEdgeDates, size } = args; const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 10, 15), new Date(2023, 10, 24)]); const handleOnChange = useCallback((newValue: [Date, Date?]) => { onChangeValue(newValue); @@ -290,6 +304,7 @@ const StoryRangeDouble = (args: CalendarBaseRangeProps) => { return ( { export const RangeDouble: StoryObj = { args: { + size: 'm', min: new Date(2023, 10, 1), max: new Date(2023, 11, 24), includeEdgeDates: false, @@ -311,7 +327,7 @@ export const RangeDouble: StoryObj = { }; const StoryWithPopover = (args: CalendarProps) => { - const { isDouble, min, max, includeEdgeDates } = args; + const { isDouble, min, max, includeEdgeDates, size } = args; const [isOpen, setIsOpen] = useState(false); const [textValue, setTextValue] = useState('2023-10-16'); const [value, setValue] = useState(new Date(textValue)); @@ -345,6 +361,7 @@ const StoryWithPopover = (args: CalendarProps) => { closeOnOverlayClick > { export const WithPopover: StoryObj = { args: { + size: 'm', min: new Date(2023, 9, 1), max: new Date(2023, 11, 24), isDouble: false, diff --git a/packages/plasma-new-hope/src/examples/sds_engineer/components/Calendar/Calendar.ts b/packages/plasma-new-hope/src/examples/sds_engineer/components/Calendar/Calendar.ts index 149a1c5cd0..9a0804f8ff 100644 --- a/packages/plasma-new-hope/src/examples/sds_engineer/components/Calendar/Calendar.ts +++ b/packages/plasma-new-hope/src/examples/sds_engineer/components/Calendar/Calendar.ts @@ -1,3 +1,5 @@ +import type { FC } from 'react'; + import { component, mergeConfig } from '../../../../engines'; import { calendarBaseConfig, calendarDoubleConfig, withRange } from '../../../../components/Calendar'; import type { CalendarBaseProps, CalendarDoubleProps } from '../../../../components/Calendar'; @@ -15,8 +17,8 @@ export const CalendarBaseRange = withRange(CalendarBase); export const CalendarDoubleRange = withRange(CalendarDouble); export const Calendar = boundCalendar({ - base: CalendarBase, + base: CalendarBase as FC, baseRange: CalendarBaseRange, - double: CalendarDouble, + double: CalendarDouble as FC, doubleRange: CalendarDoubleRange, }); diff --git a/packages/plasma-new-hope/src/examples/sds_engineer/components/Calendar/CalendarBase.config.ts b/packages/plasma-new-hope/src/examples/sds_engineer/components/Calendar/CalendarBase.config.ts index dcdef433a6..44be2018eb 100644 --- a/packages/plasma-new-hope/src/examples/sds_engineer/components/Calendar/CalendarBase.config.ts +++ b/packages/plasma-new-hope/src/examples/sds_engineer/components/Calendar/CalendarBase.config.ts @@ -10,28 +10,142 @@ export const config = { variations: { view: { default: css` - ${calendarBaseTokens.calendarBackgroundColor}: transparent; - ${calendarBaseTokens.calendarSelectedItemBackground}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarSelectedItemColor}: var(--plasma-colors-background-primary); - ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(--plasma-colors-primary); + ${calendarBaseTokens.calendarSelectedItemBackground}: var(--surface-solid-default); + ${calendarBaseTokens.calendarSelectedItemColor}: var(--inverse-text-primary); + ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary); + ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(--surface-solid-default); ${calendarBaseTokens.calendarCurrentItemBackgroundHover}: transparent; - ${calendarBaseTokens.calendarCurrentItemColorHover}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarBaseTokens.calendarActiveItemBackground}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarActiveItemColor}: var(--plasma-colors-surface-solid03); - ${calendarBaseTokens.calendarHoveredItemBackground}: var(--plasma-colors-accent); - ${calendarBaseTokens.calendarHoveredItemColor}: var(--plasma-colors-background-primary); - ${calendarBaseTokens.calendarRangeBackground}: var(--plasma-colors-surface-liquid02); - ${calendarBaseTokens.calendarOutlineFocusColor}: var(--plasma-colors-button-focused); - ${calendarBaseTokens.calendarContentPrimaryColor}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarContentSecondaryColor}: var(--plasma-colors-secondary); + ${calendarBaseTokens.calendarCurrentItemColorHover}: var(--text-primary); + ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary); + ${calendarBaseTokens.calendarActiveItemBackground}: var(--surface-solid-default); + ${calendarBaseTokens.calendarActiveItemColor}: var(--inverse-text-primary); + ${calendarBaseTokens.calendarHoveredItemBackground}: var(--surface-accent); + ${calendarBaseTokens.calendarHoveredItemColor}: var(--text-primary); + ${calendarBaseTokens.calendarRangeBackground}: var(--surface-transparent-secondary); + ${calendarBaseTokens.calendarOutlineFocusColor}: var(--surface-accent); + ${calendarBaseTokens.calendarContentPrimaryColor}: var(--surface-solid-default); + ${calendarBaseTokens.calendarContentSecondaryColor}: var(--text-secondary); + ${calendarBaseTokens.calendarDayOfWeekColor}: var(--text-secondary); + + ${calendarBaseTokens.iconButtonColor}: var(--text-primary); + ${calendarBaseTokens.iconButtonBackgroundColor}: var(--surface-clear); + ${calendarBaseTokens.iconButtonColorHover}: var(--text-primary-hover); + ${calendarBaseTokens.iconButtonBackgroundColorHover}: var(--surface-clear); + ${calendarBaseTokens.iconButtonColorActive}: var(--text-primary-active); + ${calendarBaseTokens.iconButtonBackgroundColorActive}: var(--surface-clear); + ${calendarBaseTokens.iconButtonFocusColor}: var(--surface-accent); `, }, size: { + l: css` + ${calendarBaseTokens.calendarWidth}: 24.5rem; + ${calendarBaseTokens.calendarHeight}: 25rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.75rem; + ${calendarBaseTokens.calendarYearItemWidth}: 7.8125rem; + ${calendarBaseTokens.calendarYearItemHeight}: 5.25rem; + + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.75rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 7.8125rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 5.25rem; + + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.75rem; + ${calendarBaseTokens.calendarDayItemWidth}: 3.5rem; + ${calendarBaseTokens.calendarDayItemHeight}: 3rem; + + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 3.5rem; + ${calendarBaseTokens.iconButtonWidth}: 3.5rem; + ${calendarBaseTokens.iconButtonPadding}: 1.5rem; + ${calendarBaseTokens.iconButtonRadius}: 0.875rem; + `, m: css` - ${calendarBaseTokens.calendarHeaderArrowContainerWidth}: 5.5rem; - ${calendarBaseTokens.calendarItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarWidth}: 21rem; + ${calendarBaseTokens.calendarHeight}: 21rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.625rem; + ${calendarBaseTokens.calendarYearItemWidth}: 6.688rem; + ${calendarBaseTokens.calendarYearItemHeight}: 4.375rem; + + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.625rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 6.688rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 4.375rem; + + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.625rem; + ${calendarBaseTokens.calendarDayItemWidth}: 3rem; + ${calendarBaseTokens.calendarDayItemHeight}: 2.5rem; + + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.375rem; + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); @@ -39,24 +153,133 @@ export const config = { ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 3rem; + ${calendarBaseTokens.iconButtonWidth}: 3rem; + ${calendarBaseTokens.iconButtonPadding}: 1.25rem; + ${calendarBaseTokens.iconButtonRadius}: 0.75rem; + `, + s: css` + ${calendarBaseTokens.calendarWidth}: 17.5rem; + ${calendarBaseTokens.calendarHeight}: 17rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarYearItemWidth}: 5.5rem; + ${calendarBaseTokens.calendarYearItemHeight}: 3.5rem; + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size); ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 5.5rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 3.5rem; + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size); ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarDayItemWidth}: 2.5rem; + ${calendarBaseTokens.calendarDayItemHeight}: 2rem; + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size); ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 2.5rem; + ${calendarBaseTokens.iconButtonWidth}: 2.5rem; + ${calendarBaseTokens.iconButtonPadding}: 1rem; + ${calendarBaseTokens.iconButtonRadius}: 0.625rem; + `, + xs: css` + ${calendarBaseTokens.calendarWidth}: 17.5rem; + ${calendarBaseTokens.calendarHeight}: 15.5rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.375rem; + ${calendarBaseTokens.calendarYearItemWidth}: 5.625rem; + ${calendarBaseTokens.calendarYearItemHeight}: 3.281rem; + + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.375rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 5.625rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 3.281rem; + + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.375rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarDayItemWidth}: 2.5rem; + ${calendarBaseTokens.calendarDayItemHeight}: 1.875rem; + + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family); + ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size); + ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style); + ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing); + ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height); + ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight); + ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 2rem; + ${calendarBaseTokens.iconButtonWidth}: 2rem; + ${calendarBaseTokens.iconButtonPadding}: 0.75rem; + ${calendarBaseTokens.iconButtonRadius}: 0.5rem; `, }, }, diff --git a/packages/plasma-new-hope/src/examples/sds_engineer/components/Calendar/CalendarDouble.config.ts b/packages/plasma-new-hope/src/examples/sds_engineer/components/Calendar/CalendarDouble.config.ts index 624c10c465..6a8a0a6f3a 100644 --- a/packages/plasma-new-hope/src/examples/sds_engineer/components/Calendar/CalendarDouble.config.ts +++ b/packages/plasma-new-hope/src/examples/sds_engineer/components/Calendar/CalendarDouble.config.ts @@ -10,28 +10,144 @@ export const config = { variations: { view: { default: css` + ${calendarDoubleTokens.calendarSeparatorBackground}: var(--surface-transparent-secondary); ${calendarDoubleTokens.calendarBackgroundColor}: transparent; - ${calendarDoubleTokens.calendarSelectedItemBackground}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarSelectedItemColor}: var(--plasma-colors-background-primary); - ${calendarDoubleTokens.calendarSelectableItemBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarCurrentItemBorderColor}: var(--plasma-colors-primary); + ${calendarDoubleTokens.calendarSelectedItemBackground}: var(--surface-solid-default); + ${calendarDoubleTokens.calendarSelectedItemColor}: var(--inverse-text-primary); + ${calendarDoubleTokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary); + ${calendarDoubleTokens.calendarCurrentItemBorderColor}: var(--surface-solid-default); ${calendarDoubleTokens.calendarCurrentItemBackgroundHover}: transparent; - ${calendarDoubleTokens.calendarCurrentItemColorHover}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarCurrentItemChildBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarActiveItemBackground}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarActiveItemColor}: var(--plasma-colors-surface-solid03); - ${calendarDoubleTokens.calendarHoveredItemBackground}: var(--plasma-colors-accent); - ${calendarDoubleTokens.calendarHoveredItemColor}: var(--plasma-colors-background-primary); - ${calendarDoubleTokens.calendarSeparatorBackground}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarRangeBackground}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarOutlineFocusColor}: var(--plasma-colors-button-focused); - ${calendarDoubleTokens.calendarContentPrimaryColor}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarContentSecondaryColor}: var(--plasma-colors-secondary); + ${calendarDoubleTokens.calendarCurrentItemColorHover}: var(--text-primary); + ${calendarDoubleTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary); + ${calendarDoubleTokens.calendarActiveItemBackground}: var(--surface-solid-default); + ${calendarDoubleTokens.calendarActiveItemColor}: var(--inverse-text-primary); + ${calendarDoubleTokens.calendarHoveredItemBackground}: var(--surface-accent); + ${calendarDoubleTokens.calendarHoveredItemColor}: var(--text-primary); + ${calendarDoubleTokens.calendarRangeBackground}: var(--surface-transparent-secondary); + ${calendarDoubleTokens.calendarOutlineFocusColor}: var(--surface-accent); + ${calendarDoubleTokens.calendarContentPrimaryColor}: var(--surface-solid-default); + ${calendarDoubleTokens.calendarContentSecondaryColor}: var(--text-secondary); + + ${calendarDoubleTokens.iconButtonColor}: var(--text-primary); + ${calendarDoubleTokens.iconButtonBackgroundColor}: var(--surface-clear); + ${calendarDoubleTokens.iconButtonColorHover}: var(--text-primary-hover); + ${calendarDoubleTokens.iconButtonBackgroundColorHover}: var(--surface-clear); + ${calendarDoubleTokens.iconButtonColorActive}: var(--text-primary-active); + ${calendarDoubleTokens.iconButtonBackgroundColorActive}: var(--surface-clear); + ${calendarDoubleTokens.iconButtonFocusColor}: var(--surface-accent); `, }, size: { + l: css` + ${calendarDoubleTokens.calendarWidth}: 51.063rem; + ${calendarDoubleTokens.calendarHeight}: 25rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.75rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 7.8125rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 5.25rem; + + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.75rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 7.8125rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 5.25rem; + + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.75rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 3.5rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 3rem; + + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.5rem; + + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 3.5rem; + ${calendarDoubleTokens.iconButtonWidth}: 3.5rem; + ${calendarDoubleTokens.iconButtonPadding}: 1.5rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.875rem; + `, m: css` - ${calendarDoubleTokens.calendarItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarWidth}: 44.063rem; + ${calendarDoubleTokens.calendarHeight}: 21rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.625rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 6.688rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 4.375rem; + + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.625rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 6.688rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 4.375rem; + + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.625rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 3rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 2.5rem; + + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.375rem; + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); @@ -39,24 +155,133 @@ export const config = { ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 3rem; + ${calendarDoubleTokens.iconButtonWidth}: 3rem; + ${calendarDoubleTokens.iconButtonPadding}: 1.25rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.75rem; + `, + s: css` + ${calendarDoubleTokens.calendarWidth}: 37.063rem; + ${calendarDoubleTokens.calendarHeight}: 17rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 5.5rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 3.5rem; + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size); ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 5.5rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 3.5rem; + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size); ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 2.5rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 2rem; + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size); ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 2.5rem; + ${calendarDoubleTokens.iconButtonWidth}: 2.5rem; + ${calendarDoubleTokens.iconButtonPadding}: 1rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.625rem; + `, + xs: css` + ${calendarDoubleTokens.calendarWidth}: 37.063rem; + ${calendarDoubleTokens.calendarHeight}: 15.5rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.375rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 5.625rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 3.281rem; + + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.375rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 5.625rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 3.281rem; + + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarDoubleTokens.calendarDaysPadding}: 0.375rem 0 0 0; + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.375rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 2.5rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 1.875rem; + + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0; + + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family); + ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size); + ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style); + ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing); + ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height); + ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight); + ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 2rem; + ${calendarDoubleTokens.iconButtonWidth}: 2rem; + ${calendarDoubleTokens.iconButtonPadding}: 0.75rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.5rem; `, }, }, diff --git a/packages/plasma-new-hope/src/examples/sds_engineer/components/Skeleton/LineSkeleton.config.ts b/packages/plasma-new-hope/src/examples/sds_engineer/components/Skeleton/LineSkeleton.config.ts index 97bf6ad46f..a761b02a09 100644 --- a/packages/plasma-new-hope/src/examples/sds_engineer/components/Skeleton/LineSkeleton.config.ts +++ b/packages/plasma-new-hope/src/examples/sds_engineer/components/Skeleton/LineSkeleton.config.ts @@ -4,81 +4,77 @@ import { skeletonTokens } from '../../../../components/Skeleton'; export const config = { defaults: { - size: 'body1', + size: 'bodyM', }, variations: { size: { - body1: css` - ${skeletonTokens.lineHeight}: var(--plasma-typo-body1-line-height); - ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body1-font-size); + bodyL: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-body-l-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-l-font-size); `, - body2: css` - ${skeletonTokens.lineHeight}: var(--plasma-typo-body2-line-height); - ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body2-font-size); + bodyM: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-body-m-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-m-font-size); `, - body3: css` - ${skeletonTokens.lineHeight}: var(--plasma-typo-body3-line-height); - ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body3-font-size); + bodyS: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-body-s-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-s-font-size); `, - button1: css` - ${skeletonTokens.lineHeight}: var(--plasma-typo-button1-line-height); - ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-button1-font-size); + bodyXS: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-body-xs-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-xs-font-size); `, - button2: css` - ${skeletonTokens.lineHeight}: var(--plasma-typo-button2-line-height); - ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-button2-font-size); + bodyXXS: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-xxs-font-size); `, - caption: css` - ${skeletonTokens.lineHeight}: var(--plasma-typo-caption-line-height); - ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-caption-font-size); + dsplL: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-dspl-l-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-l-font-size); `, - display1: css` - ${skeletonTokens.lineHeight}: var(--plasma-typo-display1-line-height); - ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-display1-font-size); + dsplM: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-dspl-m-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-m-font-size); `, - display2: css` - ${skeletonTokens.lineHeight}: var(--plasma-typo-display2-line-height); - ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-display2-font-size); + dsplS: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-dspl-s-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-s-font-size); `, - display3: css` - ${skeletonTokens.lineHeight}: var(--plasma-typo-display3-line-height); - ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-display3-font-size); + h1: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-h1-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h1-font-size); `, - footnote1: css` - ${skeletonTokens.lineHeight}: var(--plasma-typo-footnote1-line-height); - ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-footnote1-font-size); + h2: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-h2-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h2-font-size); `, - footnote2: css` - ${skeletonTokens.lineHeight}: var(--plasma-typo-footnote2-line-height); - ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-footnote2-font-size); + h3: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-h3-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h3-font-size); `, - headline1: css` - ${skeletonTokens.lineHeight}: var(--plasma-typo-headline1-line-height); - ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-headline1-font-size); + h4: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-h4-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h4-font-size); `, - headline2: css` - ${skeletonTokens.lineHeight}: var(--plasma-typo-headline2-line-height); - ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-headline2-font-size); + h5: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-h5-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h5-font-size); `, - headline3: css` - ${skeletonTokens.lineHeight}: var(--plasma-typo-headline3-line-height); - ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-headline3-font-size); + textL: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-text-l-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-l-font-size); `, - headline4: css` - ${skeletonTokens.lineHeight}: var(--plasma-typo-headline4-line-height); - ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-headline4-font-size); + textM: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-text-m-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-m-font-size); `, - paragraph1: css` - ${skeletonTokens.lineHeight}: var(--plasma-typo-paragraph1-line-height); - ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-paragraph1-font-size); + textS: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-text-s-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-s-font-size); `, - paragraph2: css` - ${skeletonTokens.lineHeight}: var(--plasma-typo-paragraph2-line-height); - ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-paragraph2-font-size); - `, - underline: css` - ${skeletonTokens.lineHeight}: var(--plasma-typo-underline-line-height); - ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-underline-font-size); + textXS: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-text-xs-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-xs-font-size); `, }, }, diff --git a/packages/plasma-new-hope/src/examples/sds_engineer/components/Skeleton/Skeleton.stories.tsx b/packages/plasma-new-hope/src/examples/sds_engineer/components/Skeleton/Skeleton.stories.tsx index 45a26a8304..3d9bfe9513 100644 --- a/packages/plasma-new-hope/src/examples/sds_engineer/components/Skeleton/Skeleton.stories.tsx +++ b/packages/plasma-new-hope/src/examples/sds_engineer/components/Skeleton/Skeleton.stories.tsx @@ -48,7 +48,7 @@ export const Line: StoryObj = { ...Default.argTypes, }, args: { - size: 'body1', + size: 'bodyM', ...Default.args, }, render: (args) => , @@ -60,7 +60,7 @@ export const Text: StoryObj = { ...Default.argTypes, }, args: { - size: 'body1', + size: 'bodyM', lines: 5, width: '', ...Default.args, @@ -86,5 +86,5 @@ export const Button: StoryObj = { args: { skeleton: true, }, - render: (args) => , + render: (args) => , }; diff --git a/packages/plasma-new-hope/src/examples/sds_engineer/components/TextField/TextField.config.ts b/packages/plasma-new-hope/src/examples/sds_engineer/components/TextField/TextField.config.ts index 8669543513..9468a44933 100644 --- a/packages/plasma-new-hope/src/examples/sds_engineer/components/TextField/TextField.config.ts +++ b/packages/plasma-new-hope/src/examples/sds_engineer/components/TextField/TextField.config.ts @@ -1,10 +1,6 @@ import { css } from '@linaria/core'; -import { - textFieldTokens as tokens, - textField_labelPlacement_inner as labelPlacement_inner, - textField_labelPlacement_outer as labelPlacement_outer, -} from '../../../../components/TextField'; +import { textFieldTokens as tokens } from '../../../../components/TextField'; export const config = { defaults: { @@ -42,7 +38,6 @@ export const config = { ${tokens.focusColor}: var(--text-accent); `, - // TODO заменить --surface-transparent-positive на корректный токен positive: css` ${tokens.color}: var(--plasma-colors-primary); ${tokens.backgroundColor}: var(--surface-transparent-positive); @@ -71,7 +66,6 @@ export const config = { ${tokens.focusColor}: var(--text-accent); `, - // // TODO заменить --surface-transparent-warning на корректный токен warning: css` ${tokens.color}: var(--plasma-colors-primary); ${tokens.backgroundColor}: var(--surface-transparent-warning); @@ -100,7 +94,6 @@ export const config = { ${tokens.focusColor}: var(--text-accent); `, - // // TODO заменить --surface-transparent-negative на корректный токен negative: css` ${tokens.color}: var(--plasma-colors-primary); ${tokens.backgroundColor}: var(--surface-transparent-negative); @@ -337,10 +330,7 @@ export const config = { `, }, labelPlacement: { - inner: [ - labelPlacement_inner, - css` - &.${labelPlacement_inner} { + inner: css` ${tokens.placeholderColor}: var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary))); ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family); ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size); @@ -350,21 +340,13 @@ export const config = { ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height); } `, - ], - outer: [ - labelPlacement_outer, - css` - &.${labelPlacement_outer} { - } - `, - ], + outer: css``, }, disabled: { true: css` ${tokens.disabledOpacity}: 0.4; `, }, - // TODO заменить --surface-transparent-primary на корректный токен readOnly: { true: css` ${tokens.colorReadOnly}: var(--text-secondary); diff --git a/packages/plasma-new-hope/src/examples/themes/plasma_b2c.module.css b/packages/plasma-new-hope/src/examples/themes/plasma_b2c.module.css index 98acff24cb..46ef3f89e8 100644 --- a/packages/plasma-new-hope/src/examples/themes/plasma_b2c.module.css +++ b/packages/plasma-new-hope/src/examples/themes/plasma_b2c.module.css @@ -256,8 +256,8 @@ --on-light-overlay-soft: rgba(249, 249, 249, 0.56); --on-light-overlay-hard: rgba(249, 249, 249, 0.96); --on-light-overlay-blur: rgba(249, 249, 249, 0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); + --surface-skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); + --surface-skeleton-deep-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); --shadow-down-soft-s: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); --shadow-down-soft-m: 0px 24px 48px -8px rgba(0, 0, 0, 0.08); --shadow-down-soft-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.08); @@ -530,8 +530,8 @@ --on-light-overlay-soft: rgba(249, 249, 249, 0.56); --on-light-overlay-hard: rgba(249, 249, 249, 0.96); --on-light-overlay-blur: rgba(249, 249, 249, 0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); + --surface-skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); + --surface-skeleton-deep-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); --shadow-down-soft-s: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); --shadow-down-soft-m: 0px 24px 48px -8px rgba(0, 0, 0, 0.08); --shadow-down-soft-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.08); diff --git a/packages/plasma-new-hope/src/examples/themes/plasma_web.module.css b/packages/plasma-new-hope/src/examples/themes/plasma_web.module.css index 98acff24cb..46ef3f89e8 100644 --- a/packages/plasma-new-hope/src/examples/themes/plasma_web.module.css +++ b/packages/plasma-new-hope/src/examples/themes/plasma_web.module.css @@ -256,8 +256,8 @@ --on-light-overlay-soft: rgba(249, 249, 249, 0.56); --on-light-overlay-hard: rgba(249, 249, 249, 0.96); --on-light-overlay-blur: rgba(249, 249, 249, 0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); + --surface-skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); + --surface-skeleton-deep-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); --shadow-down-soft-s: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); --shadow-down-soft-m: 0px 24px 48px -8px rgba(0, 0, 0, 0.08); --shadow-down-soft-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.08); @@ -530,8 +530,8 @@ --on-light-overlay-soft: rgba(249, 249, 249, 0.56); --on-light-overlay-hard: rgba(249, 249, 249, 0.96); --on-light-overlay-blur: rgba(249, 249, 249, 0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); + --surface-skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); + --surface-skeleton-deep-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); --shadow-down-soft-s: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); --shadow-down-soft-m: 0px 24px 48px -8px rgba(0, 0, 0, 0.08); --shadow-down-soft-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.08); diff --git a/packages/plasma-new-hope/src/examples/themes/sds_engineer.module.css b/packages/plasma-new-hope/src/examples/themes/sds_engineer.module.css index bbf048b1bc..ff7080e841 100644 --- a/packages/plasma-new-hope/src/examples/themes/sds_engineer.module.css +++ b/packages/plasma-new-hope/src/examples/themes/sds_engineer.module.css @@ -147,8 +147,8 @@ --on-light-surface-transparent-deep-hover: #080808C2; --on-light-surface-transparent-deep-active: #08080894; --on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64); - --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); + --surface-skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); + --surface-skeleton-deep-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); --plasma-colors-white-primary: var(--on-dark-text-primary); --plasma-colors-white-secondary: var(--on-dark-text-secondary); --plasma-colors-white-tertiary: var(--on-dark-text-tertiary); diff --git a/packages/plasma-new-hope/src/index.ts b/packages/plasma-new-hope/src/index.ts index f73c752b28..1a971d949e 100644 --- a/packages/plasma-new-hope/src/index.ts +++ b/packages/plasma-new-hope/src/index.ts @@ -50,3 +50,5 @@ export * from './components/Sheet'; export * from './components/Slider'; export * from './components/Range'; export * from './components/Accordion'; +export * from './components/DatePicker'; +export * from './components/Portal'; diff --git a/packages/plasma-new-hope/src/mixins/applySkeletonGradient.ts b/packages/plasma-new-hope/src/mixins/applySkeletonGradient.ts index 33ab5d0b92..8b04fa9f35 100644 --- a/packages/plasma-new-hope/src/mixins/applySkeletonGradient.ts +++ b/packages/plasma-new-hope/src/mixins/applySkeletonGradient.ts @@ -14,10 +14,10 @@ export const getSkeletonColor = ({ lighter, customGradientColor }: SkeletonGradi } if (lighter) { - return 'var(--plasma-colors-skeleton-gradient-lighter)'; + return 'var(--plasma-colors-skeleton-gradient-lighter, var(--surface-skeleton-deep-gradient))'; } - return 'var(--plasma-colors-skeleton-gradient)'; + return 'var(--plasma-colors-skeleton-gradient, var(--surface-skeleton-gradient))'; }; /** diff --git a/packages/plasma-new-hope/src/utils/datejs.ts b/packages/plasma-new-hope/src/utils/datejs.ts new file mode 100644 index 0000000000..ad70e58833 --- /dev/null +++ b/packages/plasma-new-hope/src/utils/datejs.ts @@ -0,0 +1,6 @@ +import dayjs from 'dayjs'; +import customParseFormat from 'dayjs/plugin/customParseFormat'; + +dayjs.extend(customParseFormat); + +export const customDayjs = dayjs; diff --git a/packages/plasma-new-hope/src/utils/getPopoverPlacement.ts b/packages/plasma-new-hope/src/utils/getPopoverPlacement.ts new file mode 100644 index 0000000000..588c3308e4 --- /dev/null +++ b/packages/plasma-new-hope/src/utils/getPopoverPlacement.ts @@ -0,0 +1,20 @@ +import { PopoverPlacementBasic } from '../components/Popover'; + +export type PlacementBasic = 'top' | 'bottom' | 'right' | 'left'; +export type Placement = PlacementBasic | 'auto'; + +export const getPlacement = (placement: Placement) => { + return `${placement}-start` as PopoverPlacementBasic; +}; + +export const getPlacements = (placements?: Placement | PlacementBasic[]) => { + if (!placements) { + return; + } + const isArray = Array.isArray(placements); + + if (!isArray) { + return getPlacement(placements as Placement); + } + return ((placements || []) as PlacementBasic[]).map((placement) => getPlacement(placement)); +}; diff --git a/packages/plasma-new-hope/src/utils/index.ts b/packages/plasma-new-hope/src/utils/index.ts index 6b9dfc2bfc..acac721b86 100644 --- a/packages/plasma-new-hope/src/utils/index.ts +++ b/packages/plasma-new-hope/src/utils/index.ts @@ -5,6 +5,7 @@ export { extractTextFrom } from './extractTextFrom'; export { getSizeValueFromProp } from './getSizeValueFromProp'; export { IS_REACT_18, safeUseId } from './react'; export { isNumber } from './isNumber'; +export * from './getPopoverPlacement'; export const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' '); diff --git a/packages/plasma-tokens-b2b/package-lock.json b/packages/plasma-tokens-b2b/package-lock.json index 1438daa798..a29ccbd4d0 100644 --- a/packages/plasma-tokens-b2b/package-lock.json +++ b/packages/plasma-tokens-b2b/package-lock.json @@ -1,17 +1,17 @@ { "name": "@salutejs/plasma-tokens-b2b", - "version": "1.40.0", + "version": "1.41.0-dev.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@salutejs/plasma-tokens-b2b", - "version": "1.40.0", + "version": "1.41.0-dev.0", "license": "MIT", "devDependencies": { "@salutejs/plasma-colors": "0.13.0", "@salutejs/plasma-tokens-core": "0.6.0", - "@salutejs/plasma-tokens-utils": "0.42.0", + "@salutejs/plasma-tokens-utils": "0.43.0-dev.0", "@types/node": "16.7.13", "deepmerge": "4.2.2", "jsdom": "17.0.0", @@ -54,9 +54,9 @@ "dev": true }, "node_modules/@salutejs/plasma-tokens-utils": { - "version": "0.42.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-utils/-/plasma-tokens-utils-0.42.0.tgz", - "integrity": "sha512-vLnmRVK+kI/73lwWRiJ4NU1Mbn+/YRe13urB4vpseqni2LE5MJyLOeZEcOnicT619O2jdUG7yt4/YyupUD9M2w==", + "version": "0.43.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-utils/-/plasma-tokens-utils-0.43.0-dev.0.tgz", + "integrity": "sha512-leyFY/Aux3PXHijuLQ6ZMR+GFais864Fl2gGr5/BWVCBZlRalTvBj6MHGFMdWHusaqtN1MbuWawEG1hKlt0MZw==", "dev": true, "dependencies": { "@salutejs/plasma-colors": "0.13.0", @@ -1054,9 +1054,9 @@ "dev": true }, "@salutejs/plasma-tokens-utils": { - "version": "0.42.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-utils/-/plasma-tokens-utils-0.42.0.tgz", - "integrity": "sha512-vLnmRVK+kI/73lwWRiJ4NU1Mbn+/YRe13urB4vpseqni2LE5MJyLOeZEcOnicT619O2jdUG7yt4/YyupUD9M2w==", + "version": "0.43.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-utils/-/plasma-tokens-utils-0.43.0-dev.0.tgz", + "integrity": "sha512-leyFY/Aux3PXHijuLQ6ZMR+GFais864Fl2gGr5/BWVCBZlRalTvBj6MHGFMdWHusaqtN1MbuWawEG1hKlt0MZw==", "dev": true, "requires": { "@salutejs/plasma-colors": "0.13.0", diff --git a/packages/plasma-tokens-b2b/package.json b/packages/plasma-tokens-b2b/package.json index 014ec921b0..3064f583e8 100644 --- a/packages/plasma-tokens-b2b/package.json +++ b/packages/plasma-tokens-b2b/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-tokens-b2b", - "version": "1.40.0", + "version": "1.41.0-dev.0", "description": "", "author": "Salute Frontend Team ", "license": "MIT", @@ -10,7 +10,7 @@ "devDependencies": { "@salutejs/plasma-colors": "0.13.0", "@salutejs/plasma-tokens-core": "0.6.0", - "@salutejs/plasma-tokens-utils": "0.42.0", + "@salutejs/plasma-tokens-utils": "0.43.0-dev.0", "@types/node": "16.7.13", "deepmerge": "4.2.2", "jsdom": "17.0.0", @@ -59,4 +59,4 @@ "Fanil Zubairov" ], "sideEffects": false -} +} \ No newline at end of file diff --git a/packages/plasma-tokens-b2c/package-lock.json b/packages/plasma-tokens-b2c/package-lock.json index c0844c5d49..d908f47408 100644 --- a/packages/plasma-tokens-b2c/package-lock.json +++ b/packages/plasma-tokens-b2c/package-lock.json @@ -1,17 +1,17 @@ { "name": "@salutejs/plasma-tokens-b2c", - "version": "0.50.0", + "version": "0.51.0-dev.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@salutejs/plasma-tokens-b2c", - "version": "0.50.0", + "version": "0.51.0-dev.0", "license": "MIT", "devDependencies": { "@salutejs/plasma-colors": "0.13.0", "@salutejs/plasma-tokens-core": "0.6.0", - "@salutejs/plasma-tokens-utils": "0.42.0", + "@salutejs/plasma-tokens-utils": "0.43.0-dev.0", "@types/node": "16.7.13", "deepmerge": "4.2.2", "jsdom": "17.0.0", @@ -54,9 +54,9 @@ "dev": true }, "node_modules/@salutejs/plasma-tokens-utils": { - "version": "0.42.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-utils/-/plasma-tokens-utils-0.42.0.tgz", - "integrity": "sha512-vLnmRVK+kI/73lwWRiJ4NU1Mbn+/YRe13urB4vpseqni2LE5MJyLOeZEcOnicT619O2jdUG7yt4/YyupUD9M2w==", + "version": "0.43.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-utils/-/plasma-tokens-utils-0.43.0-dev.0.tgz", + "integrity": "sha512-leyFY/Aux3PXHijuLQ6ZMR+GFais864Fl2gGr5/BWVCBZlRalTvBj6MHGFMdWHusaqtN1MbuWawEG1hKlt0MZw==", "dev": true, "dependencies": { "@salutejs/plasma-colors": "0.13.0", @@ -1054,9 +1054,9 @@ "dev": true }, "@salutejs/plasma-tokens-utils": { - "version": "0.42.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-utils/-/plasma-tokens-utils-0.42.0.tgz", - "integrity": "sha512-vLnmRVK+kI/73lwWRiJ4NU1Mbn+/YRe13urB4vpseqni2LE5MJyLOeZEcOnicT619O2jdUG7yt4/YyupUD9M2w==", + "version": "0.43.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-utils/-/plasma-tokens-utils-0.43.0-dev.0.tgz", + "integrity": "sha512-leyFY/Aux3PXHijuLQ6ZMR+GFais864Fl2gGr5/BWVCBZlRalTvBj6MHGFMdWHusaqtN1MbuWawEG1hKlt0MZw==", "dev": true, "requires": { "@salutejs/plasma-colors": "0.13.0", diff --git a/packages/plasma-tokens-b2c/package.json b/packages/plasma-tokens-b2c/package.json index 7b34e3794d..a693da6988 100644 --- a/packages/plasma-tokens-b2c/package.json +++ b/packages/plasma-tokens-b2c/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-tokens-b2c", - "version": "0.50.0", + "version": "0.51.0-dev.0", "description": "", "author": "Salute Frontend Team ", "license": "MIT", @@ -10,7 +10,7 @@ "devDependencies": { "@salutejs/plasma-colors": "0.13.0", "@salutejs/plasma-tokens-core": "0.6.0", - "@salutejs/plasma-tokens-utils": "0.42.0", + "@salutejs/plasma-tokens-utils": "0.43.0-dev.0", "@types/node": "16.7.13", "deepmerge": "4.2.2", "jsdom": "17.0.0", @@ -59,4 +59,4 @@ "Fanil Zubairov" ], "sideEffects": false -} +} \ No newline at end of file diff --git a/packages/plasma-tokens-web/package-lock.json b/packages/plasma-tokens-web/package-lock.json index f8cc3b09c7..918295338e 100644 --- a/packages/plasma-tokens-web/package-lock.json +++ b/packages/plasma-tokens-web/package-lock.json @@ -1,17 +1,17 @@ { "name": "@salutejs/plasma-tokens-web", - "version": "1.55.0", + "version": "1.56.0-dev.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@salutejs/plasma-tokens-web", - "version": "1.55.0", + "version": "1.56.0-dev.0", "license": "MIT", "devDependencies": { "@salutejs/plasma-colors": "0.13.0", "@salutejs/plasma-tokens-core": "0.6.0", - "@salutejs/plasma-tokens-utils": "0.42.0", + "@salutejs/plasma-tokens-utils": "0.43.0-dev.0", "@types/node": "16.7.13", "deepmerge": "4.2.2", "jsdom": "17.0.0", @@ -54,9 +54,9 @@ "dev": true }, "node_modules/@salutejs/plasma-tokens-utils": { - "version": "0.42.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-utils/-/plasma-tokens-utils-0.42.0.tgz", - "integrity": "sha512-vLnmRVK+kI/73lwWRiJ4NU1Mbn+/YRe13urB4vpseqni2LE5MJyLOeZEcOnicT619O2jdUG7yt4/YyupUD9M2w==", + "version": "0.43.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-utils/-/plasma-tokens-utils-0.43.0-dev.0.tgz", + "integrity": "sha512-leyFY/Aux3PXHijuLQ6ZMR+GFais864Fl2gGr5/BWVCBZlRalTvBj6MHGFMdWHusaqtN1MbuWawEG1hKlt0MZw==", "dev": true, "dependencies": { "@salutejs/plasma-colors": "0.13.0", @@ -1054,9 +1054,9 @@ "dev": true }, "@salutejs/plasma-tokens-utils": { - "version": "0.42.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-utils/-/plasma-tokens-utils-0.42.0.tgz", - "integrity": "sha512-vLnmRVK+kI/73lwWRiJ4NU1Mbn+/YRe13urB4vpseqni2LE5MJyLOeZEcOnicT619O2jdUG7yt4/YyupUD9M2w==", + "version": "0.43.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-utils/-/plasma-tokens-utils-0.43.0-dev.0.tgz", + "integrity": "sha512-leyFY/Aux3PXHijuLQ6ZMR+GFais864Fl2gGr5/BWVCBZlRalTvBj6MHGFMdWHusaqtN1MbuWawEG1hKlt0MZw==", "dev": true, "requires": { "@salutejs/plasma-colors": "0.13.0", diff --git a/packages/plasma-tokens-web/package.json b/packages/plasma-tokens-web/package.json index e9e5ae3d19..392dc8f3ad 100644 --- a/packages/plasma-tokens-web/package.json +++ b/packages/plasma-tokens-web/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-tokens-web", - "version": "1.55.0", + "version": "1.56.0-dev.0", "description": "", "author": "Salute Frontend Team ", "license": "MIT", @@ -10,7 +10,7 @@ "devDependencies": { "@salutejs/plasma-colors": "0.13.0", "@salutejs/plasma-tokens-core": "0.6.0", - "@salutejs/plasma-tokens-utils": "0.42.0", + "@salutejs/plasma-tokens-utils": "0.43.0-dev.0", "@types/node": "16.7.13", "deepmerge": "4.2.2", "jsdom": "17.0.0", @@ -59,4 +59,4 @@ "Fanil Zubairov" ], "sideEffects": false -} +} \ No newline at end of file diff --git a/packages/themes/data-themes/data/themes/default.json b/packages/plasma-tokens/data/themes/sdds_dfa.json similarity index 82% rename from packages/themes/data-themes/data/themes/default.json rename to packages/plasma-tokens/data/themes/sdds_dfa.json index ef780b3495..ba97917587 100644 --- a/packages/themes/data-themes/data/themes/default.json +++ b/packages/plasma-tokens/data/themes/sdds_dfa.json @@ -1,9 +1,9 @@ { "config": { - "name": "default", + "name": "sdds_dfa", "accentColor": { - "light": "[general.green.600]", - "dark": "[general.green.500]" + "light": "[general.arctic.500]", + "dark": "[general.arctic.300]" }, "grayscale": { "light": "gray", @@ -13,91 +13,75 @@ "dark": { "text": { "default": { - "textPrimary": { - "value": "rgba(255, 255, 255, 0.96)", - "comment": "Основной цвет текста" - }, "textPrimaryHover": { - "value": "#FFFFFF93", - "comment": "Основной цвет текста" + "value": "#F5F5F593", + "comment": "Основной цвет текста", + "enabled": true }, "textPrimaryActive": { - "value": "#FFFFFFC4", - "comment": "Основной цвет текста" - }, - "textSecondary": { - "value": "rgba(255, 255, 255, 0.56)", - "comment": "Вторичный цвет текста" + "value": "#F5F5F5C4", + "comment": "Основной цвет текста", + "enabled": true }, "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста" + "value": "#F5F5F5FF", + "comment": "Вторичный цвет текста", + "enabled": true }, "textSecondaryActive": { - "value": "#FFFFFFAB", - "comment": "Вторичный цвет текста" - }, - "textTertiary": { - "value": "rgba(255, 255, 255, 0.28)", - "comment": "Третичный цвет текста" + "value": "#F5F5F5AB", + "comment": "Вторичный цвет текста", + "enabled": true }, "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста" + "value": "#F5F5F5FF", + "comment": "Третичный цвет текста", + "enabled": true }, "textTertiaryActive": { - "value": "#FFFFFF56", - "comment": "Третичный цвет текста" - }, - "textParagraph": { - "value": "rgba(255, 255, 255, 0.8)", - "comment": "Сплошной наборный текст" + "value": "#F5F5F556", + "comment": "Третичный цвет текста", + "enabled": true }, "textParagraphHover": { - "value": "#FFFFFF7A", - "comment": "Сплошной наборный текст" + "value": "#F5F5F57A", + "comment": "Сплошной наборный текст", + "enabled": true }, "textParagraphActive": { - "value": "#FFFFFFA3", - "comment": "Сплошной наборный текст" - }, - "textAccent": { - "value": "[general.green.500]", - "comment": "Акцентный цвет" + "value": "#F5F5F5A3", + "comment": "Сплошной наборный текст", + "enabled": true }, "textAccentHover": { - "value": "#1EB83AFF", + "value": "#17E8ADFF", "comment": "Акцентный цвет" }, "textAccentActive": { - "value": "#15842AFF", + "value": "#11B083FF", "comment": "Акцентный цвет" }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, "textAccentGradientHover": { "value": "#CCCCCCFF", "comment": "Акцентный цвет с градиентом", - "enabled": false + "enabled": true }, "textAccentGradientActive": { "value": "#E6E6E6FF", "comment": "Акцентный цвет с градиентом", - "enabled": false + "enabled": true }, "textAccentMinor": { - "value": "[general.green.150]", - "comment": "Акцентный минорный цвет" + "value": "[general.arctic.150]", + "comment": "Акцентный минорный цвет", + "enabled": false }, "textAccentMinorHover": { - "value": "#64F77FFF", + "value": "#ABFCE5FF", "comment": "Акцентный минорный цвет" }, "textAccentMinorActive": { - "value": "#81F897FF", + "value": "#70FAD3FF", "comment": "Акцентный минорный цвет" }, "textAccentMinorGradient": { @@ -175,45 +159,34 @@ "comment": "Минорный промо цвет с градиентом", "enabled": false }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха" - }, "textPositiveHover": { - "value": "#1EB83AFF", + "value": "#2ACB47FF", "comment": "Цвет успеха" }, "textPositiveActive": { - "value": "#15842AFF", + "value": "#1F9835FF", "comment": "Цвет успеха" }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Цвет предупреждения" - }, "textWarningHover": { - "value": "#FB7223FF", + "value": "#FF8442FF", "comment": "Цвет предупреждения" }, "textWarningActive": { - "value": "#DC5304FF", + "value": "#FF5D05FF", "comment": "Цвет предупреждения" }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки" - }, "textNegativeHover": { - "value": "#FF475AFF", + "value": "#FF5C6CFF", "comment": "Цвет ошибки" }, "textNegativeActive": { - "value": "#FF0A23FF", + "value": "#FF1F35FF", "comment": "Цвет ошибки" }, "textInfo": { "value": "[general.blue.500]", - "comment": "Цвет информации" + "comment": "Цвет информации", + "enabled": false }, "textInfoHover": { "value": "#50B1F2FF", @@ -225,7 +198,8 @@ }, "textPositiveMinor": { "value": "[general.green.150]", - "comment": "Минорный цвет успеха" + "comment": "Минорный цвет успеха", + "enabled": false }, "textPositiveMinorHover": { "value": "#64F77FFF", @@ -237,7 +211,8 @@ }, "textWarningMinor": { "value": "[general.orange.150]", - "comment": "Минорный цвет предупреждения" + "comment": "Минорный цвет предупреждения", + "enabled": false }, "textWarningMinorHover": { "value": "#FDBC96FF", @@ -249,7 +224,8 @@ }, "textNegativeMinor": { "value": "[general.red.150]", - "comment": "Минорный цвет ошибки" + "comment": "Минорный цвет ошибки", + "enabled": false }, "textNegativeMinorHover": { "value": "#FFA3ACFF", @@ -261,7 +237,8 @@ }, "textInfoMinor": { "value": "[general.blue.150]", - "comment": "Минорный цвет информации" + "comment": "Минорный цвет информации", + "enabled": false }, "textInfoMinorHover": { "value": "#94D4FFFF", @@ -270,94 +247,141 @@ "textInfoMinorActive": { "value": "#B3E0FFFF", "comment": "Минорный цвет информации" + }, + "textPrimary": { + "value": "rgba(245,245,245,0.96)", + "comment": "Основной цвет текста", + "enabled": true + }, + "textSecondary": { + "value": "rgba(245,245,245,0.56)", + "comment": "Вторичный цвет текста", + "enabled": true + }, + "textTertiary": { + "value": "rgba(245,245,245,0.28)", + "comment": "Третичный цвет текста", + "enabled": true + }, + "textParagraph": { + "value": "rgba(245,245,245,0.8)", + "comment": "Сплошной наборный текст", + "enabled": true + }, + "textAccent": { + "value": "[general.arctic.300]", + "comment": "Акцентный цвет" + }, + "textAccentGradient": { + "value": { + "origin": "linear-gradient(45.00deg, rgb(33, 202, 154) 0%, rgb(74, 214, 252) 100%)", + "swift": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(33, 202, 154)", "rgb(74, 214, 252)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + }, + "xml": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(33, 202, 154)", "rgb(74, 214, 252)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + } + }, + "comment": "Акцентный цвет с градиентом", + "enabled": true + }, + "textPositive": { + "value": "[general.green.400]", + "comment": "Цвет успеха" + }, + "textWarning": { + "value": "[general.orange.400]", + "comment": "Цвет предупреждения" + }, + "textNegative": { + "value": "[general.red.400]", + "comment": "Цвет ошибки" } }, "onDark": { - "textPrimary": { - "value": "rgba(255, 255, 255, 0.96)", - "comment": "Основной цвет текста на темном фоне" - }, "textPrimaryHover": { - "value": "#FFFFFF93", + "value": "#F5F5F593", "comment": "Основной цвет текста на темном фоне" }, "textPrimaryActive": { - "value": "#FFFFFFC4", + "value": "#F5F5F5C4", "comment": "Основной цвет текста на темном фоне" }, - "textSecondary": { - "value": "rgba(255, 255, 255, 0.56)", - "comment": "Вторичный цвет текста на темном фоне" - }, "textSecondaryHover": { - "value": "#FFFFFFFF", + "value": "#F5F5F5FF", "comment": "Вторичный цвет текста на темном фоне" }, "textSecondaryActive": { - "value": "#FFFFFFAB", + "value": "#F5F5F5AB", "comment": "Вторичный цвет текста на темном фоне" }, - "textTertiary": { - "value": "rgba(255, 255, 255, 0.28)", - "comment": "Третичный цвет текста на темном фоне" - }, "textTertiaryHover": { - "value": "#FFFFFFFF", + "value": "#F5F5F5FF", "comment": "Третичный цвет текста на темном фоне" }, "textTertiaryActive": { - "value": "#FFFFFF56", + "value": "#F5F5F556", "comment": "Третичный цвет текста на темном фоне" }, - "textParagraph": { - "value": "rgba(255, 255, 255, 0.8)", - "comment": "Сплошной наборный текст на темном фоне" - }, "textParagraphHover": { - "value": "#FFFFFF7A", + "value": "#F5F5F57A", "comment": "Сплошной наборный текст на темном фоне" }, "textParagraphActive": { - "value": "#FFFFFFA3", + "value": "#F5F5F5A3", "comment": "Сплошной наборный текст на темном фоне" }, - "textAccent": { - "value": "[general.green.500]", - "comment": "Акцентный цвет на темном фоне" - }, "textAccentHover": { - "value": "#1EB83AFF", + "value": "#17E8ADFF", "comment": "Акцентный цвет на темном фоне" }, "textAccentActive": { - "value": "#15842AFF", + "value": "#11B083FF", "comment": "Акцентный цвет на темном фоне" }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, "textAccentGradientHover": { "value": "#CCCCCCFF", "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false + "enabled": true }, "textAccentGradientActive": { "value": "#E6E6E6FF", "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false + "enabled": true }, "textAccentMinor": { - "value": "[general.green.150]", - "comment": "Акцентный минорный цвет на темном фоне" + "value": "[general.arctic.150]", + "comment": "Акцентный минорный цвет на темном фоне", + "enabled": false }, "textAccentMinorHover": { - "value": "#64F77FFF", + "value": "#ABFCE5FF", "comment": "Акцентный минорный цвет на темном фоне" }, "textAccentMinorActive": { - "value": "#81F897FF", + "value": "#70FAD3FF", "comment": "Акцентный минорный цвет на темном фоне" }, "textAccentMinorGradient": { @@ -435,45 +459,34 @@ "comment": "Минорный промо цвет на темном фоне с градиентом", "enabled": false }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на темном фоне" - }, "textPositiveHover": { - "value": "#1EB83AFF", + "value": "#2ACB47FF", "comment": "Цвет успеха на темном фоне" }, "textPositiveActive": { - "value": "#15842AFF", + "value": "#1F9835FF", "comment": "Цвет успеха на темном фоне" }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Цвет предупреждения на темном фоне" - }, "textWarningHover": { - "value": "#FB7223FF", + "value": "#FF8442FF", "comment": "Цвет предупреждения на темном фоне" }, "textWarningActive": { - "value": "#DC5304FF", + "value": "#FF5D05FF", "comment": "Цвет предупреждения на темном фоне" }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки на темном фоне" - }, "textNegativeHover": { - "value": "#FF475AFF", + "value": "#FF5C6CFF", "comment": "Цвет ошибки на темном фоне" }, "textNegativeActive": { - "value": "#FF0A23FF", + "value": "#FF1F35FF", "comment": "Цвет ошибки на темном фоне" }, "textInfo": { "value": "[general.blue.500]", - "comment": "Цвет информации на темном фоне" + "comment": "Цвет информации на темном фоне", + "enabled": false }, "textInfoHover": { "value": "#50B1F2FF", @@ -485,7 +498,8 @@ }, "textPositiveMinor": { "value": "[general.green.150]", - "comment": "Минорный цвет успеха на темном фоне" + "comment": "Минорный цвет успеха на темном фоне", + "enabled": false }, "textPositiveMinorHover": { "value": "#64F77FFF", @@ -497,7 +511,8 @@ }, "textWarningMinor": { "value": "[general.orange.150]", - "comment": "Минорный цвет предупреждения на темном фоне" + "comment": "Минорный цвет предупреждения на темном фоне", + "enabled": false }, "textWarningMinorHover": { "value": "#FDBC96FF", @@ -509,7 +524,8 @@ }, "textNegativeMinor": { "value": "[general.red.150]", - "comment": "Минорный цвет ошибки на темном фоне" + "comment": "Минорный цвет ошибки на темном фоне", + "enabled": false }, "textNegativeMinorHover": { "value": "#FFA3ACFF", @@ -521,7 +537,8 @@ }, "textInfoMinor": { "value": "[general.blue.150]", - "comment": "Минорный цвет информации на темном фоне" + "comment": "Минорный цвет информации на темном фоне", + "enabled": false }, "textInfoMinorHover": { "value": "#94D4FFFF", @@ -530,94 +547,137 @@ "textInfoMinorActive": { "value": "#B3E0FFFF", "comment": "Минорный цвет информации на темном фоне" + }, + "textPrimary": { + "value": "rgba(245,245,245,0.96)", + "comment": "Основной цвет текста на темном фоне" + }, + "textSecondary": { + "value": "rgba(245,245,245,0.56)", + "comment": "Вторичный цвет текста на темном фоне" + }, + "textTertiary": { + "value": "rgba(245,245,245,0.28)", + "comment": "Третичный цвет текста на темном фоне" + }, + "textParagraph": { + "value": "rgba(245,245,245,0.8)", + "comment": "Сплошной наборный текст на темном фоне" + }, + "textAccent": { + "value": "[general.arctic.300]", + "comment": "Акцентный цвет на темном фоне" + }, + "textAccentGradient": { + "value": { + "origin": "linear-gradient(45.00deg, rgb(33, 202, 154) 0%, rgb(74, 214, 252) 100%)", + "swift": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(33, 202, 154)", "rgb(74, 214, 252)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + }, + "xml": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(33, 202, 154)", "rgb(74, 214, 252)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + } + }, + "comment": "Акцентный цвет с градиентом на темном фоне", + "enabled": true + }, + "textPositive": { + "value": "[general.green.400]", + "comment": "Цвет успеха на темном фоне" + }, + "textWarning": { + "value": "[general.orange.400]", + "comment": "Цвет предупреждения на темном фоне" + }, + "textNegative": { + "value": "[general.red.400]", + "comment": "Цвет ошибки на темном фоне" } }, "onLight": { - "textPrimary": { - "value": "[general.gray.1000][-0.0400]", - "comment": "Основной цвет текста на светлом фоне" - }, "textPrimaryHover": { - "value": "#08080893", + "value": "#17171793", "comment": "Основной цвет текста на светлом фоне" }, "textPrimaryActive": { - "value": "#080808C4", + "value": "#171717C4", "comment": "Основной цвет текста на светлом фоне" }, - "textSecondary": { - "value": "[general.gray.1000][-0.440]", - "comment": "Вторичный цвет текста на светлом фоне" - }, "textSecondaryHover": { - "value": "#080808FF", + "value": "#171717FF", "comment": "Вторичный цвет текста на светлом фоне" }, "textSecondaryActive": { - "value": "#080808AB", + "value": "#171717AB", "comment": "Вторичный цвет текста на светлом фоне" }, - "textTertiary": { - "value": "[general.gray.1000][-0.720]", - "comment": "Третичный цвет текста на светлом фоне" - }, "textTertiaryHover": { - "value": "#080808FF", + "value": "#171717FF", "comment": "Третичный цвет текста на светлом фоне" }, "textTertiaryActive": { - "value": "#08080856", + "value": "#17171756", "comment": "Третичный цвет текста на светлом фоне" }, - "textParagraph": { - "value": "[general.gray.1000][-0.200]", - "comment": "Сплошной наборный текст на светлом фоне" - }, "textParagraphHover": { - "value": "#0808087A", + "value": "#1717177A", "comment": "Сплошной наборный текст на светлом фоне" }, "textParagraphActive": { - "value": "#080808A3", + "value": "#171717A3", "comment": "Сплошной наборный текст на светлом фоне" }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Акцентный цвет на светлом фоне" - }, "textAccentHover": { - "value": "#13AA2CFF", + "value": "#06B785FF", "comment": "Акцентный цвет на светлом фоне" }, "textAccentActive": { - "value": "#0D731EFF", + "value": "#047C5AFF", "comment": "Акцентный цвет на светлом фоне" }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, "textAccentGradientHover": { "value": "#CCCCCCFF", "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false + "enabled": true }, "textAccentGradientActive": { "value": "#E6E6E6FF", "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false + "enabled": true }, "textAccentMinor": { - "value": "[general.green.900]", - "comment": "Акцентный минорный цвет на светлом фоне" + "value": "[general.arctic.900]", + "comment": "Акцентный минорный цвет на светлом фоне", + "enabled": false }, "textAccentMinorHover": { - "value": "#155B22FF", + "value": "#10604AFF", "comment": "Акцентный минорный цвет на светлом фоне" }, "textAccentMinorActive": { - "value": "#104219FF", + "value": "#0B4636FF", "comment": "Акцентный минорный цвет на светлом фоне" }, "textAccentMinorGradient": { @@ -695,45 +755,34 @@ "comment": "Минорный промо цвет на светлом фоне с градиентом", "enabled": false }, - "textPositive": { - "value": "[general.green.600]", - "comment": "Цвет успеха на светлом фоне" - }, "textPositiveHover": { - "value": "#13AA2CFF", + "value": "#1EB83AFF", "comment": "Цвет успеха на светлом фоне" }, "textPositiveActive": { - "value": "#0D731EFF", + "value": "#15842AFF", "comment": "Цвет успеха на светлом фоне" }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Цвет предупреждения на светлом фоне" - }, "textWarningHover": { - "value": "#FD650DFF", + "value": "#FB7223FF", "comment": "Цвет предупреждения на светлом фоне" }, "textWarningActive": { - "value": "#CA4B02FF", + "value": "#DC5304FF", "comment": "Цвет предупреждения на светлом фоне" }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, "textNegativeHover": { - "value": "#F5384BFF", + "value": "#FF475AFF", "comment": "Цвет ошибки на светлом фоне" }, "textNegativeActive": { - "value": "#E40C22FF", + "value": "#FF0A23FF", "comment": "Цвет ошибки на светлом фоне" }, "textInfo": { "value": "[general.blue.600]", - "comment": "Цвет информации на светлом фоне" + "comment": "Цвет информации на светлом фоне", + "enabled": false }, "textInfoHover": { "value": "#34A7F4FF", @@ -745,7 +794,8 @@ }, "textPositiveMinor": { "value": "[general.green.900]", - "comment": "Минорный цвет успеха на светлом фоне" + "comment": "Минорный цвет успеха на светлом фоне", + "enabled": false }, "textPositiveMinorHover": { "value": "#155B22FF", @@ -757,7 +807,8 @@ }, "textWarningMinor": { "value": "[general.orange.900]", - "comment": "Минорный цвет предупреждения на светлом фоне" + "comment": "Минорный цвет предупреждения на светлом фоне", + "enabled": false }, "textWarningMinorHover": { "value": "#723613FF", @@ -769,7 +820,8 @@ }, "textNegativeMinor": { "value": "[general.red.900]", - "comment": "Минорный цвет ошибки на светлом фоне" + "comment": "Минорный цвет ошибки на светлом фоне", + "enabled": false }, "textNegativeMinorHover": { "value": "#7E1621FF", @@ -781,7 +833,8 @@ }, "textInfoMinor": { "value": "[general.blue.900]", - "comment": "Минорный цвет информации на светлом фоне" + "comment": "Минорный цвет информации на светлом фоне", + "enabled": false }, "textInfoMinorHover": { "value": "#174B6EFF", @@ -790,94 +843,137 @@ "textInfoMinorActive": { "value": "#113A55FF", "comment": "Минорный цвет информации на светлом фоне" + }, + "textPrimary": { + "value": "rgba(23,23,23,0.96)", + "comment": "Основной цвет текста на светлом фоне" + }, + "textSecondary": { + "value": "rgba(23,23,23,0.56)", + "comment": "Вторичный цвет текста на светлом фоне" + }, + "textTertiary": { + "value": "rgba(23,23,23,0.28)", + "comment": "Третичный цвет текста на светлом фоне" + }, + "textParagraph": { + "value": "rgba(23,23,23,0.8)", + "comment": "Сплошной наборный текст на светлом фоне" + }, + "textAccent": { + "value": "[general.arctic.500]", + "comment": "Акцентный цвет на светлом фоне" + }, + "textAccentGradient": { + "value": { + "origin": "linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%)", + "swift": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(5, 153, 111)", "rgb(27, 160, 227)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + }, + "xml": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(5, 153, 111) 0%", "rgb(27, 160, 227)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + } + }, + "comment": "Акцентный цвет с градиентом на светлом фоне", + "enabled": true + }, + "textPositive": { + "value": "[general.green.500]", + "comment": "Цвет успеха на светлом фоне" + }, + "textWarning": { + "value": "[general.orange.500]", + "comment": "Цвет предупреждения на светлом фоне" + }, + "textNegative": { + "value": "[general.red.500]", + "comment": "Цвет ошибки на светлом фоне" } }, "inverse": { - "textPrimary": { - "value": "[general.gray.1000][-0.0400]", - "comment": "Инвертированный основной цвет текста" - }, "textPrimaryHover": { - "value": "#08080893", + "value": "#17171793", "comment": "Инвертированный основной цвет текста" }, "textPrimaryActive": { - "value": "#080808C4", + "value": "#171717C4", "comment": "Инвертированный основной цвет текста" }, - "textSecondary": { - "value": "[general.gray.1000][-0.440]", - "comment": "Инвертированный вторичный цвет текста" - }, "textSecondaryHover": { - "value": "#080808FF", + "value": "#171717FF", "comment": "Инвертированный вторичный цвет текста" }, "textSecondaryActive": { - "value": "#080808AB", + "value": "#171717AB", "comment": "Инвертированный вторичный цвет текста" }, - "textTertiary": { - "value": "[general.gray.1000][-0.720]", - "comment": "Инвертированный третичный цвет текста" - }, "textTertiaryHover": { - "value": "#080808FF", + "value": "#171717FF", "comment": "Инвертированный третичный цвет текста" }, "textTertiaryActive": { - "value": "#08080856", + "value": "#17171756", "comment": "Инвертированный третичный цвет текста" }, - "textParagraph": { - "value": "[general.gray.1000][-0.200]", - "comment": "Инвертированный сплошной наборный текст" - }, "textParagraphHover": { - "value": "#0808087A", + "value": "#1717177A", "comment": "Инвертированный сплошной наборный текст" }, "textParagraphActive": { - "value": "#080808A3", + "value": "#171717A3", "comment": "Инвертированный сплошной наборный текст" }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Инвертированный акцентный цвет" - }, "textAccentHover": { - "value": "#13AA2CFF", + "value": "#06B785FF", "comment": "Инвертированный акцентный цвет" }, "textAccentActive": { - "value": "#0D731EFF", + "value": "#047C5AFF", "comment": "Инвертированный акцентный цвет" }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, "textAccentGradientHover": { "value": "#CCCCCCFF", "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false + "enabled": true }, "textAccentGradientActive": { "value": "#E6E6E6FF", "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false + "enabled": true }, "textAccentMinor": { - "value": "[general.green.900]", - "comment": "Инвертированный минорный акцентный цвет" + "value": "[general.arctic.900]", + "comment": "Инвертированный минорный акцентный цвет", + "enabled": false }, "textAccentMinorHover": { - "value": "#155B22FF", + "value": "#10604AFF", "comment": "Инвертированный минорный акцентный цвет" }, "textAccentMinorActive": { - "value": "#104219FF", + "value": "#0B4636FF", "comment": "Инвертированный минорный акцентный цвет" }, "textAccentMinorGradient": { @@ -955,45 +1051,34 @@ "comment": "Инвертированный минорный промо цвет с градиентом", "enabled": false }, - "textPositive": { - "value": "[general.green.600]", - "comment": "Инвертированный цвет успеха" - }, "textPositiveHover": { - "value": "#13AA2CFF", + "value": "#1EB83AFF", "comment": "Инвертированный цвет успеха" }, "textPositiveActive": { - "value": "#0D731EFF", + "value": "#15842AFF", "comment": "Инвертированный цвет успеха" }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Инвертированный цвет предупреждения" - }, "textWarningHover": { - "value": "#FD650DFF", + "value": "#FB7223FF", "comment": "Инвертированный цвет предупреждения" }, "textWarningActive": { - "value": "#CA4B02FF", + "value": "#DC5304FF", "comment": "Инвертированный цвет предупреждения" }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Инвертированный цвет ошибки" - }, "textNegativeHover": { - "value": "#F5384BFF", + "value": "#FF475AFF", "comment": "Инвертированный цвет ошибки" }, "textNegativeActive": { - "value": "#E40C22FF", + "value": "#FF0A23FF", "comment": "Инвертированный цвет ошибки" }, "textInfo": { "value": "[general.blue.600]", - "comment": "Инвертированный цвет информации" + "comment": "Инвертированный цвет информации", + "enabled": false }, "textInfoHover": { "value": "#34A7F4FF", @@ -1005,7 +1090,8 @@ }, "textPositiveMinor": { "value": "[general.green.900]", - "comment": "Инвертированный минорный цвет успеха" + "comment": "Инвертированный минорный цвет успеха", + "enabled": false }, "textPositiveMinorHover": { "value": "#155B22FF", @@ -1017,7 +1103,8 @@ }, "textWarningMinor": { "value": "[general.orange.900]", - "comment": "Инвертированный минорный цвет предупреждения" + "comment": "Инвертированный минорный цвет предупреждения", + "enabled": false }, "textWarningMinorHover": { "value": "#723613FF", @@ -1029,7 +1116,8 @@ }, "textNegativeMinor": { "value": "[general.red.900]", - "comment": "Инвертированный минорный цвет ошибки" + "comment": "Инвертированный минорный цвет ошибки", + "enabled": false }, "textNegativeMinorHover": { "value": "#7E1621FF", @@ -1041,7 +1129,8 @@ }, "textInfoMinor": { "value": "[general.blue.900]", - "comment": "Инвертированный минорный цвет информации" + "comment": "Инвертированный минорный цвет информации", + "enabled": false }, "textInfoMinorHover": { "value": "#174B6EFF", @@ -1050,63 +1139,116 @@ "textInfoMinorActive": { "value": "#113A55FF", "comment": "Инвертированный минорный цвет информации" + }, + "textPrimary": { + "value": "rgba(23,23,23,0.96)", + "comment": "Инвертированный основной цвет текста" + }, + "textSecondary": { + "value": "rgba(23,23,23,0.56)", + "comment": "Инвертированный вторичный цвет текста" + }, + "textTertiary": { + "value": "rgba(23,23,23,0.28)", + "comment": "Инвертированный третичный цвет текста" + }, + "textParagraph": { + "value": "rgba(23,23,23,0.8)", + "comment": "Инвертированный сплошной наборный текст" + }, + "textAccent": { + "value": "[general.arctic.500]", + "comment": "Инвертированный акцентный цвет" + }, + "textAccentGradient": { + "value": { + "origin": "linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%)", + "swift": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(5, 153, 111)", "rgb(27, 160, 227)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + }, + "xml": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(5, 153, 111)", "rgb(27, 160, 227)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + } + }, + "comment": "Инвертированный акцентный цвет с градиентом", + "enabled": true + }, + "textPositive": { + "value": "[general.green.500]", + "comment": "Инвертированный цвет успеха" + }, + "textWarning": { + "value": "[general.orange.500]", + "comment": "Инвертированный цвет предупреждения" + }, + "textNegative": { + "value": "[general.red.500]", + "comment": "Инвертированный цвет ошибки" } } }, "surface": { "default": { - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, "surfaceSolidPrimaryHover": { "value": "#1C1C1CFF", - "comment": "Основной непрозрачный фон поверхности/контрола" + "comment": "Основной непрозрачный фон поверхности/контрола", + "enabled": true }, "surfaceSolidPrimaryActive": { "value": "#121212FF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Вторичный непрозрачный фон поверхности/контрола" + "comment": "Основной непрозрачный фон поверхности/контрола", + "enabled": true }, "surfaceSolidSecondaryHover": { "value": "#303030FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" + "comment": "Вторичный непрозрачный фон поверхности/контрола", + "enabled": true }, "surfaceSolidSecondaryActive": { "value": "#212121FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола" + "comment": "Вторичный непрозрачный фон поверхности/контрола", + "enabled": true }, "surfaceSolidTertiaryHover": { "value": "#404040FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" + "comment": "Третичный непрозрачный фон поверхности/контрола", + "enabled": true }, "surfaceSolidTertiaryActive": { "value": "#303030FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек" + "comment": "Третичный непрозрачный фон поверхности/контрола", + "enabled": true }, "surfaceSolidCardHover": { - "value": "#1C1C1CFF", + "value": "#303030FF", "comment": "Основной фон для карточек" }, "surfaceSolidCardActive": { - "value": "#121212FF", + "value": "#212121FF", "comment": "Основной фон для карточек" }, - "surfaceSolidDefault": { - "value": "[general.gray.50]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, "surfaceSolidDefaultHover": { "value": "#FFFFFFFF", "comment": "Непрозрачный фон поверхности/контрола по умолчанию" @@ -1115,70 +1257,46 @@ "value": "#F5F5F5FF", "comment": "Непрозрачный фон поверхности/контрола по умолчанию" }, - "surfaceTransparentPrimary": { - "value": "[general.gray.50][-0.940]", - "comment": "Основной прозрачный фон поверхности/контрола" - }, "surfaceTransparentPrimaryHover": { - "value": "#FAFAFA1F", + "value": "#FFFFFF1F", "comment": "Основной прозрачный фон поверхности/контрола" }, "surfaceTransparentPrimaryActive": { - "value": "#FAFAFA0A", + "value": "#FFFFFF0A", "comment": "Основной прозрачный фон поверхности/контрола" }, - "surfaceTransparentSecondary": { - "value": "[general.gray.50][-0.880]", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, "surfaceTransparentSecondaryHover": { - "value": "#FAFAFA3D", + "value": "#FFFFFF3D", "comment": "Вторичный прозрачный фон поверхности/контрола" }, "surfaceTransparentSecondaryActive": { - "value": "#FAFAFA0F", + "value": "#FFFFFF0F", "comment": "Вторичный прозрачный фон поверхности/контрола" }, - "surfaceTransparentTertiary": { - "value": "[general.gray.50][-0.800]", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, "surfaceTransparentTertiaryHover": { - "value": "#FAFAFA52", + "value": "#FFFFFF52", "comment": "Третичный прозрачный фон поверхности/контрола" }, "surfaceTransparentTertiaryActive": { - "value": "#FAFAFA24", + "value": "#FFFFFF24", "comment": "Третичный прозрачный фон поверхности/контрола" }, - "surfaceTransparentDeep": { - "value": "[general.gray.50][-0.360]", - "comment": "Глубокий прозрачный фон поверхности/контрола" - }, "surfaceTransparentDeepHover": { - "value": "#FAFAFAC2", + "value": "#FFFFFFC2", "comment": "Глубокий прозрачный фон поверхности/контрола" }, "surfaceTransparentDeepActive": { - "value": "#FAFAFA94", + "value": "#FFFFFF94", "comment": "Глубокий прозрачный фон поверхности/контрола" }, - "surfaceTransparentCard": { - "value": "[general.gray.50][-0.940]", - "comment": "Прозрачный фон для карточек" - }, "surfaceTransparentCardHover": { - "value": "#FAFAFA1F", + "value": "#FFFFFF3D", "comment": "Прозрачный фон для карточек" }, "surfaceTransparentCardActive": { - "value": "#FAFAFA0A", + "value": "#FFFFFF0F", "comment": "Прозрачный фон для карточек" }, - "surfaceClear": { - "value": "#FFFFFF00", - "comment": "Фон поверхности/контрола без заливки" - }, "surfaceClearHover": { "value": "#FFFFFF00", "comment": "Фон поверхности/контрола без заливки" @@ -1187,43 +1305,35 @@ "value": "#FFFFFF00", "comment": "Фон поверхности/контрола без заливки" }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола" - }, "surfaceAccentHover": { - "value": "#1DAF37FF", + "value": "#00C28BFF", "comment": "Акцентный фон поверхности/контрола" }, "surfaceAccentActive": { - "value": "#18952FFF", + "value": "#00A375FF", "comment": "Акцентный фон поверхности/контрола" }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, "surfaceAccentGradientHover": { "value": "#FFFFFFFF", "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": false + "enabled": true }, "surfaceAccentGradientActive": { "value": "#FFFFFFFF", "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": false + "enabled": true }, "surfaceAccentMinor": { - "value": "[general.green.900]", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола" + "value": "[general.arctic.900]", + "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", + "enabled": false }, "surfaceAccentMinorHover": { - "value": "#0E3A16FF", + "value": "#0A3D2FFF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола" }, "surfaceAccentMinorActive": { - "value": "#08210CFF", + "value": "#06231BFF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола" }, "surfaceAccentMinorGradient": { @@ -1242,15 +1352,16 @@ "enabled": false }, "surfaceTransparentAccent": { - "value": "[general.green.500][-0.72]", - "comment": "Прозрачный акцентный фон поверхности/контрола" + "value": "[general.arctic.300][-0.72]", + "comment": "Прозрачный акцентный фон поверхности/контрола", + "enabled": false }, "surfaceTransparentAccentHover": { - "value": "#1A9E3266", + "value": "#14CC9866", "comment": "Прозрачный акцентный фон поверхности/контрола" }, "surfaceTransparentAccentActive": { - "value": "#1A9E3238", + "value": "#14CC9838", "comment": "Прозрачный акцентный фон поверхности/контрола" }, "surfaceTransparentAccentGradient": { @@ -1358,45 +1469,34 @@ "comment": "Прозрачный промо фон поверхности/контрола с градиентом", "enabled": false }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех" - }, "surfacePositiveHover": { - "value": "#1DAF37FF", + "value": "#28C344FF", "comment": "Цвет фона поверхности/контрола успех" }, "surfacePositiveActive": { - "value": "#18952FFF", + "value": "#23A93BFF", "comment": "Цвет фона поверхности/контрола успех" }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, "surfaceWarningHover": { - "value": "#FB7223FF", + "value": "#FF8442FF", "comment": "Цвет фона поверхности/контрола предупреждение" }, "surfaceWarningActive": { - "value": "#F05B05FF", + "value": "#FF6A1AFF", "comment": "Цвет фона поверхности/контрола предупреждение" }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка" - }, "surfaceNegativeHover": { - "value": "#FF475AFF", + "value": "#FF5C6CFF", "comment": "Цвет фона поверхности/контрола ошибка" }, "surfaceNegativeActive": { - "value": "#FF1F35FF", + "value": "#FF3347FF", "comment": "Цвет фона поверхности/контрола ошибка" }, "surfaceInfo": { "value": "[general.blue.500]", - "comment": "Цвет фона поверхности/контрола информация" + "comment": "Цвет фона поверхности/контрола информация", + "enabled": false }, "surfaceInfoHover": { "value": "#1798EEFF", @@ -1408,7 +1508,8 @@ }, "surfacePositiveMinor": { "value": "[general.green.900]", - "comment": "Минорный цвет фона поверхности/контрола успех" + "comment": "Минорный цвет фона поверхности/контрола успех", + "enabled": false }, "surfacePositiveMinorHover": { "value": "#0E3A16FF", @@ -1420,7 +1521,8 @@ }, "surfaceWarningMinor": { "value": "[general.orange.900]", - "comment": "Минорный цвет фона поверхности/контрола предупреждение" + "comment": "Минорный цвет фона поверхности/контрола предупреждение", + "enabled": false }, "surfaceWarningMinorHover": { "value": "#4F250DFF", @@ -1432,7 +1534,8 @@ }, "surfaceNegativeMinor": { "value": "[general.red.900]", - "comment": "Минорный цвет фона поверхности/контрола ошибка" + "comment": "Минорный цвет фона поверхности/контрола ошибка", + "enabled": false }, "surfaceNegativeMinorHover": { "value": "#5B1018FF", @@ -1444,7 +1547,8 @@ }, "surfaceInfoMinor": { "value": "[general.blue.900]", - "comment": "Минорный цвет фона поверхности/контрола информация" + "comment": "Минорный цвет фона поверхности/контрола информация", + "enabled": false }, "surfaceInfoMinorHover": { "value": "#10344CFF", @@ -1456,7 +1560,8 @@ }, "surfaceTransparentPositive": { "value": "[general.green.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола успех" + "comment": "Прозрачный цвет фона поверхности/контрола успех", + "enabled": false }, "surfaceTransparentPositiveHover": { "value": "#1A9E3266", @@ -1468,7 +1573,8 @@ }, "surfaceTransparentWarning": { "value": "[general.orange.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение" + "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", + "enabled": false }, "surfaceTransparentWarningHover": { "value": "#FA5F0566", @@ -1480,7 +1586,8 @@ }, "surfaceTransparentNegative": { "value": "[general.red.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение" + "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", + "enabled": false }, "surfaceTransparentNegativeHover": { "value": "#FF293E66", @@ -1492,7 +1599,8 @@ }, "surfaceTransparentInfo": { "value": "[general.blue.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола информация" + "comment": "Прозрачный цвет фона поверхности/контрола информация", + "enabled": false }, "surfaceTransparentInfoHover": { "value": "#118CDF66", @@ -1501,24 +1609,114 @@ "surfaceTransparentInfoActive": { "value": "#118CDF38", "comment": "Прозрачный цвет фона поверхности/контрола информация" - } - }, - "onDark": { - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimaryHover": { - "value": "#1C1C1CFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" }, - "surfaceSolidPrimaryActive": { - "value": "#121212FF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" + "surfaceClear": { + "value": "#FFFFFF00", + "comment": "Фон поверхности/контрола без заливки" + }, + "surfaceSolidCard": { + "value": "[general.gray.900]", + "comment": "Основной фон для карточек" + }, + "surfaceSolidPrimary": { + "value": "[general.gray.950]", + "comment": "Основной непрозрачный фон поверхности/контрола", + "enabled": true }, "surfaceSolidSecondary": { "value": "[general.gray.900]", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" + "comment": "Вторичный непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidTertiary": { + "value": "[general.gray.850]", + "comment": "Третичный непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidDefault": { + "value": "[general.gray.50]", + "comment": "Непрозрачный фон поверхности/контрола по умолчанию" + }, + "surfaceAccent": { + "value": "[general.arctic.400]", + "comment": "Акцентный фон поверхности/контрола" + }, + "surfaceAccentGradient": { + "value": { + "origin": "linear-gradient(45.00deg, rgb(0, 172, 123) 0.763%, rgb(39, 198, 229) 100%)", + "swift": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(0, 172, 123)", "rgb(39, 198, 229)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + }, + "xml": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(0, 172, 123)", "rgb(39, 198, 229)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + } + }, + "comment": "Акцентный фон поверхности/контрола с градиентом", + "enabled": true + }, + "surfacePositive": { + "value": "[general.green.400]", + "comment": "Цвет фона поверхности/контрола успех" + }, + "surfaceWarning": { + "value": "[general.orange.400]", + "comment": "Цвет фона поверхности/контрола предупреждение" + }, + "surfaceNegative": { + "value": "[general.red.400]", + "comment": "Цвет фона поверхности/контрола ошибка" + }, + "surfaceTransparentCard": { + "value": "rgba(255,255,255,0.12)", + "comment": "Прозрачный фон для карточек" + }, + "surfaceTransparentPrimary": { + "value": "rgba(255,255,255,0.06)", + "comment": "Основной прозрачный фон поверхности/контрола" + }, + "surfaceTransparentSecondary": { + "value": "rgba(255,255,255,0.12)", + "comment": "Вторичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentTertiary": { + "value": "rgba(255,255,255,0.2)", + "comment": "Третичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentDeep": { + "value": "rgba(255,255,255,0.64)", + "comment": "Глубокий прозрачный фон поверхности/контрола" + } + }, + "onDark": { + "surfaceSolidPrimaryHover": { + "value": "#1C1C1CFF", + "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidPrimaryActive": { + "value": "#121212FF", + "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" }, "surfaceSolidSecondaryHover": { "value": "#303030FF", @@ -1528,10 +1726,6 @@ "value": "#212121FF", "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, "surfaceSolidTertiaryHover": { "value": "#404040FF", "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" @@ -1540,22 +1734,14 @@ "value": "#303030FF", "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек на темном фоне" - }, "surfaceSolidCardHover": { - "value": "#1C1C1CFF", + "value": "#303030FF", "comment": "Основной фон для карточек на темном фоне" }, "surfaceSolidCardActive": { - "value": "#121212FF", + "value": "#212121FF", "comment": "Основной фон для карточек на темном фоне" }, - "surfaceSolidDefault": { - "value": "[general.gray.50]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, "surfaceSolidDefaultHover": { "value": "#FFFFFFFF", "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" @@ -1564,70 +1750,46 @@ "value": "#F5F5F5FF", "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" }, - "surfaceTransparentPrimary": { - "value": "[general.gray.50][-0.940]", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, "surfaceTransparentPrimaryHover": { - "value": "#FAFAFA1F", + "value": "#FFFFFF1F", "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" }, "surfaceTransparentPrimaryActive": { - "value": "#FAFAFA0A", + "value": "#FFFFFF0A", "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" }, - "surfaceTransparentSecondary": { - "value": "[general.gray.50][-0.880]", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, "surfaceTransparentSecondaryHover": { - "value": "#FAFAFA3D", + "value": "#FFFFFF3D", "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" }, "surfaceTransparentSecondaryActive": { - "value": "#FAFAFA0F", + "value": "#FFFFFF0F", "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" }, - "surfaceTransparentTertiary": { - "value": "[general.gray.50][-0.800]", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, "surfaceTransparentTertiaryHover": { - "value": "#FAFAFA52", + "value": "#FFFFFF52", "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" }, "surfaceTransparentTertiaryActive": { - "value": "#FAFAFA24", + "value": "#FFFFFF24", "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" }, - "surfaceTransparentDeep": { - "value": "[general.gray.50][-0.360]", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне" - }, "surfaceTransparentDeepHover": { - "value": "#FAFAFAC2", + "value": "#FFFFFFC2", "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне" }, "surfaceTransparentDeepActive": { - "value": "#FAFAFA94", + "value": "#FFFFFF94", "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне" }, - "surfaceTransparentCard": { - "value": "[general.gray.50][-0.940]", - "comment": "Прозрачный фон для карточек на темном фоне" - }, "surfaceTransparentCardHover": { - "value": "#FAFAFA1F", + "value": "#FFFFFF3D", "comment": "Прозрачный фон для карточек на темном фоне" }, "surfaceTransparentCardActive": { - "value": "#FAFAFA0A", + "value": "#FFFFFF0F", "comment": "Прозрачный фон для карточек на темном фоне" }, - "surfaceClear": { - "value": "#FFFFFF00", - "comment": "Фон поверхности/контрола без заливки на темном фоне" - }, "surfaceClearHover": { "value": "#FFFFFF00", "comment": "Фон поверхности/контрола без заливки на темном фоне" @@ -1636,43 +1798,35 @@ "value": "#FFFFFF00", "comment": "Фон поверхности/контрола без заливки на темном фоне" }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, "surfaceAccentHover": { - "value": "#1DAF37FF", + "value": "#00C28BFF", "comment": "Акцентный фон поверхности/контрола на темном фоне" }, "surfaceAccentActive": { - "value": "#18952FFF", + "value": "#00A375FF", "comment": "Акцентный фон поверхности/контрола на темном фоне" }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, "surfaceAccentGradientHover": { "value": "#FFFFFFFF", "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false + "enabled": true }, "surfaceAccentGradientActive": { "value": "#FFFFFFFF", "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false + "enabled": true }, "surfaceAccentMinor": { - "value": "[general.green.900]", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне" + "value": "[general.arctic.900]", + "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", + "enabled": false }, "surfaceAccentMinorHover": { - "value": "#0E3A16FF", + "value": "#0A3D2FFF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне" }, "surfaceAccentMinorActive": { - "value": "#08210CFF", + "value": "#06231BFF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне" }, "surfaceAccentMinorGradient": { @@ -1691,15 +1845,16 @@ "enabled": false }, "surfaceTransparentAccent": { - "value": "[general.green.500][-0.72]", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне" + "value": "[general.arctic.300][-0.72]", + "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", + "enabled": false }, "surfaceTransparentAccentHover": { - "value": "#1A9E3266", + "value": "#14CC9866", "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне" }, "surfaceTransparentAccentActive": { - "value": "#1A9E3238", + "value": "#14CC9838", "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне" }, "surfaceTransparentAccentGradient": { @@ -1807,45 +1962,34 @@ "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", "enabled": false }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех на темном фоне" - }, "surfacePositiveHover": { - "value": "#1DAF37FF", + "value": "#28C344FF", "comment": "Цвет фона поверхности/контрола успех на темном фоне" }, "surfacePositiveActive": { - "value": "#18952FFF", + "value": "#23A93BFF", "comment": "Цвет фона поверхности/контрола успех на темном фоне" }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне" - }, "surfaceWarningHover": { - "value": "#FB7223FF", + "value": "#FF8442FF", "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне" }, "surfaceWarningActive": { - "value": "#F05B05FF", + "value": "#FF6A1AFF", "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне" }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, "surfaceNegativeHover": { - "value": "#FF475AFF", + "value": "#FF5C6CFF", "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" }, "surfaceNegativeActive": { - "value": "#FF1F35FF", + "value": "#FF3347FF", "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" }, "surfaceInfo": { "value": "[general.blue.500]", - "comment": "Цвет фона поверхности/контрола информация на темном фоне" + "comment": "Цвет фона поверхности/контрола информация на темном фоне", + "enabled": false }, "surfaceInfoHover": { "value": "#1798EEFF", @@ -1857,7 +2001,8 @@ }, "surfacePositiveMinor": { "value": "[general.green.900]", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне" + "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", + "enabled": false }, "surfacePositiveMinorHover": { "value": "#0E3A16FF", @@ -1869,7 +2014,8 @@ }, "surfaceWarningMinor": { "value": "[general.orange.900]", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне" + "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", + "enabled": false }, "surfaceWarningMinorHover": { "value": "#4F250DFF", @@ -1881,7 +2027,8 @@ }, "surfaceNegativeMinor": { "value": "[general.red.900]", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне" + "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", + "enabled": false }, "surfaceNegativeMinorHover": { "value": "#5B1018FF", @@ -1893,7 +2040,8 @@ }, "surfaceInfoMinor": { "value": "[general.blue.900]", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне" + "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", + "enabled": false }, "surfaceInfoMinorHover": { "value": "#10344CFF", @@ -1905,7 +2053,8 @@ }, "surfaceTransparentPositive": { "value": "[general.green.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне" + "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", + "enabled": false }, "surfaceTransparentPositiveHover": { "value": "#1A9E3266", @@ -1917,7 +2066,8 @@ }, "surfaceTransparentWarning": { "value": "[general.orange.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне" + "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", + "enabled": false }, "surfaceTransparentWarningHover": { "value": "#FA5F0566", @@ -1929,7 +2079,8 @@ }, "surfaceTransparentNegative": { "value": "[general.red.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне" + "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", + "enabled": false }, "surfaceTransparentNegativeHover": { "value": "#FF293E66", @@ -1941,7 +2092,8 @@ }, "surfaceTransparentInfo": { "value": "[general.blue.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне" + "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", + "enabled": false }, "surfaceTransparentInfoHover": { "value": "#118CDF66", @@ -1950,13 +2102,104 @@ "surfaceTransparentInfoActive": { "value": "#118CDF38", "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне" + }, + "surfaceClear": { + "value": "#FFFFFF00", + "comment": "Фон поверхности/контрола без заливки на темном фоне" + }, + "surfaceSolidPrimary": { + "value": "[general.gray.950]", + "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidSecondary": { + "value": "[general.gray.900]", + "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidTertiary": { + "value": "[general.gray.850]", + "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidCard": { + "value": "[general.gray.900]", + "comment": "Основной фон для карточек на темном фоне" + }, + "surfaceSolidDefault": { + "value": "[general.gray.50]", + "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" + }, + "surfaceAccent": { + "value": "[general.arctic.400]", + "comment": "Акцентный фон поверхности/контрола на темном фоне" + }, + "surfaceAccentGradient": { + "value": { + "origin": "linear-gradient(45.00deg, rgb(0, 172, 123) 0.763%, rgb(39, 198, 229) 100%)", + "swift": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(0, 172, 123)", "rgb(39, 198, 229)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + }, + "xml": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(0, 172, 123)", "rgb(39, 198, 229)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + } + }, + "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", + "enabled": true + }, + "surfacePositive": { + "value": "[general.green.400]", + "comment": "Цвет фона поверхности/контрола успех на темном фоне" + }, + "surfaceWarning": { + "value": "[general.orange.400]", + "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне" + }, + "surfaceNegative": { + "value": "[general.red.400]", + "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" + }, + "surfaceTransparentCard": { + "value": "rgba(255,255,255,0.12)", + "comment": "Прозрачный фон для карточек на темном фоне" + }, + "surfaceTransparentPrimary": { + "value": "rgba(255,255,255,0.06)", + "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentSecondary": { + "value": "rgba(255,255,255,0.12)", + "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentTertiary": { + "value": "rgba(255,255,255,0.2)", + "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentDeep": { + "value": "rgba(255,255,255,0.64)", + "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне" } }, "onLight": { - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" - }, "surfaceSolidPrimaryHover": { "value": "#FAFAFAFF", "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" @@ -1965,34 +2208,22 @@ "value": "#F0F0F0FF", "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", + "value": "#E8E8E8FF", "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" }, "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", + "value": "#D9D9D9FF", "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, "surfaceSolidTertiaryHover": { - "value": "#E8E8E8FF", + "value": "#D1D1D1FF", "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" }, "surfaceSolidTertiaryActive": { - "value": "#D9D9D9FF", + "value": "#C2C2C2FF", "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, "surfaceSolidCardHover": { "value": "#FFFFFFFF", "comment": "Основной фон для карточек на светлом фоне" @@ -2001,10 +2232,6 @@ "value": "#FFFFFFFF", "comment": "Основной фон для карточек на светлом фоне" }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, "surfaceSolidDefaultHover": { "value": "#0D0D0DFF", "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" @@ -2013,22 +2240,14 @@ "value": "#030303FF", "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" }, - "surfaceTransparentPrimary": { - "value": "[general.gray.1000][-0.970]", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне" - }, "surfaceTransparentPrimaryHover": { - "value": "#08080812", + "value": "#0808080F", "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне" }, "surfaceTransparentPrimaryActive": { - "value": "#08080803", + "value": "#08080800", "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне" }, - "surfaceTransparentSecondary": { - "value": "[general.gray.1000][-0.940]", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" - }, "surfaceTransparentSecondaryHover": { "value": "#0808081F", "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" @@ -2037,10 +2256,6 @@ "value": "#0808080A", "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" }, - "surfaceTransparentTertiary": { - "value": "[general.gray.1000][-0.880]", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" - }, "surfaceTransparentTertiaryHover": { "value": "#0808083D", "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" @@ -2049,10 +2264,6 @@ "value": "#0808080F", "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" }, - "surfaceTransparentDeep": { - "value": "[general.gray.1000][-0.360]", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне" - }, "surfaceTransparentDeepHover": { "value": "#080808C2", "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне" @@ -2061,22 +2272,14 @@ "value": "#08080894", "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне" }, - "surfaceTransparentCard": { - "value": "[general.gray.1000][-0.940]", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, "surfaceTransparentCardHover": { - "value": "#0808081F", + "value": "#FFFFFFFF", "comment": "Прозрачный фон для карточек на светлом фоне" }, "surfaceTransparentCardActive": { - "value": "#0808080A", + "value": "#FFFFFFFF", "comment": "Прозрачный фон для карточек на светлом фоне" }, - "surfaceClear": { - "value": "#FFFFFF00", - "comment": "Фон поверхности/контрола без заливки на светлом фоне" - }, "surfaceClearHover": { "value": "#FFFFFF00", "comment": "Фон поверхности/контрола без заливки на светлом фоне" @@ -2085,43 +2288,35 @@ "value": "#FFFFFF00", "comment": "Фон поверхности/контрола без заливки на светлом фоне" }, - "surfaceAccent": { - "value": "[general.green.600]", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, "surfaceAccentHover": { - "value": "#12A12AFF", + "value": "#05AD7EFF", "comment": "Акцентный фон поверхности/контрола на светлом фоне" }, "surfaceAccentActive": { - "value": "#0F8523FF", + "value": "#048F68FF", "comment": "Акцентный фон поверхности/контрола на светлом фоне" }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, "surfaceAccentGradientHover": { "value": "#FFFFFFFF", "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false + "enabled": true }, "surfaceAccentGradientActive": { "value": "#FFFFFFFF", "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false + "enabled": true }, "surfaceAccentMinor": { - "value": "[general.green.200]", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне" + "value": "[general.arctic.200]", + "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", + "enabled": false }, "surfaceAccentMinorHover": { - "value": "#8AF59DFF", + "value": "#7AF5D2FF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне" }, "surfaceAccentMinorActive": { - "value": "#6EF286FF", + "value": "#4BF1C2FF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне" }, "surfaceAccentMinorGradient": { @@ -2140,15 +2335,16 @@ "enabled": false }, "surfaceTransparentAccent": { - "value": "[general.green.600][-0.72]", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне" + "value": "[general.arctic.500][-0.72]", + "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", + "enabled": false }, "surfaceTransparentAccentHover": { - "value": "#108E2566", + "value": "#05996F66", "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне" }, "surfaceTransparentAccentActive": { - "value": "#108E2538", + "value": "#05996F38", "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне" }, "surfaceTransparentAccentGradient": { @@ -2256,10 +2452,6 @@ "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", "enabled": false }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне" - }, "surfacePositiveHover": { "value": "#1DAF37FF", "comment": "Цвет фона поверхности/контрола успех на светлом фоне" @@ -2268,10 +2460,6 @@ "value": "#18952FFF", "comment": "Цвет фона поверхности/контрола успех на светлом фоне" }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне" - }, "surfaceWarningHover": { "value": "#FB7223FF", "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне" @@ -2280,10 +2468,6 @@ "value": "#F05B05FF", "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне" }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, "surfaceNegativeHover": { "value": "#FF475AFF", "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" @@ -2294,7 +2478,8 @@ }, "surfaceInfo": { "value": "[general.blue.500]", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне" + "comment": "Цвет фона поверхности/контрола информация на светлом фоне", + "enabled": false }, "surfaceInfoHover": { "value": "#1798EEFF", @@ -2306,7 +2491,8 @@ }, "surfacePositiveMinor": { "value": "[general.green.200]", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне" + "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", + "enabled": false }, "surfacePositiveMinorHover": { "value": "#8AF59DFF", @@ -2318,7 +2504,8 @@ }, "surfaceWarningMinor": { "value": "[general.orange.200]", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне" + "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", + "enabled": false }, "surfaceWarningMinorHover": { "value": "#FFDECCFF", @@ -2330,7 +2517,8 @@ }, "surfaceNegativeMinor": { "value": "[general.red.200]", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне" + "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", + "enabled": false }, "surfaceNegativeMinorHover": { "value": "#FED7DBFF", @@ -2342,7 +2530,8 @@ }, "surfaceInfoMinor": { "value": "[general.blue.200]", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне" + "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", + "enabled": false }, "surfaceInfoMinorHover": { "value": "#C7E9FFFF", @@ -2354,7 +2543,8 @@ }, "surfaceTransparentPositive": { "value": "[general.green.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне" + "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", + "enabled": false }, "surfaceTransparentPositiveHover": { "value": "#1A9E3266", @@ -2366,7 +2556,8 @@ }, "surfaceTransparentWarning": { "value": "[general.orange.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне" + "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", + "enabled": false }, "surfaceTransparentWarningHover": { "value": "#FA5F0566", @@ -2378,7 +2569,8 @@ }, "surfaceTransparentNegative": { "value": "[general.red.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне" + "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", + "enabled": false }, "surfaceTransparentNegativeHover": { "value": "#FF293E66", @@ -2390,7 +2582,8 @@ }, "surfaceTransparentInfo": { "value": "[general.blue.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне" + "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", + "enabled": false }, "surfaceTransparentInfoHover": { "value": "#118CDF66", @@ -2399,13 +2592,104 @@ "surfaceTransparentInfoActive": { "value": "#118CDF38", "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне" - } - }, - "inverse": { + }, "surfaceSolidPrimary": { "value": "[general.gray.100]", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола" + "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidSecondary": { + "value": "[general.gray.200]", + "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidTertiary": { + "value": "[general.gray.250]", + "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidCard": { + "value": "#FFFFFF", + "comment": "Основной фон для карточек на светлом фоне" + }, + "surfaceSolidDefault": { + "value": "[general.gray.1000]", + "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" + }, + "surfaceClear": { + "value": "#FFFFFF00", + "comment": "Фон поверхности/контрола без заливки на светлом фоне" + }, + "surfaceAccent": { + "value": "[general.arctic.500]", + "comment": "Акцентный фон поверхности/контрола на светлом фоне" + }, + "surfaceAccentGradient": { + "value": { + "origin": "linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%)", + "swift": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(5, 153, 111)", "rgb(27, 160, 227)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + }, + "xml": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(5, 153, 111)", "rgb(27, 160, 227)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + } + }, + "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", + "enabled": true }, + "surfacePositive": { + "value": "[general.green.500]", + "comment": "Цвет фона поверхности/контрола успех на светлом фоне" + }, + "surfaceWarning": { + "value": "[general.orange.500]", + "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне" + }, + "surfaceNegative": { + "value": "[general.red.500]", + "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" + }, + "surfaceTransparentCard": { + "value": "rgb(255,255,255)", + "comment": "Прозрачный фон для карточек на светлом фоне" + }, + "surfaceTransparentPrimary": { + "value": "rgba(8,8,8,0.02)", + "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentSecondary": { + "value": "[general.gray.1000][-0.940]", + "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentTertiary": { + "value": "[general.gray.1000][-0.880]", + "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentDeep": { + "value": "[general.gray.1000][-0.360]", + "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне" + } + }, + "inverse": { "surfaceSolidPrimaryHover": { "value": "#FAFAFAFF", "comment": "Инвертированный основной непрозрачный фон поверхности/контрола" @@ -2414,34 +2698,22 @@ "value": "#F0F0F0FF", "comment": "Инвертированный основной непрозрачный фон поверхности/контрола" }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола" - }, "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", + "value": "#E8E8E8FF", "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола" }, "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", + "value": "#D9D9D9FF", "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола" }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола" - }, "surfaceSolidTertiaryHover": { - "value": "#E8E8E8FF", + "value": "#D1D1D1FF", "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола" }, "surfaceSolidTertiaryActive": { - "value": "#D9D9D9FF", + "value": "#C2C2C2FF", "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола" }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон для карточек" - }, "surfaceSolidCardHover": { "value": "#FFFFFFFF", "comment": "Инвертированный основной фон для карточек" @@ -2450,10 +2722,6 @@ "value": "#FFFFFFFF", "comment": "Инвертированный основной фон для карточек" }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию" - }, "surfaceSolidDefaultHover": { "value": "#0D0D0DFF", "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию" @@ -2462,22 +2730,14 @@ "value": "#030303FF", "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию" }, - "surfaceTransparentPrimary": { - "value": "[general.gray.1000][-0.970]", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола" - }, "surfaceTransparentPrimaryHover": { - "value": "#08080812", + "value": "#0808080F", "comment": "Инвертированный основной прозрачный фон поверхности/контрола" }, "surfaceTransparentPrimaryActive": { - "value": "#08080803", + "value": "#08080800", "comment": "Инвертированный основной прозрачный фон поверхности/контрола" }, - "surfaceTransparentSecondary": { - "value": "[general.gray.1000][-0.940]", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола" - }, "surfaceTransparentSecondaryHover": { "value": "#0808081F", "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола" @@ -2486,10 +2746,6 @@ "value": "#0808080A", "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола" }, - "surfaceTransparentTertiary": { - "value": "[general.gray.1000][-0.880]", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола" - }, "surfaceTransparentTertiaryHover": { "value": "#0808083D", "comment": "Инвертированный третичный прозрачный фон поверхности/контрола" @@ -2498,10 +2754,6 @@ "value": "#0808080F", "comment": "Инвертированный третичный прозрачный фон поверхности/контрола" }, - "surfaceTransparentDeep": { - "value": "[general.gray.1000][-0.360]", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола" - }, "surfaceTransparentDeepHover": { "value": "#080808C2", "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола" @@ -2510,22 +2762,14 @@ "value": "#08080894", "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола" }, - "surfaceTransparentCard": { - "value": "[general.gray.1000][-0.940]", - "comment": "Инвертированный прозрачный фон для карточек" - }, "surfaceTransparentCardHover": { - "value": "#0808081F", + "value": "#FFFFFFFF", "comment": "Инвертированный прозрачный фон для карточек" }, "surfaceTransparentCardActive": { - "value": "#0808080A", + "value": "#FFFFFFFF", "comment": "Инвертированный прозрачный фон для карточек" }, - "surfaceClear": { - "value": "#FFFFFF00", - "comment": "Инвертированный фон поверхности/контрола без заливки" - }, "surfaceClearHover": { "value": "#FFFFFF00", "comment": "Инвертированный фон поверхности/контрола без заливки" @@ -2534,43 +2778,35 @@ "value": "#FFFFFF00", "comment": "Инвертированный фон поверхности/контрола без заливки" }, - "surfaceAccent": { - "value": "[general.green.600]", - "comment": "Инвертированный акцентный фон поверхности/контрола" - }, "surfaceAccentHover": { - "value": "#12A12AFF", + "value": "#05AD7EFF", "comment": "Инвертированный акцентный фон поверхности/контрола" }, "surfaceAccentActive": { - "value": "#0F8523FF", + "value": "#048F68FF", "comment": "Инвертированный акцентный фон поверхности/контрола" }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, "surfaceAccentGradientHover": { "value": "#FFFFFFFF", "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false + "enabled": true }, "surfaceAccentGradientActive": { "value": "#FFFFFFFF", "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false + "enabled": true }, "surfaceAccentMinor": { - "value": "[general.green.200]", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола" + "value": "[general.arctic.200]", + "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", + "enabled": false }, "surfaceAccentMinorHover": { - "value": "#8AF59DFF", + "value": "#7AF5D2FF", "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола" }, "surfaceAccentMinorActive": { - "value": "#6EF286FF", + "value": "#4BF1C2FF", "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола" }, "surfaceAccentMinorGradient": { @@ -2589,15 +2825,16 @@ "enabled": false }, "surfaceTransparentAccent": { - "value": "[general.green.600][-0.72]", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола" + "value": "[general.arctic.500][-0.72]", + "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", + "enabled": false }, "surfaceTransparentAccentHover": { - "value": "#108E2566", + "value": "#05996F66", "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола" }, "surfaceTransparentAccentActive": { - "value": "#108E2538", + "value": "#05996F38", "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола" }, "surfaceTransparentAccentGradient": { @@ -2705,10 +2942,6 @@ "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", "enabled": false }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Инвертированный цвет фона поверхности/контрола успех" - }, "surfacePositiveHover": { "value": "#1DAF37FF", "comment": "Инвертированный цвет фона поверхности/контрола успех" @@ -2717,21 +2950,13 @@ "value": "#18952FFF", "comment": "Инвертированный цвет фона поверхности/контрола успех" }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение" - }, "surfaceWarningHover": { "value": "#FB7223FF", "comment": "Инвертированный цвет фона поверхности/контрола предупреждение" }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка" + "surfaceWarningActive": { + "value": "#F05B05FF", + "comment": "Инвертированный цвет фона поверхности/контрола предупреждение" }, "surfaceNegativeHover": { "value": "#FF475AFF", @@ -2743,7 +2968,8 @@ }, "surfaceInfo": { "value": "[general.blue.500]", - "comment": "Инвертированный цвет фона поверхности/контрола информация" + "comment": "Инвертированный цвет фона поверхности/контрола информация", + "enabled": false }, "surfaceInfoHover": { "value": "#1798EEFF", @@ -2755,7 +2981,8 @@ }, "surfacePositiveMinor": { "value": "[general.green.200]", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех" + "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", + "enabled": false }, "surfacePositiveMinorHover": { "value": "#8AF59DFF", @@ -2767,7 +2994,8 @@ }, "surfaceWarningMinor": { "value": "[general.orange.200]", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение" + "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", + "enabled": false }, "surfaceWarningMinorHover": { "value": "#FFDECCFF", @@ -2779,7 +3007,8 @@ }, "surfaceNegativeMinor": { "value": "[general.red.200]", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка" + "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", + "enabled": false }, "surfaceNegativeMinorHover": { "value": "#FED7DBFF", @@ -2791,7 +3020,8 @@ }, "surfaceInfoMinor": { "value": "[general.blue.200]", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация" + "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", + "enabled": false }, "surfaceInfoMinorHover": { "value": "#C7E9FFFF", @@ -2803,7 +3033,8 @@ }, "surfaceTransparentPositive": { "value": "[general.green.500][-0.72]", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех" + "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", + "enabled": false }, "surfaceTransparentPositiveHover": { "value": "#1A9E3266", @@ -2815,7 +3046,8 @@ }, "surfaceTransparentWarning": { "value": "[general.orange.500][-0.72]", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение" + "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", + "enabled": false }, "surfaceTransparentWarningHover": { "value": "#FA5F0566", @@ -2827,7 +3059,8 @@ }, "surfaceTransparentNegative": { "value": "[general.red.500][-0.72]", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение" + "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", + "enabled": false }, "surfaceTransparentNegativeHover": { "value": "#FF293E66", @@ -2839,7 +3072,8 @@ }, "surfaceTransparentInfo": { "value": "[general.blue.500][-0.72]", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация" + "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", + "enabled": false }, "surfaceTransparentInfoHover": { "value": "#118CDF66", @@ -2848,15 +3082,106 @@ "surfaceTransparentInfoActive": { "value": "#118CDF38", "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация" + }, + "surfaceSolidPrimary": { + "value": "[general.gray.100]", + "comment": "Инвертированный основной непрозрачный фон поверхности/контрола" + }, + "surfaceSolidSecondary": { + "value": "[general.gray.200]", + "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidTertiary": { + "value": "[general.gray.250]", + "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidCard": { + "value": "#FFFFFF", + "comment": "Инвертированный основной фон для карточек" + }, + "surfaceSolidDefault": { + "value": "[general.gray.1000]", + "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию" + }, + "surfaceClear": { + "value": "#FFFFFF00", + "comment": "Инвертированный фон поверхности/контрола без заливки" + }, + "surfaceAccent": { + "value": "[general.arctic.500]", + "comment": "Инвертированный акцентный фон поверхности/контрола" + }, + "surfaceAccentGradient": { + "value": { + "origin": "linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%)", + "swift": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(5, 153, 111)", "rgb(27, 160, 227)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + }, + "xml": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(5, 153, 111)", "rgb(27, 160, 227)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + } + }, + "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", + "enabled": true + }, + "surfacePositive": { + "value": "[general.green.500]", + "comment": "Инвертированный цвет фона поверхности/контрола успех" + }, + "surfaceWarning": { + "value": "[general.orange.500]", + "comment": "Инвертированный цвет фона поверхности/контрола предупреждение" + }, + "surfaceNegative": { + "value": "[general.red.500]", + "comment": "Инвертированный цвет фона поверхности/контрола ошибка" + }, + "surfaceTransparentCard": { + "value": "rgb(255,255,255)", + "comment": "Инвертированный прозрачный фон для карточек" + }, + "surfaceTransparentPrimary": { + "value": "rgba(8,8,8,0.02)", + "comment": "Инвертированный основной прозрачный фон поверхности/контрола" + }, + "surfaceTransparentSecondary": { + "value": "[general.gray.1000][-0.940]", + "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentTertiary": { + "value": "[general.gray.1000][-0.880]", + "comment": "Инвертированный третичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentDeep": { + "value": "[general.gray.1000][-0.360]", + "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола" } } }, "background": { "default": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон" - }, "backgroundSecondary": { "value": "#FFFFFF", "comment": "Вторичный фон", @@ -2866,13 +3191,13 @@ "value": "#FFFFFF", "comment": "Третичный фон", "enabled": false + }, + "backgroundPrimary": { + "value": "[general.gray.950]", + "comment": "Основной фон" } }, "dark": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон на темном фоне" - }, "backgroundSecondary": { "value": "#FFFFFF", "comment": "Вторичный фон на темном фоне", @@ -2882,13 +3207,13 @@ "value": "#FFFFFF", "comment": "Третичный фон на темном фоне", "enabled": false + }, + "backgroundPrimary": { + "value": "[general.gray.950]", + "comment": "Основной фон на темном фоне" } }, "light": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон на светлом фоне" - }, "backgroundSecondary": { "value": "#FFFFFF", "comment": "Вторичный фон на светлом фоне", @@ -2898,13 +3223,13 @@ "value": "#FFFFFF", "comment": "Третичный фон на светлом фоне", "enabled": false + }, + "backgroundPrimary": { + "value": "[general.gray.100]", + "comment": "Основной фон на светлом фоне" } }, "inverse": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Инвертированный основной фон" - }, "backgroundSecondary": { "value": "#FFFFFF", "comment": "Инвертированный вторичный фон", @@ -2914,6 +3239,10 @@ "value": "#FFFFFF", "comment": "Инвертированный третичный фон", "enabled": false + }, + "backgroundPrimary": { + "value": "[general.gray.100]", + "comment": "Инвертированный основной фон" } } }, @@ -2979,111 +3308,138 @@ "default": { "outlineSolidPrimary": { "value": "[general.gray.900]", - "comment": "Основной непрозрачный цвет обводки" + "comment": "Основной непрозрачный цвет обводки", + "enabled": false }, "outlineSolidPrimaryHover": { "value": "#FFFFFFFF", - "comment": "Основной непрозрачный цвет обводки" + "comment": "Основной непрозрачный цвет обводки", + "enabled": false }, "outlineSolidPrimaryActive": { "value": "#ADADADFF", - "comment": "Основной непрозрачный цвет обводки" + "comment": "Основной непрозрачный цвет обводки", + "enabled": false }, "outlineSolidSecondary": { "value": "[general.gray.850]", - "comment": "Вторичный непрозрачный цвет обводки" + "comment": "Вторичный непрозрачный цвет обводки", + "enabled": false }, "outlineSolidSecondaryHover": { "value": "#FFFFFFFF", - "comment": "Вторичный непрозрачный цвет обводки" + "comment": "Вторичный непрозрачный цвет обводки", + "enabled": false }, "outlineSolidSecondaryActive": { "value": "#A1A1A1FF", - "comment": "Вторичный непрозрачный цвет обводки" + "comment": "Вторичный непрозрачный цвет обводки", + "enabled": false }, "outlineSolidTertiary": { "value": "[general.gray.800]", - "comment": "Третичный непрозрачный цвет обводки" + "comment": "Третичный непрозрачный цвет обводки", + "enabled": false }, "outlineSolidTertiaryHover": { "value": "#FFFFFFFF", - "comment": "Третичный непрозрачный цвет обводки" + "comment": "Третичный непрозрачный цвет обводки", + "enabled": false }, "outlineSolidTertiaryActive": { "value": "#8C8C8CFF", - "comment": "Третичный непрозрачный цвет обводки" + "comment": "Третичный непрозрачный цвет обводки", + "enabled": false }, "outlineTransparentDefault": { "value": "[general.gray.50][-0.0400]", - "comment": "Прозрачный цвет обводки по умолчанию" + "comment": "Прозрачный цвет обводки по умолчанию", + "enabled": false }, "outlineTransparentDefaultHover": { "value": "#FAFAFA93", - "comment": "Прозрачный цвет обводки по умолчанию" + "comment": "Прозрачный цвет обводки по умолчанию", + "enabled": false }, "outlineTransparentDefaultActive": { "value": "#FAFAFAC4", - "comment": "Прозрачный цвет обводки по умолчанию" + "comment": "Прозрачный цвет обводки по умолчанию", + "enabled": false }, "outlineTransparentPrimary": { "value": "[general.gray.50][-0.880]", - "comment": "Основной прозрачный цвет обводки" + "comment": "Основной прозрачный цвет обводки", + "enabled": false }, "outlineTransparentPrimaryHover": { "value": "#FAFAFAFF", - "comment": "Основной прозрачный цвет обводки" + "comment": "Основной прозрачный цвет обводки", + "enabled": false }, "outlineTransparentPrimaryActive": { "value": "#FAFAFA25", - "comment": "Основной прозрачный цвет обводки" + "comment": "Основной прозрачный цвет обводки", + "enabled": false }, "outlineTransparentSecondary": { "value": "[general.gray.50][-0.800]", - "comment": "Вторичный прозрачный цвет обводки" + "comment": "Вторичный прозрачный цвет обводки", + "enabled": false }, "outlineTransparentSecondaryHover": { "value": "#FAFAFAFF", - "comment": "Вторичный прозрачный цвет обводки" + "comment": "Вторичный прозрачный цвет обводки", + "enabled": false }, "outlineTransparentSecondaryActive": { "value": "#FAFAFA3D", - "comment": "Вторичный прозрачный цвет обводки" + "comment": "Вторичный прозрачный цвет обводки", + "enabled": false }, "outlineTransparentTertiary": { "value": "[general.gray.50][-0.720]", - "comment": "Третичный прозрачный цвет обводки" + "comment": "Третичный прозрачный цвет обводки", + "enabled": false }, "outlineTransparentTertiaryHover": { "value": "#FAFAFAFF", - "comment": "Третичный прозрачный цвет обводки" + "comment": "Третичный прозрачный цвет обводки", + "enabled": false }, "outlineTransparentTertiaryActive": { "value": "#FAFAFA56", - "comment": "Третичный прозрачный цвет обводки" + "comment": "Третичный прозрачный цвет обводки", + "enabled": false }, "outlineClear": { "value": "#FFFFFF00", - "comment": "Бесцветная обводка" + "comment": "Бесцветная обводка", + "enabled": false }, "outlineClearHover": { "value": "#FFFFFF00", - "comment": "Бесцветная обводка" + "comment": "Бесцветная обводка", + "enabled": false }, "outlineClearActive": { "value": "#FFFFFF00", - "comment": "Бесцветная обводка" + "comment": "Бесцветная обводка", + "enabled": false }, "outlineAccent": { - "value": "[general.green.500]", - "comment": "Акцентный цвет обводки" + "value": "[general.arctic.300]", + "comment": "Акцентный цвет обводки", + "enabled": false }, "outlineAccentHover": { - "value": "#1EB83AFF", - "comment": "Акцентный цвет обводки" + "value": "#17E8ADFF", + "comment": "Акцентный цвет обводки", + "enabled": false }, "outlineAccentActive": { - "value": "#15842AFF", - "comment": "Акцентный цвет обводки" + "value": "#11B083FF", + "comment": "Акцентный цвет обводки", + "enabled": false }, "outlineAccentGradient": { "value": "#FFFFFF", @@ -3101,16 +3457,19 @@ "enabled": false }, "outlineAccentMinor": { - "value": "[general.green.850]", - "comment": "Акцентный минорный непрозрачный цвет обводки" + "value": "[general.arctic.850]", + "comment": "Акцентный минорный непрозрачный цвет обводки", + "enabled": false }, "outlineAccentMinorHover": { - "value": "#137725FF", - "comment": "Акцентный минорный непрозрачный цвет обводки" + "value": "#117458FF", + "comment": "Акцентный минорный непрозрачный цвет обводки", + "enabled": false }, "outlineAccentMinorActive": { - "value": "#0E5D1DFF", - "comment": "Акцентный минорный непрозрачный цвет обводки" + "value": "#0D5944FF", + "comment": "Акцентный минорный непрозрачный цвет обводки", + "enabled": false }, "outlineAccentMinorGradient": { "value": "#FFFFFF", @@ -3128,16 +3487,19 @@ "enabled": false }, "outlineTransparentAccent": { - "value": "[general.green.500][-0.6]", - "comment": "Прозрачный акцентный цвет обводки" + "value": "[general.arctic.300][-0.6]", + "comment": "Прозрачный акцентный цвет обводки", + "enabled": false }, "outlineTransparentAccentHover": { - "value": "#1A9E32FF", - "comment": "Прозрачный акцентный цвет обводки" + "value": "#14CC98FF", + "comment": "Прозрачный акцентный цвет обводки", + "enabled": false }, "outlineTransparentAccentActive": { - "value": "#1A9E327A", - "comment": "Прозрачный акцентный цвет обводки" + "value": "#14CC987A", + "comment": "Прозрачный акцентный цвет обводки", + "enabled": false }, "outlineTransparentAccentGradient": { "value": "#FFFFFF", @@ -3216,257 +3578,320 @@ }, "outlinePositive": { "value": "[general.green.500]", - "comment": "Цвет обводки успех" + "comment": "Цвет обводки успех", + "enabled": false }, "outlinePositiveHover": { "value": "#1EB83AFF", - "comment": "Цвет обводки успех" + "comment": "Цвет обводки успех", + "enabled": false }, "outlinePositiveActive": { "value": "#15842AFF", - "comment": "Цвет обводки успех" + "comment": "Цвет обводки успех", + "enabled": false }, "outlineWarning": { "value": "[general.orange.500]", - "comment": "Цвет обводки предупреждение" + "comment": "Цвет обводки предупреждение", + "enabled": false }, "outlineWarningHover": { "value": "#FB7223FF", - "comment": "Цвет обводки предупреждение" + "comment": "Цвет обводки предупреждение", + "enabled": false }, "outlineWarningActive": { "value": "#DC5304FF", - "comment": "Цвет обводки предупреждение" + "comment": "Цвет обводки предупреждение", + "enabled": false }, "outlineNegative": { "value": "[general.red.500]", - "comment": "Цвет обводки ошибка" + "comment": "Цвет обводки ошибка", + "enabled": false }, "outlineNegativeHover": { "value": "#FF475AFF", - "comment": "Цвет обводки ошибка" + "comment": "Цвет обводки ошибка", + "enabled": false }, "outlineNegativeActive": { "value": "#FF0A23FF", - "comment": "Цвет обводки ошибка" + "comment": "Цвет обводки ошибка", + "enabled": false }, "outlineInfo": { "value": "[general.blue.500]", - "comment": "Цвет обводки информация" + "comment": "Цвет обводки информация", + "enabled": false }, "outlineInfoHover": { "value": "#50B1F2FF", - "comment": "Цвет обводки информация" + "comment": "Цвет обводки информация", + "enabled": false }, "outlineInfoActive": { "value": "#0F7BC2FF", - "comment": "Цвет обводки информация" + "comment": "Цвет обводки информация", + "enabled": false }, "outlinePositiveMinor": { "value": "[general.green.850]", - "comment": "Минорный цвет обводки успех" + "comment": "Минорный цвет обводки успех", + "enabled": false }, "outlinePositiveMinorHover": { "value": "#137725FF", - "comment": "Минорный цвет обводки успех" + "comment": "Минорный цвет обводки успех", + "enabled": false }, "outlinePositiveMinorActive": { "value": "#0E5D1DFF", - "comment": "Минорный цвет обводки успех" + "comment": "Минорный цвет обводки успех", + "enabled": false }, "outlineWarningMinor": { "value": "[general.orange.850]", - "comment": "Минорный цвет обводки предупреждение" + "comment": "Минорный цвет обводки предупреждение", + "enabled": false }, "outlineWarningMinorHover": { "value": "#95400FFF", - "comment": "Минорный цвет обводки предупреждение" + "comment": "Минорный цвет обводки предупреждение", + "enabled": false }, "outlineWarningMinorActive": { "value": "#79340CFF", - "comment": "Минорный цвет обводки предупреждение" + "comment": "Минорный цвет обводки предупреждение", + "enabled": false }, "outlineNegativeMinor": { "value": "[general.red.850]", - "comment": "Минорный цвет обводки ошибка" + "comment": "Минорный цвет обводки ошибка", + "enabled": false }, "outlineNegativeMinorHover": { "value": "#A01825FF", - "comment": "Минорный цвет обводки ошибка" + "comment": "Минорный цвет обводки ошибка", + "enabled": false }, "outlineNegativeMinorActive": { "value": "#85141FFF", - "comment": "Минорный цвет обводки ошибка" + "comment": "Минорный цвет обводки ошибка", + "enabled": false }, "outlineInfoMinor": { "value": "[general.blue.850]", - "comment": "Минорный цвет обводки информация" + "comment": "Минорный цвет обводки информация", + "enabled": false }, "outlineInfoMinorHover": { "value": "#145E8FFF", - "comment": "Минорный цвет обводки информация" + "comment": "Минорный цвет обводки информация", + "enabled": false }, "outlineInfoMinorActive": { "value": "#114C74FF", - "comment": "Минорный цвет обводки информация" + "comment": "Минорный цвет обводки информация", + "enabled": false }, "outlineTransparentPositive": { "value": "[general.green.500][-0.72]", - "comment": "Прозрачный цвет обводки успех" + "comment": "Прозрачный цвет обводки успех", + "enabled": false }, "outlineTransparentPositiveHover": { "value": "#1A9E32FF", - "comment": "Прозрачный цвет обводки успех" + "comment": "Прозрачный цвет обводки успех", + "enabled": false }, "outlineTransparentPositiveActive": { "value": "#1A9E3256", - "comment": "Прозрачный цвет обводки успех" + "comment": "Прозрачный цвет обводки успех", + "enabled": false }, "outlineTransparentWarning": { "value": "[general.orange.500][-0.72]", - "comment": "Прозрачный цвет обводки предупреждение" + "comment": "Прозрачный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentWarningHover": { "value": "#FA5F05FF", - "comment": "Прозрачный цвет обводки предупреждение" + "comment": "Прозрачный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentWarningActive": { "value": "#FA5F0556", - "comment": "Прозрачный цвет обводки предупреждение" + "comment": "Прозрачный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentNegative": { "value": "[general.red.500][-0.72]", - "comment": "Прозрачный цвет обводки предупреждение" + "comment": "Прозрачный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentNegativeHover": { "value": "#FF293EFF", - "comment": "Прозрачный цвет обводки предупреждение" + "comment": "Прозрачный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentNegativeActive": { "value": "#FF293E56", - "comment": "Прозрачный цвет обводки предупреждение" + "comment": "Прозрачный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentInfo": { "value": "[general.blue.500][-0.72]", - "comment": "Прозрачный цвет обводки информация" + "comment": "Прозрачный цвет обводки информация", + "enabled": false }, "outlineTransparentInfoHover": { "value": "#118CDFFF", - "comment": "Прозрачный цвет обводки информация" + "comment": "Прозрачный цвет обводки информация", + "enabled": false }, "outlineTransparentInfoActive": { "value": "#118CDF56", - "comment": "Прозрачный цвет обводки информация" + "comment": "Прозрачный цвет обводки информация", + "enabled": false } }, "onDark": { "outlineSolidPrimary": { "value": "[general.gray.900]", - "comment": "Основной непрозрачный цвет обводки на темном фоне" + "comment": "Основной непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineSolidPrimaryHover": { "value": "#FFFFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне" + "comment": "Основной непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineSolidPrimaryActive": { "value": "#ADADADFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне" + "comment": "Основной непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineSolidSecondary": { "value": "[general.gray.850]", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне" + "comment": "Вторичный непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineSolidSecondaryHover": { "value": "#FFFFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне" + "comment": "Вторичный непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineSolidSecondaryActive": { "value": "#A1A1A1FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне" + "comment": "Вторичный непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineSolidTertiary": { "value": "[general.gray.800]", - "comment": "Третичный непрозрачный цвет обводки на темном фоне" + "comment": "Третичный непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineSolidTertiaryHover": { "value": "#FFFFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне" + "comment": "Третичный непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineSolidTertiaryActive": { "value": "#8C8C8CFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне" + "comment": "Третичный непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentDefault": { "value": "[general.gray.50][-0.0400]", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне" + "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", + "enabled": false }, "outlineTransparentDefaultHover": { "value": "#FAFAFA93", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне" + "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", + "enabled": false }, "outlineTransparentDefaultActive": { "value": "#FAFAFAC4", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне" + "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", + "enabled": false }, "outlineTransparentPrimary": { "value": "[general.gray.50][-0.880]", - "comment": "Основной прозрачный цвет обводки на темном фоне" + "comment": "Основной прозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentPrimaryHover": { "value": "#FAFAFAFF", - "comment": "Основной прозрачный цвет обводки на темном фоне" + "comment": "Основной прозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentPrimaryActive": { "value": "#FAFAFA25", - "comment": "Основной прозрачный цвет обводки на темном фоне" + "comment": "Основной прозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentSecondary": { "value": "[general.gray.50][-0.800]", - "comment": "Вторичный прозрачный цвет обводки на темном фоне" + "comment": "Вторичный прозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentSecondaryHover": { "value": "#FAFAFAFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне" + "comment": "Вторичный прозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentSecondaryActive": { "value": "#FAFAFA3D", - "comment": "Вторичный прозрачный цвет обводки на темном фоне" + "comment": "Вторичный прозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentTertiary": { "value": "[general.gray.50][-0.720]", - "comment": "Третичный прозрачный цвет обводки на темном фоне" + "comment": "Третичный прозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentTertiaryHover": { "value": "#FAFAFAFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне" + "comment": "Третичный прозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentTertiaryActive": { "value": "#FAFAFA56", - "comment": "Третичный прозрачный цвет обводки на темном фоне" + "comment": "Третичный прозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineClear": { "value": "#FFFFFF00", - "comment": "Бесцветная обводка на темном фоне" + "comment": "Бесцветная обводка на темном фоне", + "enabled": false }, "outlineClearHover": { "value": "#FFFFFF00", - "comment": "Бесцветная обводка на темном фоне" + "comment": "Бесцветная обводка на темном фоне", + "enabled": false }, "outlineClearActive": { "value": "#FFFFFF00", - "comment": "Бесцветная обводка на темном фоне" + "comment": "Бесцветная обводка на темном фоне", + "enabled": false }, "outlineAccent": { - "value": "[general.green.500]", - "comment": "Акцентный цвет обводки на темном фоне" + "value": "[general.arctic.300]", + "comment": "Акцентный цвет обводки на темном фоне", + "enabled": false }, "outlineAccentHover": { - "value": "#1EB83AFF", - "comment": "Акцентный цвет обводки на темном фоне" + "value": "#17E8ADFF", + "comment": "Акцентный цвет обводки на темном фоне", + "enabled": false }, "outlineAccentActive": { - "value": "#15842AFF", - "comment": "Акцентный цвет обводки на темном фоне" + "value": "#11B083FF", + "comment": "Акцентный цвет обводки на темном фоне", + "enabled": false }, "outlineAccentGradient": { "value": "#FFFFFF", @@ -3484,16 +3909,19 @@ "enabled": false }, "outlineAccentMinor": { - "value": "[general.green.850]", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне" + "value": "[general.arctic.850]", + "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineAccentMinorHover": { - "value": "#137725FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне" + "value": "#117458FF", + "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineAccentMinorActive": { - "value": "#0E5D1DFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне" + "value": "#0D5944FF", + "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineAccentMinorGradient": { "value": "#FFFFFF", @@ -3511,16 +3939,19 @@ "enabled": false }, "outlineTransparentAccent": { - "value": "[general.green.500][-0.6]", - "comment": "Прозрачный акцентный цвет обводки на темном фоне" + "value": "[general.arctic.300][-0.6]", + "comment": "Прозрачный акцентный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentAccentHover": { - "value": "#1A9E32FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне" + "value": "#14CC98FF", + "comment": "Прозрачный акцентный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentAccentActive": { - "value": "#1A9E327A", - "comment": "Прозрачный акцентный цвет обводки на темном фоне" + "value": "#14CC987A", + "comment": "Прозрачный акцентный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentAccentGradient": { "value": "#FFFFFF", @@ -3599,257 +4030,320 @@ }, "outlinePositive": { "value": "[general.green.500]", - "comment": "Цвет обводки успех на темном фоне" + "comment": "Цвет обводки успех на темном фоне", + "enabled": false }, "outlinePositiveHover": { "value": "#1EB83AFF", - "comment": "Цвет обводки успех на темном фоне" + "comment": "Цвет обводки успех на темном фоне", + "enabled": false }, "outlinePositiveActive": { "value": "#15842AFF", - "comment": "Цвет обводки успех на темном фоне" + "comment": "Цвет обводки успех на темном фоне", + "enabled": false }, "outlineWarning": { "value": "[general.orange.500]", - "comment": "Цвет обводки предупреждение на темном фоне" + "comment": "Цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineWarningHover": { "value": "#FB7223FF", - "comment": "Цвет обводки предупреждение на темном фоне" + "comment": "Цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineWarningActive": { "value": "#DC5304FF", - "comment": "Цвет обводки предупреждение на темном фоне" + "comment": "Цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineNegative": { "value": "[general.red.500]", - "comment": "Цвет обводки ошибка на темном фоне" + "comment": "Цвет обводки ошибка на темном фоне", + "enabled": false }, "outlineNegativeHover": { "value": "#FF475AFF", - "comment": "Цвет обводки ошибка на темном фоне" + "comment": "Цвет обводки ошибка на темном фоне", + "enabled": false }, "outlineNegativeActive": { "value": "#FF0A23FF", - "comment": "Цвет обводки ошибка на темном фоне" + "comment": "Цвет обводки ошибка на темном фоне", + "enabled": false }, "outlineInfo": { "value": "[general.blue.500]", - "comment": "Цвет обводки информация на темном фоне" + "comment": "Цвет обводки информация на темном фоне", + "enabled": false }, "outlineInfoHover": { "value": "#50B1F2FF", - "comment": "Цвет обводки информация на темном фоне" + "comment": "Цвет обводки информация на темном фоне", + "enabled": false }, "outlineInfoActive": { "value": "#0F7BC2FF", - "comment": "Цвет обводки информация на темном фоне" + "comment": "Цвет обводки информация на темном фоне", + "enabled": false }, "outlinePositiveMinor": { "value": "[general.green.850]", - "comment": "Минорный цвет обводки успех на темном фоне" + "comment": "Минорный цвет обводки успех на темном фоне", + "enabled": false }, "outlinePositiveMinorHover": { "value": "#137725FF", - "comment": "Минорный цвет обводки успех на темном фоне" + "comment": "Минорный цвет обводки успех на темном фоне", + "enabled": false }, "outlinePositiveMinorActive": { "value": "#0E5D1DFF", - "comment": "Минорный цвет обводки успех на темном фоне" + "comment": "Минорный цвет обводки успех на темном фоне", + "enabled": false }, "outlineWarningMinor": { "value": "[general.orange.850]", - "comment": "Минорный цвет обводки предупреждение на темном фоне" + "comment": "Минорный цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineWarningMinorHover": { "value": "#95400FFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне" + "comment": "Минорный цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineWarningMinorActive": { "value": "#79340CFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне" + "comment": "Минорный цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineNegativeMinor": { "value": "[general.red.850]", - "comment": "Минорный цвет обводки ошибка на темном фоне" + "comment": "Минорный цвет обводки ошибка на темном фоне", + "enabled": false }, "outlineNegativeMinorHover": { "value": "#A01825FF", - "comment": "Минорный цвет обводки ошибка на темном фоне" + "comment": "Минорный цвет обводки ошибка на темном фоне", + "enabled": false }, "outlineNegativeMinorActive": { "value": "#85141FFF", - "comment": "Минорный цвет обводки ошибка на темном фоне" + "comment": "Минорный цвет обводки ошибка на темном фоне", + "enabled": false }, "outlineInfoMinor": { "value": "[general.blue.850]", - "comment": "Минорный цвет обводки информация на темном фоне" + "comment": "Минорный цвет обводки информация на темном фоне", + "enabled": false }, "outlineInfoMinorHover": { "value": "#145E8FFF", - "comment": "Минорный цвет обводки информация на темном фоне" + "comment": "Минорный цвет обводки информация на темном фоне", + "enabled": false }, "outlineInfoMinorActive": { "value": "#114C74FF", - "comment": "Минорный цвет обводки информация на темном фоне" + "comment": "Минорный цвет обводки информация на темном фоне", + "enabled": false }, "outlineTransparentPositive": { "value": "[general.green.500][-0.72]", - "comment": "Прозрачный цвет обводки успех на темном фоне" + "comment": "Прозрачный цвет обводки успех на темном фоне", + "enabled": false }, "outlineTransparentPositiveHover": { "value": "#1A9E32FF", - "comment": "Прозрачный цвет обводки успех на темном фоне" + "comment": "Прозрачный цвет обводки успех на темном фоне", + "enabled": false }, "outlineTransparentPositiveActive": { "value": "#1A9E3256", - "comment": "Прозрачный цвет обводки успех на темном фоне" + "comment": "Прозрачный цвет обводки успех на темном фоне", + "enabled": false }, "outlineTransparentWarning": { "value": "[general.orange.500][-0.72]", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне" + "comment": "Прозрачный цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineTransparentWarningHover": { "value": "#FA5F05FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне" + "comment": "Прозрачный цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineTransparentWarningActive": { "value": "#FA5F0556", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне" + "comment": "Прозрачный цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineTransparentNegative": { "value": "[general.red.500][-0.72]", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне" + "comment": "Прозрачный цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineTransparentNegativeHover": { "value": "#FF293EFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне" + "comment": "Прозрачный цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineTransparentNegativeActive": { "value": "#FF293E56", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне" + "comment": "Прозрачный цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineTransparentInfo": { "value": "[general.blue.500][-0.72]", - "comment": "Прозрачный цвет обводки информация на темном фоне" + "comment": "Прозрачный цвет обводки информация на темном фоне", + "enabled": false }, "outlineTransparentInfoHover": { "value": "#118CDFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне" + "comment": "Прозрачный цвет обводки информация на темном фоне", + "enabled": false }, "outlineTransparentInfoActive": { "value": "#118CDF56", - "comment": "Прозрачный цвет обводки информация на темном фоне" + "comment": "Прозрачный цвет обводки информация на темном фоне", + "enabled": false } }, "onLight": { "outlineSolidPrimary": { "value": "[general.gray.200]", - "comment": "Основной непрозрачный цвет обводки на светлом фоне" + "comment": "Основной непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineSolidPrimaryHover": { "value": "#ABABABFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне" + "comment": "Основной непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineSolidPrimaryActive": { "value": "#C4C4C4FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне" + "comment": "Основной непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineSolidSecondary": { "value": "[general.gray.300]", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне" + "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineSolidSecondaryHover": { "value": "#FFFFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне" + "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineSolidSecondaryActive": { "value": "#3D3D3DFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне" + "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineSolidTertiary": { "value": "[general.gray.700]", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне" + "comment": "Третичный непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineSolidTertiaryHover": { "value": "#FFFFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне" + "comment": "Третичный непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineSolidTertiaryActive": { "value": "#737373FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне" + "comment": "Третичный непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentDefault": { "value": "[general.gray.1000][-0.0400]", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне" + "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", + "enabled": false }, "outlineTransparentDefaultHover": { "value": "#08080893", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне" + "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", + "enabled": false }, "outlineTransparentDefaultActive": { "value": "#080808C4", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне" + "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", + "enabled": false }, "outlineTransparentPrimary": { "value": "[general.gray.1000][-0.880]", - "comment": "Основной прозрачный цвет обводки на светлом фоне" + "comment": "Основной прозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentPrimaryHover": { "value": "#080808FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне" + "comment": "Основной прозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentPrimaryActive": { "value": "#08080825", - "comment": "Основной прозрачный цвет обводки на светлом фоне" + "comment": "Основной прозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentSecondary": { "value": "[general.gray.1000][-0.720]", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне" + "comment": "Вторичный прозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentSecondaryHover": { "value": "#080808FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне" + "comment": "Вторичный прозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentSecondaryActive": { "value": "#08080856", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне" + "comment": "Вторичный прозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentTertiary": { "value": "[general.gray.1000][-0.440]", - "comment": "Третичный прозрачный цвет обводки на светлом фоне" + "comment": "Третичный прозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentTertiaryHover": { "value": "#080808FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне" + "comment": "Третичный прозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentTertiaryActive": { "value": "#080808AB", - "comment": "Третичный прозрачный цвет обводки на светлом фоне" + "comment": "Третичный прозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineClear": { "value": "#FFFFFF00", - "comment": "Бесцветная обводка на светлом фоне" + "comment": "Бесцветная обводка на светлом фоне", + "enabled": false }, "outlineClearHover": { "value": "#FFFFFF00", - "comment": "Бесцветная обводка на светлом фоне" + "comment": "Бесцветная обводка на светлом фоне", + "enabled": false }, "outlineClearActive": { "value": "#FFFFFF00", - "comment": "Бесцветная обводка на светлом фоне" + "comment": "Бесцветная обводка на светлом фоне", + "enabled": false }, "outlineAccent": { - "value": "[general.green.600]", - "comment": "Акцентный цвет обводки на светлом фоне" + "value": "[general.arctic.500]", + "comment": "Акцентный цвет обводки на светлом фоне", + "enabled": false }, "outlineAccentHover": { - "value": "#13AA2CFF", - "comment": "Акцентный цвет обводки на светлом фоне" + "value": "#06B785FF", + "comment": "Акцентный цвет обводки на светлом фоне", + "enabled": false }, "outlineAccentActive": { - "value": "#0D731EFF", - "comment": "Акцентный цвет обводки на светлом фоне" + "value": "#047C5AFF", + "comment": "Акцентный цвет обводки на светлом фоне", + "enabled": false }, "outlineAccentGradient": { "value": "#FFFFFF", @@ -3867,16 +4361,19 @@ "enabled": false }, "outlineAccentMinor": { - "value": "[general.green.250]", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне" + "value": "[general.arctic.250]", + "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineAccentMinorHover": { - "value": "#5FE778FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне" + "value": "#58E4BAFF", + "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineAccentMinorActive": { - "value": "#2ADF4BFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне" + "value": "#24DBA4FF", + "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineAccentMinorGradient": { "value": "#FFFFFF", @@ -3894,16 +4391,19 @@ "enabled": false }, "outlineTransparentAccent": { - "value": "[general.green.600][-0.6]", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне" + "value": "[general.arctic.500][-0.6]", + "comment": "Прозрачный акцентный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentAccentHover": { - "value": "#108E25FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне" + "value": "#05996FFF", + "comment": "Прозрачный акцентный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentAccentActive": { - "value": "#108E257A", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне" + "value": "#05996F7A", + "comment": "Прозрачный акцентный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentAccentGradient": { "value": "#FFFFFF", @@ -3982,257 +4482,320 @@ }, "outlinePositive": { "value": "[general.green.600]", - "comment": "Цвет обводки успех на светлом фоне" + "comment": "Цвет обводки успех на светлом фоне", + "enabled": false }, "outlinePositiveHover": { "value": "#13AA2CFF", - "comment": "Цвет обводки успех на светлом фоне" + "comment": "Цвет обводки успех на светлом фоне", + "enabled": false }, "outlinePositiveActive": { "value": "#0D731EFF", - "comment": "Цвет обводки успех на светлом фоне" + "comment": "Цвет обводки успех на светлом фоне", + "enabled": false }, "outlineWarning": { "value": "[general.orange.600]", - "comment": "Цвет обводки предупреждение на светлом фоне" + "comment": "Цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineWarningHover": { "value": "#FD650DFF", - "comment": "Цвет обводки предупреждение на светлом фоне" + "comment": "Цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineWarningActive": { "value": "#CA4B02FF", - "comment": "Цвет обводки предупреждение на светлом фоне" + "comment": "Цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineNegative": { "value": "[general.red.600]", - "comment": "Цвет обводки ошибка на светлом фоне" + "comment": "Цвет обводки ошибка на светлом фоне", + "enabled": false }, "outlineNegativeHover": { "value": "#F5384BFF", - "comment": "Цвет обводки ошибка на светлом фоне" + "comment": "Цвет обводки ошибка на светлом фоне", + "enabled": false }, "outlineNegativeActive": { "value": "#E40C22FF", - "comment": "Цвет обводки ошибка на светлом фоне" + "comment": "Цвет обводки ошибка на светлом фоне", + "enabled": false }, "outlineInfo": { "value": "[general.blue.600]", - "comment": "Цвет обводки информация на светлом фоне" + "comment": "Цвет обводки информация на светлом фоне", + "enabled": false }, "outlineInfoHover": { "value": "#34A7F4FF", - "comment": "Цвет обводки информация на светлом фоне" + "comment": "Цвет обводки информация на светлом фоне", + "enabled": false }, "outlineInfoActive": { "value": "#096CAEFF", - "comment": "Цвет обводки информация на светлом фоне" + "comment": "Цвет обводки информация на светлом фоне", + "enabled": false }, "outlinePositiveMinor": { "value": "[general.green.250]", - "comment": "Минорный цвет обводки успех на светлом фоне" + "comment": "Минорный цвет обводки успех на светлом фоне", + "enabled": false }, "outlinePositiveMinorHover": { "value": "#5FE778FF", - "comment": "Минорный цвет обводки успех на светлом фоне" + "comment": "Минорный цвет обводки успех на светлом фоне", + "enabled": false }, "outlinePositiveMinorActive": { "value": "#2ADF4BFF", - "comment": "Минорный цвет обводки успех на светлом фоне" + "comment": "Минорный цвет обводки успех на светлом фоне", + "enabled": false }, "outlineWarningMinor": { "value": "[general.orange.250]", - "comment": "Минорный цвет обводки предупреждение на светлом фоне" + "comment": "Минорный цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineWarningMinorHover": { "value": "#FFC7A8FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне" + "comment": "Минорный цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineWarningMinorActive": { "value": "#FF9F6BFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне" + "comment": "Минорный цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineNegativeMinor": { "value": "[general.red.250]", - "comment": "Минорный цвет обводки ошибка на светлом фоне" + "comment": "Минорный цвет обводки ошибка на светлом фоне", + "enabled": false }, "outlineNegativeMinorHover": { "value": "#FD7785FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне" + "comment": "Минорный цвет обводки ошибка на светлом фоне", + "enabled": false }, "outlineNegativeMinorActive": { "value": "#FD96A0FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне" + "comment": "Минорный цвет обводки ошибка на светлом фоне", + "enabled": false }, "outlineInfoMinor": { "value": "[general.blue.250]", - "comment": "Минорный цвет обводки информация на светлом фоне" + "comment": "Минорный цвет обводки информация на светлом фоне", + "enabled": false }, "outlineInfoMinorHover": { "value": "#D6EFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне" + "comment": "Минорный цвет обводки информация на светлом фоне", + "enabled": false }, "outlineInfoMinorActive": { "value": "#66C2FFFF", - "comment": "Минорный цвет обводки информация на светлом фоне" + "comment": "Минорный цвет обводки информация на светлом фоне", + "enabled": false }, "outlineTransparentPositive": { "value": "[general.green.600][-0.72]", - "comment": "Прозрачный цвет обводки успех на светлом фоне" + "comment": "Прозрачный цвет обводки успех на светлом фоне", + "enabled": false }, "outlineTransparentPositiveHover": { "value": "#108E25FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне" + "comment": "Прозрачный цвет обводки успех на светлом фоне", + "enabled": false }, "outlineTransparentPositiveActive": { "value": "#108E2556", - "comment": "Прозрачный цвет обводки успех на светлом фоне" + "comment": "Прозрачный цвет обводки успех на светлом фоне", + "enabled": false }, "outlineTransparentWarning": { "value": "[general.orange.600][-0.72]", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне" + "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineTransparentWarningHover": { "value": "#E85702FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне" + "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineTransparentWarningActive": { "value": "#E8570256", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне" + "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineTransparentNegative": { "value": "[general.red.600][-0.72]", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне" + "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineTransparentNegativeHover": { "value": "#F31B31FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне" + "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineTransparentNegativeActive": { "value": "#F31B3156", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне" + "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineTransparentInfo": { "value": "[general.blue.600][-0.72]", - "comment": "Прозрачный цвет обводки информация на светлом фоне" + "comment": "Прозрачный цвет обводки информация на светлом фоне", + "enabled": false }, "outlineTransparentInfoHover": { "value": "#0B7ECBFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне" + "comment": "Прозрачный цвет обводки информация на светлом фоне", + "enabled": false }, "outlineTransparentInfoActive": { "value": "#0B7ECB56", - "comment": "Прозрачный цвет обводки информация на светлом фоне" + "comment": "Прозрачный цвет обводки информация на светлом фоне", + "enabled": false } }, "inverse": { "outlineSolidPrimary": { "value": "[general.gray.200]", - "comment": "Инвертированный основной непрозрачный цвет обводки" + "comment": "Инвертированный основной непрозрачный цвет обводки", + "enabled": false }, "outlineSolidPrimaryHover": { "value": "#ABABABFF", - "comment": "Инвертированный основной непрозрачный цвет обводки" + "comment": "Инвертированный основной непрозрачный цвет обводки", + "enabled": false }, "outlineSolidPrimaryActive": { "value": "#C4C4C4FF", - "comment": "Инвертированный основной непрозрачный цвет обводки" + "comment": "Инвертированный основной непрозрачный цвет обводки", + "enabled": false }, "outlineSolidSecondary": { "value": "[general.gray.300]", - "comment": "Инвертированный вторичный непрозрачный цвет обводки" + "comment": "Инвертированный вторичный непрозрачный цвет обводки", + "enabled": false }, "outlineSolidSecondaryHover": { "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки" + "comment": "Инвертированный вторичный непрозрачный цвет обводки", + "enabled": false }, "outlineSolidSecondaryActive": { "value": "#3D3D3DFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки" + "comment": "Инвертированный вторичный непрозрачный цвет обводки", + "enabled": false }, "outlineSolidTertiary": { "value": "[general.gray.700]", - "comment": "Инвертированный третичный непрозрачный цвет обводки" + "comment": "Инвертированный третичный непрозрачный цвет обводки", + "enabled": false }, "outlineSolidTertiaryHover": { "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки" + "comment": "Инвертированный третичный непрозрачный цвет обводки", + "enabled": false }, "outlineSolidTertiaryActive": { "value": "#737373FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки" + "comment": "Инвертированный третичный непрозрачный цвет обводки", + "enabled": false }, "outlineTransparentDefault": { "value": "[general.gray.1000][-0.0400]", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию" + "comment": "Инвертированный прозрачный цвет обводки по умолчанию", + "enabled": false }, "outlineTransparentDefaultHover": { "value": "#08080893", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию" + "comment": "Инвертированный прозрачный цвет обводки по умолчанию", + "enabled": false }, "outlineTransparentDefaultActive": { "value": "#080808C4", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию" + "comment": "Инвертированный прозрачный цвет обводки по умолчанию", + "enabled": false }, "outlineTransparentPrimary": { "value": "[general.gray.1000][-0.880]", - "comment": "Инвертированный основной прозрачный цвет обводки" + "comment": "Инвертированный основной прозрачный цвет обводки", + "enabled": false }, "outlineTransparentPrimaryHover": { "value": "#080808FF", - "comment": "Инвертированный основной прозрачный цвет обводки" + "comment": "Инвертированный основной прозрачный цвет обводки", + "enabled": false }, "outlineTransparentPrimaryActive": { "value": "#08080825", - "comment": "Инвертированный основной прозрачный цвет обводки" + "comment": "Инвертированный основной прозрачный цвет обводки", + "enabled": false }, "outlineTransparentSecondary": { "value": "[general.gray.1000][-0.720]", - "comment": "Инвертированный вторичный прозрачный цвет обводки" + "comment": "Инвертированный вторичный прозрачный цвет обводки", + "enabled": false }, "outlineTransparentSecondaryHover": { "value": "#080808FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки" + "comment": "Инвертированный вторичный прозрачный цвет обводки", + "enabled": false }, "outlineTransparentSecondaryActive": { "value": "#08080856", - "comment": "Инвертированный вторичный прозрачный цвет обводки" + "comment": "Инвертированный вторичный прозрачный цвет обводки", + "enabled": false }, "outlineTransparentTertiary": { "value": "[general.gray.1000][-0.440]", - "comment": "Инвертированный третичный прозрачный цвет обводки" + "comment": "Инвертированный третичный прозрачный цвет обводки", + "enabled": false }, "outlineTransparentTertiaryHover": { "value": "#080808FF", - "comment": "Инвертированный третичный прозрачный цвет обводки" + "comment": "Инвертированный третичный прозрачный цвет обводки", + "enabled": false }, "outlineTransparentTertiaryActive": { "value": "#080808AB", - "comment": "Инвертированный третичный прозрачный цвет обводки" + "comment": "Инвертированный третичный прозрачный цвет обводки", + "enabled": false }, "outlineClear": { "value": "#FFFFFF00", - "comment": "Инвертированная бесцветная обводка" + "comment": "Инвертированная бесцветная обводка", + "enabled": false }, "outlineClearHover": { "value": "#FFFFFF00", - "comment": "Инвертированная бесцветная обводка" + "comment": "Инвертированная бесцветная обводка", + "enabled": false }, "outlineClearActive": { "value": "#FFFFFF00", - "comment": "Инвертированная бесцветная обводка" + "comment": "Инвертированная бесцветная обводка", + "enabled": false }, "outlineAccent": { - "value": "[general.green.600]", - "comment": "Инвертированный акцентный цвет обводки" + "value": "[general.arctic.500]", + "comment": "Инвертированный акцентный цвет обводки", + "enabled": false }, "outlineAccentHover": { - "value": "#13AA2CFF", - "comment": "Инвертированный акцентный цвет обводки" + "value": "#06B785FF", + "comment": "Инвертированный акцентный цвет обводки", + "enabled": false }, "outlineAccentActive": { - "value": "#0D731EFF", - "comment": "Инвертированный акцентный цвет обводки" + "value": "#047C5AFF", + "comment": "Инвертированный акцентный цвет обводки", + "enabled": false }, "outlineAccentGradient": { "value": "#FFFFFF", @@ -4250,16 +4813,19 @@ "enabled": false }, "outlineAccentMinor": { - "value": "[general.green.250]", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки" + "value": "[general.arctic.250]", + "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", + "enabled": false }, "outlineAccentMinorHover": { - "value": "#5FE778FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки" + "value": "#58E4BAFF", + "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", + "enabled": false }, "outlineAccentMinorActive": { - "value": "#2ADF4BFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки" + "value": "#24DBA4FF", + "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", + "enabled": false }, "outlineAccentMinorGradient": { "value": "#FFFFFF", @@ -4277,16 +4843,19 @@ "enabled": false }, "outlineTransparentAccent": { - "value": "[general.green.600][-0.6]", - "comment": "Прозрачный инвертированный акцентный цвет обводки" + "value": "[general.arctic.500][-0.6]", + "comment": "Прозрачный инвертированный акцентный цвет обводки", + "enabled": false }, "outlineTransparentAccentHover": { - "value": "#108E25FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки" + "value": "#05996FFF", + "comment": "Прозрачный инвертированный акцентный цвет обводки", + "enabled": false }, "outlineTransparentAccentActive": { - "value": "#108E257A", - "comment": "Прозрачный инвертированный акцентный цвет обводки" + "value": "#05996F7A", + "comment": "Прозрачный инвертированный акцентный цвет обводки", + "enabled": false }, "outlineTransparentAccentGradient": { "value": "#FFFFFF", @@ -4365,147 +4934,183 @@ }, "outlinePositive": { "value": "[general.green.600]", - "comment": "Инвертированный цвет обводки успех" + "comment": "Инвертированный цвет обводки успех", + "enabled": false }, "outlinePositiveHover": { "value": "#13AA2CFF", - "comment": "Инвертированный цвет обводки успех" + "comment": "Инвертированный цвет обводки успех", + "enabled": false }, "outlinePositiveActive": { "value": "#0D731EFF", - "comment": "Инвертированный цвет обводки успех" + "comment": "Инвертированный цвет обводки успех", + "enabled": false }, "outlineWarning": { "value": "[general.orange.600]", - "comment": "Инвертированный цвет обводки предупреждение" + "comment": "Инвертированный цвет обводки предупреждение", + "enabled": false }, "outlineWarningHover": { "value": "#FD650DFF", - "comment": "Инвертированный цвет обводки предупреждение" + "comment": "Инвертированный цвет обводки предупреждение", + "enabled": false }, "outlineWarningActive": { "value": "#CA4B02FF", - "comment": "Инвертированный цвет обводки предупреждение" + "comment": "Инвертированный цвет обводки предупреждение", + "enabled": false }, "outlineNegative": { "value": "[general.red.600]", - "comment": "Инвертированный цвет обводки ошибка" + "comment": "Инвертированный цвет обводки ошибка", + "enabled": false }, "outlineNegativeHover": { "value": "#F5384BFF", - "comment": "Инвертированный цвет обводки ошибка" + "comment": "Инвертированный цвет обводки ошибка", + "enabled": false }, "outlineNegativeActive": { "value": "#E40C22FF", - "comment": "Инвертированный цвет обводки ошибка" + "comment": "Инвертированный цвет обводки ошибка", + "enabled": false }, "outlineInfo": { "value": "[general.blue.600]", - "comment": "Инвертированный цвет обводки информация" + "comment": "Инвертированный цвет обводки информация", + "enabled": false }, "outlineInfoHover": { "value": "#34A7F4FF", - "comment": "Инвертированный цвет обводки информация" + "comment": "Инвертированный цвет обводки информация", + "enabled": false }, "outlineInfoActive": { "value": "#096CAEFF", - "comment": "Инвертированный цвет обводки информация" + "comment": "Инвертированный цвет обводки информация", + "enabled": false }, "outlinePositiveMinor": { "value": "[general.green.250]", - "comment": "Инвертированный минорный цвет обводки успех" + "comment": "Инвертированный минорный цвет обводки успех", + "enabled": false }, "outlinePositiveMinorHover": { "value": "#5FE778FF", - "comment": "Инвертированный минорный цвет обводки успех" + "comment": "Инвертированный минорный цвет обводки успех", + "enabled": false }, "outlinePositiveMinorActive": { "value": "#2ADF4BFF", - "comment": "Инвертированный минорный цвет обводки успех" + "comment": "Инвертированный минорный цвет обводки успех", + "enabled": false }, "outlineWarningMinor": { "value": "[general.orange.250]", - "comment": "Инвертированный минорный цвет обводки предупреждение" + "comment": "Инвертированный минорный цвет обводки предупреждение", + "enabled": false }, "outlineWarningMinorHover": { "value": "#FFC7A8FF", - "comment": "Инвертированный минорный цвет обводки предупреждение" + "comment": "Инвертированный минорный цвет обводки предупреждение", + "enabled": false }, "outlineWarningMinorActive": { "value": "#FF9F6BFF", - "comment": "Инвертированный минорный цвет обводки предупреждение" + "comment": "Инвертированный минорный цвет обводки предупреждение", + "enabled": false }, "outlineNegativeMinor": { "value": "[general.red.250]", - "comment": "Инвертированный минорный цвет обводки ошибка" + "comment": "Инвертированный минорный цвет обводки ошибка", + "enabled": false }, "outlineNegativeMinorHover": { "value": "#FD7785FF", - "comment": "Инвертированный минорный цвет обводки ошибка" + "comment": "Инвертированный минорный цвет обводки ошибка", + "enabled": false }, "outlineNegativeMinorActive": { "value": "#FD96A0FF", - "comment": "Инвертированный минорный цвет обводки ошибка" + "comment": "Инвертированный минорный цвет обводки ошибка", + "enabled": false }, "outlineInfoMinor": { "value": "[general.blue.250]", - "comment": "Инвертированный минорный цвет обводки информация" + "comment": "Инвертированный минорный цвет обводки информация", + "enabled": false }, "outlineInfoMinorHover": { "value": "#D6EFFFFF", - "comment": "Инвертированный минорный цвет обводки информация" + "comment": "Инвертированный минорный цвет обводки информация", + "enabled": false }, "outlineInfoMinorActive": { "value": "#66C2FFFF", - "comment": "Инвертированный минорный цвет обводки информация" + "comment": "Инвертированный минорный цвет обводки информация", + "enabled": false }, "outlineTransparentPositive": { "value": "[general.green.600][-0.72]", - "comment": "Прозрачный инвертированный цвет обводки успех" + "comment": "Прозрачный инвертированный цвет обводки успех", + "enabled": false }, "outlineTransparentPositiveHover": { "value": "#108E25FF", - "comment": "Прозрачный инвертированный цвет обводки успех" + "comment": "Прозрачный инвертированный цвет обводки успех", + "enabled": false }, "outlineTransparentPositiveActive": { "value": "#108E2556", - "comment": "Прозрачный инвертированный цвет обводки успех" + "comment": "Прозрачный инвертированный цвет обводки успех", + "enabled": false }, "outlineTransparentWarning": { "value": "[general.orange.600][-0.72]", - "comment": "Прозрачный инвертированный цвет обводки предупреждение" + "comment": "Прозрачный инвертированный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentWarningHover": { "value": "#E85702FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение" + "comment": "Прозрачный инвертированный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentWarningActive": { "value": "#E8570256", - "comment": "Прозрачный инвертированный цвет обводки предупреждение" + "comment": "Прозрачный инвертированный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentNegative": { "value": "[general.red.600][-0.72]", - "comment": "Прозрачный инвертированный цвет обводки предупреждение" + "comment": "Прозрачный инвертированный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentNegativeHover": { "value": "#F31B31FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение" + "comment": "Прозрачный инвертированный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentNegativeActive": { "value": "#F31B3156", - "comment": "Прозрачный инвертированный цвет обводки предупреждение" + "comment": "Прозрачный инвертированный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentInfo": { "value": "[general.blue.600][-0.72]", - "comment": "Прозрачный инвертированный цвет обводки информация" + "comment": "Прозрачный инвертированный цвет обводки информация", + "enabled": false }, "outlineTransparentInfoHover": { "value": "#0B7ECBFF", - "comment": "Прозрачный инвертированный цвет обводки информация" + "comment": "Прозрачный инвертированный цвет обводки информация", + "enabled": false }, "outlineTransparentInfoActive": { "value": "#0B7ECB56", - "comment": "Прозрачный инвертированный цвет обводки информация" + "comment": "Прозрачный инвертированный цвет обводки информация", + "enabled": false } } } @@ -4513,91 +5118,67 @@ "light": { "text": { "default": { - "textPrimary": { - "value": "[general.gray.1000][-0.0400]", - "comment": "Основной цвет текста" - }, "textPrimaryHover": { - "value": "#08080893", + "value": "#17171793", "comment": "Основной цвет текста" }, "textPrimaryActive": { - "value": "#080808C4", + "value": "#171717C4", "comment": "Основной цвет текста" }, - "textSecondary": { - "value": "[general.gray.1000][-0.440]", - "comment": "Вторичный цвет текста" - }, "textSecondaryHover": { - "value": "#080808FF", + "value": "#171717FF", "comment": "Вторичный цвет текста" }, "textSecondaryActive": { - "value": "#080808AB", + "value": "#171717AB", "comment": "Вторичный цвет текста" }, - "textTertiary": { - "value": "[general.gray.1000][-0.720]", - "comment": "Третичный цвет текста" - }, "textTertiaryHover": { - "value": "#080808FF", + "value": "#171717FF", "comment": "Третичный цвет текста" }, "textTertiaryActive": { - "value": "#08080856", + "value": "#17171756", "comment": "Третичный цвет текста" }, - "textParagraph": { - "value": "[general.gray.1000][-0.200]", - "comment": "Сплошной наборный текст" - }, "textParagraphHover": { - "value": "#0808087A", + "value": "#1717177A", "comment": "Сплошной наборный текст" }, "textParagraphActive": { - "value": "#080808A3", + "value": "#171717A3", "comment": "Сплошной наборный текст" }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Акцентный цвет" - }, "textAccentHover": { - "value": "#14B32EFF", + "value": "#06C18CFF", "comment": "Акцентный цвет" }, "textAccentActive": { - "value": "#0C6A1BFF", + "value": "#047253FF", "comment": "Акцентный цвет" }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, "textAccentGradientHover": { "value": "#000000FF", "comment": "Акцентный цвет с градиентом", - "enabled": false + "enabled": true }, "textAccentGradientActive": { "value": "#CCCCCCFF", "comment": "Акцентный цвет с градиентом", - "enabled": false + "enabled": true }, "textAccentMinor": { - "value": "[general.green.900]", - "comment": "Акцентный минорный цвет" + "value": "[general.arctic.900]", + "comment": "Акцентный минорный цвет", + "enabled": false }, "textAccentMinorHover": { - "value": "#196B28FF", + "value": "#137257FF", "comment": "Акцентный минорный цвет" }, "textAccentMinorActive": { - "value": "#114A1CFF", + "value": "#0D4F3CFF", "comment": "Акцентный минорный цвет" }, "textAccentMinorGradient": { @@ -4675,45 +5256,34 @@ "comment": "Минорный промо цвет с градиентом", "enabled": false }, - "textPositive": { - "value": "[general.green.600]", - "comment": "Цвет успеха" - }, "textPositiveHover": { - "value": "#14B32EFF", + "value": "#1FC13DFF", "comment": "Цвет успеха" }, "textPositiveActive": { - "value": "#0C6A1BFF", + "value": "#147B27FF", "comment": "Цвет успеха" }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Цвет предупреждения" - }, "textWarningHover": { - "value": "#FD6B17FF", + "value": "#FB782DFF", "comment": "Цвет предупреждения" }, "textWarningActive": { - "value": "#C04802FF", + "value": "#D25004FF", "comment": "Цвет предупреждения" }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки" - }, "textNegativeHover": { - "value": "#F54254FF", + "value": "#FF5263FF", "comment": "Цвет ошибки" }, "textNegativeActive": { - "value": "#DA0B20FF", + "value": "#FF001AFF", "comment": "Цвет ошибки" }, "textInfo": { "value": "[general.blue.600]", - "comment": "Цвет информации" + "comment": "Цвет информации", + "enabled": false }, "textInfoHover": { "value": "#0D96F2FF", @@ -4725,7 +5295,8 @@ }, "textPositiveMinor": { "value": "[general.green.900]", - "comment": "Минорный цвет успеха" + "comment": "Минорный цвет успеха", + "enabled": false }, "textPositiveMinorHover": { "value": "#196B28FF", @@ -4737,7 +5308,8 @@ }, "textWarningMinor": { "value": "[general.orange.900]", - "comment": "Минорный цвет предупреждения" + "comment": "Минорный цвет предупреждения", + "enabled": false }, "textWarningMinorHover": { "value": "#843E15FF", @@ -4749,7 +5321,8 @@ }, "textNegativeMinor": { "value": "[general.red.900]", - "comment": "Минорный цвет ошибки" + "comment": "Минорный цвет ошибки", + "enabled": false }, "textNegativeMinorHover": { "value": "#8F1925FF", @@ -4761,103 +5334,151 @@ }, "textInfoMinor": { "value": "[general.blue.900]", - "comment": "Минорный цвет информации" + "comment": "Минорный цвет информации", + "enabled": false }, "textInfoMinorHover": { "value": "#1A577FFF", "comment": "Минорный цвет информации" }, - "textInfoMinorActive": { - "value": "#13405DFF", - "comment": "Минорный цвет информации" + "textInfoMinorActive": { + "value": "#13405DFF", + "comment": "Минорный цвет информации" + }, + "textPrimary": { + "value": "rgba(23,23,23,0.96)", + "comment": "Основной цвет текста", + "enabled": true + }, + "textSecondary": { + "value": "rgba(23,23,23,0.56)", + "comment": "Вторичный цвет текста", + "enabled": true + }, + "textTertiary": { + "value": "rgba(23,23,23,0.28)", + "comment": "Третичный цвет текста", + "enabled": true + }, + "textParagraph": { + "value": "rgba(23,23,23,0.8)", + "comment": "Сплошной наборный текст", + "enabled": true + }, + "textAccent": { + "value": "[general.arctic.500]", + "comment": "Акцентный цвет" + }, + "textAccentGradient": { + "value": { + "origin": "linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%)", + "swift": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(5, 153, 111)", "rgb(27, 160, 227)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + }, + "xml": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(5, 153, 111)", "rgb(27, 160, 227)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + } + }, + "comment": "Акцентный цвет с градиентом", + "enabled": true + }, + "textPositive": { + "value": "[general.green.500]", + "comment": "Цвет успеха" + }, + "textWarning": { + "value": "[general.orange.500]", + "comment": "Цвет предупреждения" + }, + "textNegative": { + "value": "[general.red.500]", + "comment": "Цвет ошибки" } }, "onDark": { - "textPrimary": { - "value": "rgba(255, 255, 255, 0.96)", - "comment": "Основной цвет текста на темном фоне" - }, "textPrimaryHover": { - "value": "#FFFFFF93", + "value": "#F5F5F593", "comment": "Основной цвет текста на темном фоне" }, "textPrimaryActive": { - "value": "#FFFFFFC4", + "value": "#F5F5F5C4", "comment": "Основной цвет текста на темном фоне" }, - "textSecondary": { - "value": "rgba(255, 255, 255, 0.56)", - "comment": "Вторичный цвет текста на темном фоне" - }, "textSecondaryHover": { - "value": "#FFFFFFFF", + "value": "#F5F5F5FF", "comment": "Вторичный цвет текста на темном фоне" }, "textSecondaryActive": { - "value": "#FFFFFFAB", + "value": "#F5F5F5AB", "comment": "Вторичный цвет текста на темном фоне" }, - "textTertiary": { - "value": "rgba(255, 255, 255, 0.28)", - "comment": "Третичный цвет текста на темном фоне" - }, "textTertiaryHover": { - "value": "#FFFFFFFF", + "value": "#F5F5F5FF", "comment": "Третичный цвет текста на темном фоне" }, "textTertiaryActive": { - "value": "#FFFFFF56", + "value": "#F5F5F556", "comment": "Третичный цвет текста на темном фоне" }, - "textParagraph": { - "value": "rgba(255, 255, 255, 0.8)", - "comment": "Сплошной наборный текст на темном фоне" - }, "textParagraphHover": { - "value": "#FFFFFF7A", + "value": "#F5F5F57A", "comment": "Сплошной наборный текст на темном фоне" }, "textParagraphActive": { - "value": "#FFFFFFA3", + "value": "#F5F5F5A3", "comment": "Сплошной наборный текст на темном фоне" }, - "textAccent": { - "value": "[general.green.500]", - "comment": "Акцентный цвет на темном фоне" - }, "textAccentHover": { - "value": "#1FC13DFF", + "value": "#20E9B0FF", "comment": "Акцентный цвет на темном фоне" }, "textAccentActive": { - "value": "#147B27FF", + "value": "#11A77CFF", "comment": "Акцентный цвет на темном фоне" }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, "textAccentGradientHover": { "value": "#000000FF", "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false + "enabled": true }, "textAccentGradientActive": { "value": "#CCCCCCFF", "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false + "enabled": true }, "textAccentMinor": { - "value": "[general.green.150]", - "comment": "Акцентный минорный цвет на темном фоне" + "value": "[general.arctic.150]", + "comment": "Акцентный минорный цвет на темном фоне", + "enabled": false }, "textAccentMinorHover": { - "value": "#C5FCCFFF", + "value": "#B5FCE8FF", "comment": "Акцентный минорный цвет на темном фоне" }, "textAccentMinorActive": { - "value": "#77F88FFF", + "value": "#66F9D0FF", "comment": "Акцентный минорный цвет на темном фоне" }, "textAccentMinorGradient": { @@ -4935,45 +5556,34 @@ "comment": "Минорный промо цвет на темном фоне с градиентом", "enabled": false }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на темном фоне" - }, "textPositiveHover": { - "value": "#1FC13DFF", + "value": "#2BD44AFF", "comment": "Цвет успеха на темном фоне" }, "textPositiveActive": { - "value": "#147B27FF", + "value": "#1D9032FF", "comment": "Цвет успеха на темном фоне" }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Цвет предупреждения на темном фоне" - }, "textWarningHover": { - "value": "#FB782DFF", + "value": "#FF8B4DFF", "comment": "Цвет предупреждения на темном фоне" }, "textWarningActive": { - "value": "#D25004FF", + "value": "#FA5700FF", "comment": "Цвет предупреждения на темном фоне" }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки на темном фоне" - }, "textNegativeHover": { - "value": "#FF5263FF", + "value": "#FF6675FF", "comment": "Цвет ошибки на темном фоне" }, "textNegativeActive": { - "value": "#FF001AFF", + "value": "#FF142CFF", "comment": "Цвет ошибки на темном фоне" }, "textInfo": { "value": "[general.blue.500]", - "comment": "Цвет информации на темном фоне" + "comment": "Цвет информации на темном фоне", + "enabled": false }, "textInfoHover": { "value": "#2AA0EFFF", @@ -4985,7 +5595,8 @@ }, "textPositiveMinor": { "value": "[general.green.150]", - "comment": "Минорный цвет успеха на темном фоне" + "comment": "Минорный цвет успеха на темном фоне", + "enabled": false }, "textPositiveMinorHover": { "value": "#C5FCCFFF", @@ -4997,7 +5608,8 @@ }, "textWarningMinor": { "value": "[general.orange.150]", - "comment": "Минорный цвет предупреждения на темном фоне" + "comment": "Минорный цвет предупреждения на темном фоне", + "enabled": false }, "textWarningMinorHover": { "value": "#FFFCFAFF", @@ -5009,7 +5621,8 @@ }, "textNegativeMinor": { "value": "[general.red.150]", - "comment": "Минорный цвет ошибки на темном фоне" + "comment": "Минорный цвет ошибки на темном фоне", + "enabled": false }, "textNegativeMinorHover": { "value": "#FFFFFFFF", @@ -5021,7 +5634,8 @@ }, "textInfoMinor": { "value": "[general.blue.150]", - "comment": "Минорный цвет информации на темном фоне" + "comment": "Минорный цвет информации на темном фоне", + "enabled": false }, "textInfoMinorHover": { "value": "#FAFDFFFF", @@ -5030,94 +5644,137 @@ "textInfoMinorActive": { "value": "#A8DCFFFF", "comment": "Минорный цвет информации на темном фоне" + }, + "textPrimary": { + "value": "rgba(245,245,245,0.96)", + "comment": "Основной цвет текста на темном фоне" + }, + "textSecondary": { + "value": "rgba(245,245,245,0.56)", + "comment": "Вторичный цвет текста на темном фоне" + }, + "textTertiary": { + "value": "rgba(245,245,245,0.28)", + "comment": "Третичный цвет текста на темном фоне" + }, + "textParagraph": { + "value": "rgba(245,245,245,0.8)", + "comment": "Сплошной наборный текст на темном фоне" + }, + "textAccent": { + "value": "[general.arctic.300]", + "comment": "Акцентный цвет на темном фоне" + }, + "textAccentGradient": { + "value": { + "origin": "linear-gradient(45.00deg, rgb(33, 202, 154) 0%, rgb(74, 214, 252) 100%)", + "swift": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(33, 202, 154)", "rgb(74, 214, 252)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + }, + "xml": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(33, 202, 154)", "rgb(74, 214, 252)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + } + }, + "comment": "Акцентный цвет с градиентом на темном фоне", + "enabled": true + }, + "textPositive": { + "value": "[general.green.400]", + "comment": "Цвет успеха на темном фоне" + }, + "textWarning": { + "value": "[general.orange.400]", + "comment": "Цвет предупреждения на темном фоне" + }, + "textNegative": { + "value": "[general.red.400]", + "comment": "Цвет ошибки на темном фоне" } }, "onLight": { - "textPrimary": { - "value": "[general.gray.1000][-0.0400]", - "comment": "Основной цвет текста на светлом фоне" - }, "textPrimaryHover": { - "value": "#08080893", + "value": "#17171793", "comment": "Основной цвет текста на светлом фоне" }, "textPrimaryActive": { - "value": "#080808C4", + "value": "#171717C4", "comment": "Основной цвет текста на светлом фоне" }, - "textSecondary": { - "value": "[general.gray.1000][-0.440]", - "comment": "Вторичный цвет текста на светлом фоне" - }, "textSecondaryHover": { - "value": "#080808FF", + "value": "#171717FF", "comment": "Вторичный цвет текста на светлом фоне" }, "textSecondaryActive": { - "value": "#080808AB", + "value": "#171717AB", "comment": "Вторичный цвет текста на светлом фоне" }, - "textTertiary": { - "value": "[general.gray.1000][-0.720]", - "comment": "Третичный цвет текста на светлом фоне" - }, "textTertiaryHover": { - "value": "#080808FF", + "value": "#171717FF", "comment": "Третичный цвет текста на светлом фоне" }, "textTertiaryActive": { - "value": "#08080856", + "value": "#17171756", "comment": "Третичный цвет текста на светлом фоне" }, - "textParagraph": { - "value": "[general.gray.1000][-0.200]", - "comment": "Сплошной наборный текст на светлом фоне" - }, "textParagraphHover": { - "value": "#0808087A", + "value": "#1717177A", "comment": "Сплошной наборный текст на светлом фоне" }, "textParagraphActive": { - "value": "#080808A3", + "value": "#171717A3", "comment": "Сплошной наборный текст на светлом фоне" }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Акцентный цвет на светлом фоне" - }, "textAccentHover": { - "value": "#14B32EFF", + "value": "#06C18CFF", "comment": "Акцентный цвет на светлом фоне" }, "textAccentActive": { - "value": "#0C6A1BFF", + "value": "#047253FF", "comment": "Акцентный цвет на светлом фоне" }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, "textAccentGradientHover": { "value": "#000000FF", "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false + "enabled": true }, "textAccentGradientActive": { "value": "#CCCCCCFF", "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false + "enabled": true }, "textAccentMinor": { - "value": "[general.green.900]", - "comment": "Акцентный минорный цвет на светлом фоне" + "value": "[general.arctic.900]", + "comment": "Акцентный минорный цвет на светлом фоне", + "enabled": false }, "textAccentMinorHover": { - "value": "#196B28FF", + "value": "#137257FF", "comment": "Акцентный минорный цвет на светлом фоне" }, "textAccentMinorActive": { - "value": "#114A1CFF", + "value": "#0D4F3CFF", "comment": "Акцентный минорный цвет на светлом фоне" }, "textAccentMinorGradient": { @@ -5195,45 +5852,34 @@ "comment": "Минорный промо цвет на светлом фоне с градиентом", "enabled": false }, - "textPositive": { - "value": "[general.green.600]", - "comment": "Цвет успеха на светлом фоне" - }, "textPositiveHover": { - "value": "#14B32EFF", + "value": "#1FC13DFF", "comment": "Цвет успеха на светлом фоне" }, "textPositiveActive": { - "value": "#0C6A1BFF", + "value": "#147B27FF", "comment": "Цвет успеха на светлом фоне" }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Цвет предупреждения на светлом фоне" - }, "textWarningHover": { - "value": "#FD6B17FF", + "value": "#FB782DFF", "comment": "Цвет предупреждения на светлом фоне" }, "textWarningActive": { - "value": "#C04802FF", + "value": "#D25004FF", "comment": "Цвет предупреждения на светлом фоне" }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, "textNegativeHover": { - "value": "#F54254FF", + "value": "#FF5263FF", "comment": "Цвет ошибки на светлом фоне" }, "textNegativeActive": { - "value": "#DA0B20FF", + "value": "#FF001AFF", "comment": "Цвет ошибки на светлом фоне" }, "textInfo": { "value": "[general.blue.600]", - "comment": "Цвет информации на светлом фоне" + "comment": "Цвет информации на светлом фоне", + "enabled": false }, "textInfoHover": { "value": "#0D96F2FF", @@ -5245,7 +5891,8 @@ }, "textPositiveMinor": { "value": "[general.green.900]", - "comment": "Минорный цвет успеха на светлом фоне" + "comment": "Минорный цвет успеха на светлом фоне", + "enabled": false }, "textPositiveMinorHover": { "value": "#196B28FF", @@ -5257,7 +5904,8 @@ }, "textWarningMinor": { "value": "[general.orange.900]", - "comment": "Минорный цвет предупреждения на светлом фоне" + "comment": "Минорный цвет предупреждения на светлом фоне", + "enabled": false }, "textWarningMinorHover": { "value": "#843E15FF", @@ -5269,7 +5917,8 @@ }, "textNegativeMinor": { "value": "[general.red.900]", - "comment": "Минорный цвет ошибки на светлом фоне" + "comment": "Минорный цвет ошибки на светлом фоне", + "enabled": false }, "textNegativeMinorHover": { "value": "#8F1925FF", @@ -5281,7 +5930,8 @@ }, "textInfoMinor": { "value": "[general.blue.900]", - "comment": "Минорный цвет информации на светлом фоне" + "comment": "Минорный цвет информации на светлом фоне", + "enabled": false }, "textInfoMinorHover": { "value": "#1A577FFF", @@ -5290,94 +5940,137 @@ "textInfoMinorActive": { "value": "#13405DFF", "comment": "Минорный цвет информации на светлом фоне" + }, + "textPrimary": { + "value": "rgba(23,23,23,0.96)", + "comment": "Основной цвет текста на светлом фоне" + }, + "textSecondary": { + "value": "rgba(23,23,23,0.56)", + "comment": "Вторичный цвет текста на светлом фоне" + }, + "textTertiary": { + "value": "rgba(23,23,23,0.28)", + "comment": "Третичный цвет текста на светлом фоне" + }, + "textParagraph": { + "value": "rgba(23,23,23,0.8)", + "comment": "Сплошной наборный текст на светлом фоне" + }, + "textAccent": { + "value": "[general.arctic.500]", + "comment": "Акцентный цвет на светлом фоне" + }, + "textAccentGradient": { + "value": { + "origin": "linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%)", + "swift": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(5, 153, 111)", "rgb(27, 160, 227)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + }, + "xml": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(5, 153, 111)", "rgb(27, 160, 227)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + } + }, + "comment": "Акцентный цвет с градиентом на светлом фоне", + "enabled": true + }, + "textPositive": { + "value": "[general.green.500]", + "comment": "Цвет успеха на светлом фоне" + }, + "textWarning": { + "value": "[general.orange.500]", + "comment": "Цвет предупреждения на светлом фоне" + }, + "textNegative": { + "value": "[general.red.500]", + "comment": "Цвет ошибки на светлом фоне" } }, "inverse": { - "textPrimary": { - "value": "rgba(255, 255, 255, 0.96)", - "comment": "Инвертированный основной цвет текста" - }, "textPrimaryHover": { - "value": "#FFFFFF93", + "value": "#F5F5F593", "comment": "Инвертированный основной цвет текста" }, "textPrimaryActive": { - "value": "#FFFFFFC4", + "value": "#F5F5F5C4", "comment": "Инвертированный основной цвет текста" }, - "textSecondary": { - "value": "rgba(255, 255, 255, 0.56)", - "comment": "Инвертированный вторичный цвет текста" - }, "textSecondaryHover": { - "value": "#FFFFFFFF", + "value": "#F5F5F5FF", "comment": "Инвертированный вторичный цвет текста" }, "textSecondaryActive": { - "value": "#FFFFFFAB", + "value": "#F5F5F5AB", "comment": "Инвертированный вторичный цвет текста" }, - "textTertiary": { - "value": "rgba(255, 255, 255, 0.28)", - "comment": "Инвертированный третичный цвет текста" - }, "textTertiaryHover": { - "value": "#FFFFFFFF", + "value": "#F5F5F5FF", "comment": "Инвертированный третичный цвет текста" }, "textTertiaryActive": { - "value": "#FFFFFF56", + "value": "#F5F5F556", "comment": "Инвертированный третичный цвет текста" }, - "textParagraph": { - "value": "rgba(255, 255, 255, 0.8)", - "comment": "Инвертированный сплошной наборный текст" - }, "textParagraphHover": { - "value": "#FFFFFF7A", + "value": "#F5F5F57A", "comment": "Инвертированный сплошной наборный текст" }, "textParagraphActive": { - "value": "#FFFFFFA3", + "value": "#F5F5F5A3", "comment": "Инвертированный сплошной наборный текст" }, - "textAccent": { - "value": "[general.green.500]", - "comment": "Инвертированный акцентный цвет" - }, "textAccentHover": { - "value": "#1FC13DFF", + "value": "#20E9B0FF", "comment": "Инвертированный акцентный цвет" }, "textAccentActive": { - "value": "#147B27FF", + "value": "#11A77CFF", "comment": "Инвертированный акцентный цвет" }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, "textAccentGradientHover": { "value": "#000000FF", "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false + "enabled": true }, "textAccentGradientActive": { "value": "#CCCCCCFF", "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false + "enabled": true }, "textAccentMinor": { - "value": "[general.green.150]", - "comment": "Инвертированный минорный акцентный цвет" + "value": "[general.arctic.150]", + "comment": "Инвертированный минорный акцентный цвет", + "enabled": false }, "textAccentMinorHover": { - "value": "#C5FCCFFF", + "value": "#B5FCE8FF", "comment": "Инвертированный минорный акцентный цвет" }, "textAccentMinorActive": { - "value": "#77F88FFF", + "value": "#66F9D0FF", "comment": "Инвертированный минорный акцентный цвет" }, "textAccentMinorGradient": { @@ -5455,45 +6148,34 @@ "comment": "Инвертированный минорный промо цвет с градиентом", "enabled": false }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Инвертированный цвет успеха" - }, "textPositiveHover": { - "value": "#1FC13DFF", + "value": "#2BD44AFF", "comment": "Инвертированный цвет успеха" }, "textPositiveActive": { - "value": "#147B27FF", + "value": "#1D9032FF", "comment": "Инвертированный цвет успеха" }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Инвертированный цвет предупреждения" - }, "textWarningHover": { - "value": "#FB782DFF", + "value": "#FF8B4DFF", "comment": "Инвертированный цвет предупреждения" }, "textWarningActive": { - "value": "#D25004FF", + "value": "#FA5700FF", "comment": "Инвертированный цвет предупреждения" }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Инвертированный цвет ошибки" - }, "textNegativeHover": { - "value": "#FF5263FF", + "value": "#FF6675FF", "comment": "Инвертированный цвет ошибки" }, "textNegativeActive": { - "value": "#FF001AFF", + "value": "#FF142CFF", "comment": "Инвертированный цвет ошибки" }, "textInfo": { "value": "[general.blue.500]", - "comment": "Инвертированный цвет информации" + "comment": "Инвертированный цвет информации", + "enabled": false }, "textInfoHover": { "value": "#2AA0EFFF", @@ -5505,7 +6187,8 @@ }, "textPositiveMinor": { "value": "[general.green.150]", - "comment": "Инвертированный минорный цвет успеха" + "comment": "Инвертированный минорный цвет успеха", + "enabled": false }, "textPositiveMinorHover": { "value": "#C5FCCFFF", @@ -5517,7 +6200,8 @@ }, "textWarningMinor": { "value": "[general.orange.150]", - "comment": "Инвертированный минорный цвет предупреждения" + "comment": "Инвертированный минорный цвет предупреждения", + "enabled": false }, "textWarningMinorHover": { "value": "#FFFCFAFF", @@ -5529,7 +6213,8 @@ }, "textNegativeMinor": { "value": "[general.red.150]", - "comment": "Инвертированный минорный цвет ошибки" + "comment": "Инвертированный минорный цвет ошибки", + "enabled": false }, "textNegativeMinorHover": { "value": "#FFFFFFFF", @@ -5541,7 +6226,8 @@ }, "textInfoMinor": { "value": "[general.blue.150]", - "comment": "Инвертированный минорный цвет информации" + "comment": "Инвертированный минорный цвет информации", + "enabled": false }, "textInfoMinorHover": { "value": "#FAFDFFFF", @@ -5550,15 +6236,78 @@ "textInfoMinorActive": { "value": "#A8DCFFFF", "comment": "Инвертированный минорный цвет информации" + }, + "textPrimary": { + "value": "rgba(245,245,245,0.96)", + "comment": "Инвертированный основной цвет текста" + }, + "textSecondary": { + "value": "rgba(245,245,245,0.56)", + "comment": "Инвертированный вторичный цвет текста" + }, + "textTertiary": { + "value": "rgba(245,245,245,0.28)", + "comment": "Инвертированный третичный цвет текста" + }, + "textParagraph": { + "value": "rgba(245,245,245,0.8)", + "comment": "Инвертированный сплошной наборный текст" + }, + "textAccent": { + "value": "[general.arctic.300]", + "comment": "Инвертированный акцентный цвет" + }, + "textAccentGradient": { + "value": { + "origin": "linear-gradient(45.00deg, rgb(33, 202, 154) 0%, rgb(74, 214, 252) 100%)", + "swift": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(33, 202, 154)", "rgb(74, 214, 252)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + }, + "xml": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(33, 202, 154)", "rgb(74, 214, 252)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + } + }, + "comment": "Инвертированный акцентный цвет с градиентом", + "enabled": true + }, + "textPositive": { + "value": "[general.green.400]", + "comment": "Инвертированный цвет успеха" + }, + "textWarning": { + "value": "[general.orange.400]", + "comment": "Инвертированный цвет предупреждения" + }, + "textNegative": { + "value": "[general.red.400]", + "comment": "Инвертированный цвет ошибки" } } }, "surface": { "default": { - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, "surfaceSolidPrimaryHover": { "value": "#FAFAFAFF", "comment": "Основной непрозрачный фон поверхности/контрола" @@ -5567,34 +6316,22 @@ "value": "#F0F0F0FF", "comment": "Основной непрозрачный фон поверхности/контрола" }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", + "value": "#EDEDEDFF", "comment": "Вторичный непрозрачный фон поверхности/контрола" }, "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", + "value": "#D4D4D4FF", "comment": "Вторичный непрозрачный фон поверхности/контрола" }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, "surfaceSolidTertiaryHover": { - "value": "#EDEDEDFF", + "value": "#D6D6D6FF", "comment": "Третичный непрозрачный фон поверхности/контрола" }, "surfaceSolidTertiaryActive": { - "value": "#D4D4D4FF", + "value": "#BDBDBDFF", "comment": "Третичный непрозрачный фон поверхности/контрола" }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Основной фон для карточек" - }, "surfaceSolidCardHover": { "value": "#FFFFFFFF", "comment": "Основной фон для карточек" @@ -5603,10 +6340,6 @@ "value": "#FFFFFFFF", "comment": "Основной фон для карточек" }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, "surfaceSolidDefaultHover": { "value": "#262626FF", "comment": "Непрозрачный фон поверхности/контрола по умолчанию" @@ -5615,22 +6348,14 @@ "value": "#030303FF", "comment": "Непрозрачный фон поверхности/контрола по умолчанию" }, - "surfaceTransparentPrimary": { - "value": "[general.gray.1000][-0.970]", - "comment": "Основной прозрачный фон поверхности/контрола" - }, "surfaceTransparentPrimaryHover": { - "value": "#08080803", + "value": "#08080800", "comment": "Основной прозрачный фон поверхности/контрола" }, "surfaceTransparentPrimaryActive": { - "value": "#0808080D", + "value": "#0808080A", "comment": "Основной прозрачный фон поверхности/контрола" }, - "surfaceTransparentSecondary": { - "value": "[general.gray.1000][-0.940]", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, "surfaceTransparentSecondaryHover": { "value": "#08080805", "comment": "Вторичный прозрачный фон поверхности/контрола" @@ -5639,10 +6364,6 @@ "value": "#0808081A", "comment": "Вторичный прозрачный фон поверхности/контрола" }, - "surfaceTransparentTertiary": { - "value": "[general.gray.1000][-0.880]", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, "surfaceTransparentTertiaryHover": { "value": "#0808080A", "comment": "Третичный прозрачный фон поверхности/контрола" @@ -5651,10 +6372,6 @@ "value": "#08080829", "comment": "Третичный прозрачный фон поверхности/контрола" }, - "surfaceTransparentDeep": { - "value": "[general.gray.1000][-0.360]", - "comment": "Глубокий прозрачный фон поверхности/контрола" - }, "surfaceTransparentDeepHover": { "value": "#0808088F", "comment": "Глубокий прозрачный фон поверхности/контрола" @@ -5663,22 +6380,14 @@ "value": "#080808AD", "comment": "Глубокий прозрачный фон поверхности/контрола" }, - "surfaceTransparentCard": { - "value": "[general.gray.1000][-0.940]", - "comment": "Прозрачный фон для карточек" - }, "surfaceTransparentCardHover": { - "value": "#08080805", + "value": "#FFFFFFFF", "comment": "Прозрачный фон для карточек" }, "surfaceTransparentCardActive": { - "value": "#0808081A", + "value": "#FFFFFFFF", "comment": "Прозрачный фон для карточек" }, - "surfaceClear": { - "value": "#FFFFFF00", - "comment": "Фон поверхности/контрола без заливки" - }, "surfaceClearHover": { "value": "#FFFFFF00", "comment": "Фон поверхности/контрола без заливки" @@ -5687,43 +6396,35 @@ "value": "#FFFFFF00", "comment": "Фон поверхности/контрола без заливки" }, - "surfaceAccent": { - "value": "[general.green.600]", - "comment": "Акцентный фон поверхности/контрола" - }, "surfaceAccentHover": { - "value": "#12A12AFF", + "value": "#00C28BFF", "comment": "Акцентный фон поверхности/контрола" }, "surfaceAccentActive": { - "value": "#0E7C20FF", + "value": "#00996EFF", "comment": "Акцентный фон поверхности/контрола" }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, "surfaceAccentGradientHover": { "value": "#FFFFFFFF", "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": false + "enabled": true }, "surfaceAccentGradientActive": { "value": "#FFFFFFFF", "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": false + "enabled": true }, "surfaceAccentMinor": { - "value": "[general.green.200]", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола" + "value": "[general.arctic.200]", + "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", + "enabled": false }, "surfaceAccentMinorHover": { - "value": "#93F6A5FF", + "value": "#71F4CFFF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола" }, "surfaceAccentMinorActive": { - "value": "#64F27EFF", + "value": "#41F1BFFF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола" }, "surfaceAccentMinorGradient": { @@ -5742,15 +6443,16 @@ "enabled": false }, "surfaceTransparentAccent": { - "value": "[general.green.600][-0.72]", - "comment": "Прозрачный акцентный фон поверхности/контрола" + "value": "[general.arctic.500][-0.72]", + "comment": "Прозрачный акцентный фон поверхности/контрола", + "enabled": false }, "surfaceTransparentAccentHover": { - "value": "#108E2533", + "value": "#05996F33", "comment": "Прозрачный акцентный фон поверхности/контрола" }, "surfaceTransparentAccentActive": { - "value": "#108E2552", + "value": "#05996F52", "comment": "Прозрачный акцентный фон поверхности/контрола" }, "surfaceTransparentAccentGradient": { @@ -5858,10 +6560,6 @@ "comment": "Прозрачный промо фон поверхности/контрола с градиентом", "enabled": false }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех" - }, "surfacePositiveHover": { "value": "#1EB83AFF", "comment": "Цвет фона поверхности/контрола успех" @@ -5870,10 +6568,6 @@ "value": "#178C2CFF", "comment": "Цвет фона поверхности/контрола успех" }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, "surfaceWarningHover": { "value": "#FB782DFF", "comment": "Цвет фона поверхности/контрола предупреждение" @@ -5882,10 +6576,6 @@ "value": "#E65705FF", "comment": "Цвет фона поверхности/контрола предупреждение" }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка" - }, "surfaceNegativeHover": { "value": "#FF5263FF", "comment": "Цвет фона поверхности/контрола ошибка" @@ -5896,7 +6586,8 @@ }, "surfaceInfo": { "value": "[general.blue.500]", - "comment": "Цвет фона поверхности/контрола информация" + "comment": "Цвет фона поверхности/контрола информация", + "enabled": false }, "surfaceInfoHover": { "value": "#1798EEFF", @@ -5908,7 +6599,8 @@ }, "surfacePositiveMinor": { "value": "[general.green.200]", - "comment": "Минорный цвет фона поверхности/контрола успех" + "comment": "Минорный цвет фона поверхности/контрола успех", + "enabled": false }, "surfacePositiveMinorHover": { "value": "#93F6A5FF", @@ -5920,7 +6612,8 @@ }, "surfaceWarningMinor": { "value": "[general.orange.200]", - "comment": "Минорный цвет фона поверхности/контрола предупреждение" + "comment": "Минорный цвет фона поверхности/контрола предупреждение", + "enabled": false }, "surfaceWarningMinorHover": { "value": "#FFDECCFF", @@ -5932,7 +6625,8 @@ }, "surfaceNegativeMinor": { "value": "[general.red.200]", - "comment": "Минорный цвет фона поверхности/контрола ошибка" + "comment": "Минорный цвет фона поверхности/контрола ошибка", + "enabled": false }, "surfaceNegativeMinorHover": { "value": "#FEE1E4FF", @@ -5944,7 +6638,8 @@ }, "surfaceInfoMinor": { "value": "[general.blue.200]", - "comment": "Минорный цвет фона поверхности/контрола информация" + "comment": "Минорный цвет фона поверхности/контрола информация", + "enabled": false }, "surfaceInfoMinorHover": { "value": "#C7E9FFFF", @@ -5956,7 +6651,8 @@ }, "surfaceTransparentPositive": { "value": "[general.green.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола успех" + "comment": "Прозрачный цвет фона поверхности/контрола успех", + "enabled": false }, "surfaceTransparentPositiveHover": { "value": "#1A9E3233", @@ -5968,7 +6664,8 @@ }, "surfaceTransparentWarning": { "value": "[general.orange.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение" + "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", + "enabled": false }, "surfaceTransparentWarningHover": { "value": "#FA5F0533", @@ -5980,7 +6677,8 @@ }, "surfaceTransparentNegative": { "value": "[general.red.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение" + "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", + "enabled": false }, "surfaceTransparentNegativeHover": { "value": "#FF293E33", @@ -5992,7 +6690,8 @@ }, "surfaceTransparentInfo": { "value": "[general.blue.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола информация" + "comment": "Прозрачный цвет фона поверхности/контрола информация", + "enabled": false }, "surfaceTransparentInfoHover": { "value": "#118CDF33", @@ -6001,13 +6700,107 @@ "surfaceTransparentInfoActive": { "value": "#118CDF52", "comment": "Прозрачный цвет фона поверхности/контрола информация" + }, + "surfaceSolidPrimary": { + "value": "[general.gray.100]", + "comment": "Основной непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidSecondary": { + "value": "[general.gray.200]", + "comment": "Вторичный непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidTertiary": { + "value": "[general.gray.250]", + "comment": "Третичный непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidCard": { + "value": "#FFFFFF", + "comment": "Основной фон для карточек" + }, + "surfaceSolidDefault": { + "value": "[general.gray.1000]", + "comment": "Непрозрачный фон поверхности/контрола по умолчанию" + }, + "surfaceTransparentPrimary": { + "value": "rgba(8,8,8,0.02)", + "comment": "Основной прозрачный фон поверхности/контрола" + }, + "surfaceTransparentSecondary": { + "value": "rgba(8,8,8,0.06)", + "comment": "Вторичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentTertiary": { + "value": "rgba(8,8,8,0.12)", + "comment": "Третичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentDeep": { + "value": "rgba(8,8,8,0.64)", + "comment": "Глубокий прозрачный фон поверхности/контрола" + }, + "surfaceTransparentCard": { + "value": "rgb(255,255,255)", + "comment": "Прозрачный фон для карточек" + }, + "surfaceClear": { + "value": "#FFFFFF00", + "comment": "Фон поверхности/контрола без заливки" + }, + "surfaceAccent": { + "value": "[general.arctic.400]", + "comment": "Акцентный фон поверхности/контрола" + }, + "surfaceAccentGradient": { + "value": { + "origin": "linear-gradient(45.00deg, rgb(0, 172, 123) 0.763%, rgb(39, 198, 229) 100%)", + "swift": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(0, 172, 123)", "rgb(39, 198, 229)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + }, + "xml": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(0, 172, 123)", "rgb(39, 198, 229)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + } + }, + "comment": "Акцентный фон поверхности/контрола с градиентом", + "enabled": true + }, + "surfaceNegative": { + "value": "[general.red.500]", + "comment": "Цвет фона поверхности/контрола ошибка" + }, + "surfaceWarning": { + "value": "[general.orange.500]", + "comment": "Цвет фона поверхности/контрола предупреждение" + }, + "surfacePositive": { + "value": "[general.green.500]", + "comment": "Цвет фона поверхности/контрола успех" } }, "onDark": { - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, "surfaceSolidPrimaryHover": { "value": "#363636FF", "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" @@ -6016,10 +6809,6 @@ "value": "#0D0D0DFF", "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, "surfaceSolidSecondaryHover": { "value": "#3B3B3BFF", "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" @@ -6028,10 +6817,6 @@ "value": "#1C1C1CFF", "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, "surfaceSolidTertiaryHover": { "value": "#4A4A4AFF", "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" @@ -6040,22 +6825,14 @@ "value": "#2B2B2BFF", "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек на темном фоне" - }, "surfaceSolidCardHover": { - "value": "#363636FF", + "value": "#3B3B3BFF", "comment": "Основной фон для карточек на темном фоне" }, "surfaceSolidCardActive": { - "value": "#0D0D0DFF", + "value": "#1C1C1CFF", "comment": "Основной фон для карточек на темном фоне" }, - "surfaceSolidDefault": { - "value": "[general.gray.50]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, "surfaceSolidDefaultHover": { "value": "#FFFFFFFF", "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" @@ -6064,70 +6841,46 @@ "value": "#F5F5F5FF", "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" }, - "surfaceTransparentPrimary": { - "value": "[general.gray.50][-0.940]", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, "surfaceTransparentPrimaryHover": { - "value": "#FAFAFA05", + "value": "#FFFFFF05", "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" }, "surfaceTransparentPrimaryActive": { - "value": "#FAFAFA1A", + "value": "#FFFFFF1A", "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" }, - "surfaceTransparentSecondary": { - "value": "[general.gray.50][-0.880]", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, "surfaceTransparentSecondaryHover": { - "value": "#FAFAFA0A", + "value": "#FFFFFF0A", "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" }, "surfaceTransparentSecondaryActive": { - "value": "#FAFAFA29", + "value": "#FFFFFF29", "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" }, - "surfaceTransparentTertiary": { - "value": "[general.gray.50][-0.800]", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, "surfaceTransparentTertiaryHover": { - "value": "#FAFAFA1F", + "value": "#FFFFFF1F", "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" }, "surfaceTransparentTertiaryActive": { - "value": "#FAFAFA3D", + "value": "#FFFFFF3D", "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" }, - "surfaceTransparentDeep": { - "value": "[general.gray.50][-0.360]", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне" - }, "surfaceTransparentDeepHover": { - "value": "#FAFAFA8F", + "value": "#FFFFFF8F", "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне" }, "surfaceTransparentDeepActive": { - "value": "#FAFAFAAD", + "value": "#FFFFFFAD", "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне" }, - "surfaceTransparentCard": { - "value": "[general.gray.50][-0.940]", - "comment": "Прозрачный фон для карточек на темном фоне" - }, "surfaceTransparentCardHover": { - "value": "#FAFAFA05", + "value": "#FFFFFF0A", "comment": "Прозрачный фон для карточек на темном фоне" }, "surfaceTransparentCardActive": { - "value": "#FAFAFA1A", + "value": "#FFFFFF29", "comment": "Прозрачный фон для карточек на темном фоне" }, - "surfaceClear": { - "value": "#FFFFFF00", - "comment": "Фон поверхности/контрола без заливки на темном фоне" - }, "surfaceClearHover": { "value": "#FFFFFF00", "comment": "Фон поверхности/контрола без заливки на темном фоне" @@ -6136,43 +6889,35 @@ "value": "#FFFFFF00", "comment": "Фон поверхности/контрола без заливки на темном фоне" }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, "surfaceAccentHover": { - "value": "#1EB83AFF", + "value": "#00C28BFF", "comment": "Акцентный фон поверхности/контрола на темном фоне" }, "surfaceAccentActive": { - "value": "#178C2CFF", + "value": "#00996EFF", "comment": "Акцентный фон поверхности/контрола на темном фоне" }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, "surfaceAccentGradientHover": { "value": "#FFFFFFFF", "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false + "enabled": true }, "surfaceAccentGradientActive": { "value": "#FFFFFFFF", "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false + "enabled": true }, "surfaceAccentMinor": { - "value": "[general.green.900]", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне" + "value": "[general.arctic.900]", + "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", + "enabled": false }, "surfaceAccentMinorHover": { - "value": "#0E3A16FF", + "value": "#0B4636FF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне" }, "surfaceAccentMinorActive": { - "value": "#061909FF", + "value": "#041A14FF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне" }, "surfaceAccentMinorGradient": { @@ -6191,15 +6936,16 @@ "enabled": false }, "surfaceTransparentAccent": { - "value": "[general.green.500][-0.72]", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне" + "value": "[general.arctic.300][-0.72]", + "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", + "enabled": false }, "surfaceTransparentAccentHover": { - "value": "#1A9E3233", + "value": "#14CC9833", "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне" }, "surfaceTransparentAccentActive": { - "value": "#1A9E3252", + "value": "#14CC9852", "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне" }, "surfaceTransparentAccentGradient": { @@ -6307,45 +7053,34 @@ "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", "enabled": false }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех на темном фоне" - }, "surfacePositiveHover": { - "value": "#1EB83AFF", + "value": "#28C344FF", "comment": "Цвет фона поверхности/контрола успех на темном фоне" }, "surfacePositiveActive": { - "value": "#178C2CFF", + "value": "#21A138FF", "comment": "Цвет фона поверхности/контрола успех на темном фоне" }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне" - }, "surfaceWarningHover": { - "value": "#FB782DFF", + "value": "#FF8B4DFF", "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне" }, "surfaceWarningActive": { - "value": "#E65705FF", + "value": "#FF630FFF", "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне" }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, "surfaceNegativeHover": { - "value": "#FF5263FF", + "value": "#FF6675FF", "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" }, "surfaceNegativeActive": { - "value": "#FF142CFF", + "value": "#FF293EFF", "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" }, "surfaceInfo": { "value": "[general.blue.500]", - "comment": "Цвет фона поверхности/контрола информация на темном фоне" + "comment": "Цвет фона поверхности/контрола информация на темном фоне", + "enabled": false }, "surfaceInfoHover": { "value": "#1798EEFF", @@ -6357,7 +7092,8 @@ }, "surfacePositiveMinor": { "value": "[general.green.900]", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне" + "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", + "enabled": false }, "surfacePositiveMinorHover": { "value": "#0E3A16FF", @@ -6369,7 +7105,8 @@ }, "surfaceWarningMinor": { "value": "[general.orange.900]", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне" + "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", + "enabled": false }, "surfaceWarningMinorHover": { "value": "#58290EFF", @@ -6381,7 +7118,8 @@ }, "surfaceNegativeMinor": { "value": "[general.red.900]", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне" + "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", + "enabled": false }, "surfaceNegativeMinorHover": { "value": "#64121AFF", @@ -6393,7 +7131,8 @@ }, "surfaceInfoMinor": { "value": "[general.blue.900]", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне" + "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", + "enabled": false }, "surfaceInfoMinorHover": { "value": "#10344CFF", @@ -6405,7 +7144,8 @@ }, "surfaceTransparentPositive": { "value": "[general.green.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне" + "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", + "enabled": false }, "surfaceTransparentPositiveHover": { "value": "#1A9E3233", @@ -6417,7 +7157,8 @@ }, "surfaceTransparentWarning": { "value": "[general.orange.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне" + "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", + "enabled": false }, "surfaceTransparentWarningHover": { "value": "#FA5F0533", @@ -6429,7 +7170,8 @@ }, "surfaceTransparentNegative": { "value": "[general.red.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне" + "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", + "enabled": false }, "surfaceTransparentNegativeHover": { "value": "#FF293E33", @@ -6441,7 +7183,8 @@ }, "surfaceTransparentInfo": { "value": "[general.blue.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне" + "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", + "enabled": false }, "surfaceTransparentInfoHover": { "value": "#118CDF33", @@ -6450,13 +7193,104 @@ "surfaceTransparentInfoActive": { "value": "#118CDF52", "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне" + }, + "surfaceSolidCard": { + "value": "[general.gray.900]", + "comment": "Основной фон для карточек на темном фоне" + }, + "surfaceSolidPrimary": { + "value": "[general.gray.950]", + "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidSecondary": { + "value": "[general.gray.900]", + "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidTertiary": { + "value": "[general.gray.850]", + "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidDefault": { + "value": "[general.gray.50]", + "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" + }, + "surfaceTransparentPrimary": { + "value": "rgba(255,255,255,0.06)", + "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentSecondary": { + "value": "rgba(255,255,255,0.12)", + "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentTertiary": { + "value": "rgba(255,255,255,0.2)", + "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentDeep": { + "value": "rgba(255,255,255,0.64)", + "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentCard": { + "value": "rgba(255,255,255,0.12)", + "comment": "Прозрачный фон для карточек на темном фоне" + }, + "surfaceClear": { + "value": "#FFFFFF00", + "comment": "Фон поверхности/контрола без заливки на темном фоне" + }, + "surfaceAccent": { + "value": "[general.arctic.400]", + "comment": "Акцентный фон поверхности/контрола на темном фоне" + }, + "surfaceAccentGradient": { + "value": { + "origin": "linear-gradient(45.00deg, rgb(0, 172, 123) 0.763%, rgb(39, 198, 229) 100%)", + "swift": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(0, 172, 123)", "rgb(39, 198, 229)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + }, + "xml": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(0, 172, 123)", "rgb(39, 198, 229)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + } + }, + "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", + "enabled": true + }, + "surfacePositive": { + "value": "[general.green.400]", + "comment": "Цвет фона поверхности/контрола успех на темном фоне" + }, + "surfaceWarning": { + "value": "[general.orange.400]", + "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне" + }, + "surfaceNegative": { + "value": "[general.red.400]", + "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" } }, "onLight": { - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" - }, "surfaceSolidPrimaryHover": { "value": "#FAFAFAFF", "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" @@ -6465,34 +7299,22 @@ "value": "#F0F0F0FF", "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", + "value": "#EDEDEDFF", "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" }, "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", + "value": "#D4D4D4FF", "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, "surfaceSolidTertiaryHover": { - "value": "#EDEDEDFF", + "value": "#D6D6D6FF", "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" }, "surfaceSolidTertiaryActive": { - "value": "#D4D4D4FF", + "value": "#BDBDBDFF", "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, "surfaceSolidCardHover": { "value": "#FFFFFFFF", "comment": "Основной фон для карточек на светлом фоне" @@ -6501,10 +7323,6 @@ "value": "#FFFFFFFF", "comment": "Основной фон для карточек на светлом фоне" }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, "surfaceSolidDefaultHover": { "value": "#262626FF", "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" @@ -6513,22 +7331,14 @@ "value": "#030303FF", "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" }, - "surfaceTransparentPrimary": { - "value": "[general.gray.1000][-0.970]", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне" - }, "surfaceTransparentPrimaryHover": { - "value": "#08080803", + "value": "#08080800", "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне" }, "surfaceTransparentPrimaryActive": { - "value": "#0808080D", + "value": "#0808080A", "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне" }, - "surfaceTransparentSecondary": { - "value": "[general.gray.1000][-0.940]", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" - }, "surfaceTransparentSecondaryHover": { "value": "#08080805", "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" @@ -6537,10 +7347,6 @@ "value": "#0808081A", "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" }, - "surfaceTransparentTertiary": { - "value": "[general.gray.1000][-0.880]", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" - }, "surfaceTransparentTertiaryHover": { "value": "#0808080A", "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" @@ -6549,10 +7355,6 @@ "value": "#08080829", "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" }, - "surfaceTransparentDeep": { - "value": "[general.gray.1000][-0.360]", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне" - }, "surfaceTransparentDeepHover": { "value": "#0808088F", "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне" @@ -6561,22 +7363,14 @@ "value": "#080808AD", "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне" }, - "surfaceTransparentCard": { - "value": "[general.gray.1000][-0.940]", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, "surfaceTransparentCardHover": { - "value": "#08080805", + "value": "#FFFFFFFF", "comment": "Прозрачный фон для карточек на светлом фоне" }, "surfaceTransparentCardActive": { - "value": "#0808081A", + "value": "#FFFFFFFF", "comment": "Прозрачный фон для карточек на светлом фоне" }, - "surfaceClear": { - "value": "#FFFFFF00", - "comment": "Фон поверхности/контрола без заливки на светлом фоне" - }, "surfaceClearHover": { "value": "#FFFFFF00", "comment": "Фон поверхности/контрола без заливки на светлом фоне" @@ -6585,43 +7379,35 @@ "value": "#FFFFFF00", "comment": "Фон поверхности/контрола без заливки на светлом фоне" }, - "surfaceAccent": { - "value": "[general.green.600]", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, "surfaceAccentHover": { - "value": "#12A12AFF", + "value": "#00C28BFF", "comment": "Акцентный фон поверхности/контрола на светлом фоне" }, "surfaceAccentActive": { - "value": "#0E7C20FF", + "value": "#00996EFF", "comment": "Акцентный фон поверхности/контрола на светлом фоне" }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, "surfaceAccentGradientHover": { "value": "#FFFFFFFF", "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false + "enabled": true }, "surfaceAccentGradientActive": { "value": "#FFFFFFFF", "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false + "enabled": true }, "surfaceAccentMinor": { - "value": "[general.green.200]", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне" + "value": "[general.arctic.200]", + "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", + "enabled": false }, "surfaceAccentMinorHover": { - "value": "#93F6A5FF", + "value": "#71F4CFFF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне" }, "surfaceAccentMinorActive": { - "value": "#64F27EFF", + "value": "#41F1BFFF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне" }, "surfaceAccentMinorGradient": { @@ -6640,15 +7426,16 @@ "enabled": false }, "surfaceTransparentAccent": { - "value": "[general.green.600][-0.72]", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне" + "value": "[general.arctic.500][-0.72]", + "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", + "enabled": false }, "surfaceTransparentAccentHover": { - "value": "#108E2533", + "value": "#05996F33", "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне" }, "surfaceTransparentAccentActive": { - "value": "#108E2552", + "value": "#05996F52", "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне" }, "surfaceTransparentAccentGradient": { @@ -6756,10 +7543,6 @@ "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", "enabled": false }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне" - }, "surfacePositiveHover": { "value": "#1EB83AFF", "comment": "Цвет фона поверхности/контрола успех на светлом фоне" @@ -6768,10 +7551,6 @@ "value": "#178C2CFF", "comment": "Цвет фона поверхности/контрола успех на светлом фоне" }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне" - }, "surfaceWarningHover": { "value": "#FB782DFF", "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне" @@ -6780,10 +7559,6 @@ "value": "#E65705FF", "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне" }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, "surfaceNegativeHover": { "value": "#FF5263FF", "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" @@ -6794,7 +7569,8 @@ }, "surfaceInfo": { "value": "[general.blue.500]", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне" + "comment": "Цвет фона поверхности/контрола информация на светлом фоне", + "enabled": false }, "surfaceInfoHover": { "value": "#1798EEFF", @@ -6806,7 +7582,8 @@ }, "surfacePositiveMinor": { "value": "[general.green.200]", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне" + "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", + "enabled": false }, "surfacePositiveMinorHover": { "value": "#93F6A5FF", @@ -6818,7 +7595,8 @@ }, "surfaceWarningMinor": { "value": "[general.orange.200]", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне" + "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", + "enabled": false }, "surfaceWarningMinorHover": { "value": "#FFDECCFF", @@ -6830,7 +7608,8 @@ }, "surfaceNegativeMinor": { "value": "[general.red.200]", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне" + "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", + "enabled": false }, "surfaceNegativeMinorHover": { "value": "#FEE1E4FF", @@ -6842,7 +7621,8 @@ }, "surfaceInfoMinor": { "value": "[general.blue.200]", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне" + "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", + "enabled": false }, "surfaceInfoMinorHover": { "value": "#C7E9FFFF", @@ -6854,7 +7634,8 @@ }, "surfaceTransparentPositive": { "value": "[general.green.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне" + "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", + "enabled": false }, "surfaceTransparentPositiveHover": { "value": "#1A9E3233", @@ -6866,7 +7647,8 @@ }, "surfaceTransparentWarning": { "value": "[general.orange.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне" + "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", + "enabled": false }, "surfaceTransparentWarningHover": { "value": "#FA5F0533", @@ -6878,7 +7660,8 @@ }, "surfaceTransparentNegative": { "value": "[general.red.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне" + "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", + "enabled": false }, "surfaceTransparentNegativeHover": { "value": "#FF293E33", @@ -6890,7 +7673,8 @@ }, "surfaceTransparentInfo": { "value": "[general.blue.500][-0.72]", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне" + "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", + "enabled": false }, "surfaceTransparentInfoHover": { "value": "#118CDF33", @@ -6899,13 +7683,104 @@ "surfaceTransparentInfoActive": { "value": "#118CDF52", "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне" - } - }, - "inverse": { + }, "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола" + "value": "[general.gray.100]", + "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidSecondary": { + "value": "[general.gray.200]", + "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidTertiary": { + "value": "[general.gray.250]", + "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidCard": { + "value": "#FFFFFF", + "comment": "Основной фон для карточек на светлом фоне" + }, + "surfaceSolidDefault": { + "value": "[general.gray.1000]", + "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" + }, + "surfaceClear": { + "value": "#FFFFFF00", + "comment": "Фон поверхности/контрола без заливки на светлом фоне" + }, + "surfaceTransparentCard": { + "value": "rgb(255,255,255)", + "comment": "Прозрачный фон для карточек на светлом фоне" + }, + "surfaceTransparentPrimary": { + "value": "rgba(8,8,8,0.02)", + "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentSecondary": { + "value": "rgba(8,8,8,0.06)", + "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentTertiary": { + "value": "rgba(8,8,8,0.12)", + "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentDeep": { + "value": "rgba(8,8,8,0.64)", + "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceAccent": { + "value": "[general.arctic.400]", + "comment": "Акцентный фон поверхности/контрола на светлом фоне" }, + "surfaceAccentGradient": { + "value": { + "origin": "linear-gradient(45.00deg, rgb(0, 172, 123) 0.763%, rgb(39, 198, 229) 100%)", + "swift": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(0, 172, 123)", "rgb(39, 198, 229)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + }, + "xml": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(0, 172, 123)", "rgb(39, 198, 229)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + } + }, + "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", + "enabled": true + }, + "surfacePositive": { + "value": "[general.green.500]", + "comment": "Цвет фона поверхности/контрола успех на светлом фоне" + }, + "surfaceWarning": { + "value": "[general.orange.500]", + "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне" + }, + "surfaceNegative": { + "value": "[general.red.500]", + "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" + } + }, + "inverse": { "surfaceSolidPrimaryHover": { "value": "#363636FF", "comment": "Инвертированный основной непрозрачный фон поверхности/контрола" @@ -6914,10 +7789,6 @@ "value": "#0D0D0DFF", "comment": "Инвертированный основной непрозрачный фон поверхности/контрола" }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола" - }, "surfaceSolidSecondaryHover": { "value": "#3B3B3BFF", "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола" @@ -6926,10 +7797,6 @@ "value": "#1C1C1CFF", "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола" }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола" - }, "surfaceSolidTertiaryHover": { "value": "#4A4A4AFF", "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола" @@ -6938,22 +7805,14 @@ "value": "#2B2B2BFF", "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола" }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Инвертированный основной фон для карточек" - }, "surfaceSolidCardHover": { - "value": "#363636FF", + "value": "#3B3B3BFF", "comment": "Инвертированный основной фон для карточек" }, "surfaceSolidCardActive": { - "value": "#0D0D0DFF", + "value": "#1C1C1CFF", "comment": "Инвертированный основной фон для карточек" }, - "surfaceSolidDefault": { - "value": "[general.gray.50]", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию" - }, "surfaceSolidDefaultHover": { "value": "#FFFFFFFF", "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию" @@ -6962,70 +7821,46 @@ "value": "#F5F5F5FF", "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию" }, - "surfaceTransparentPrimary": { - "value": "[general.gray.50][-0.940]", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола" - }, "surfaceTransparentPrimaryHover": { - "value": "#FAFAFA05", + "value": "#FFFFFF05", "comment": "Инвертированный основной прозрачный фон поверхности/контрола" }, "surfaceTransparentPrimaryActive": { - "value": "#FAFAFA1A", + "value": "#FFFFFF1A", "comment": "Инвертированный основной прозрачный фон поверхности/контрола" }, - "surfaceTransparentSecondary": { - "value": "[general.gray.50][-0.880]", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола" - }, "surfaceTransparentSecondaryHover": { - "value": "#FAFAFA0A", + "value": "#FFFFFF0A", "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола" }, "surfaceTransparentSecondaryActive": { - "value": "#FAFAFA29", + "value": "#FFFFFF29", "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола" }, - "surfaceTransparentTertiary": { - "value": "[general.gray.50][-0.800]", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола" - }, "surfaceTransparentTertiaryHover": { - "value": "#FAFAFA1F", + "value": "#FFFFFF1F", "comment": "Инвертированный третичный прозрачный фон поверхности/контрола" }, "surfaceTransparentTertiaryActive": { - "value": "#FAFAFA3D", + "value": "#FFFFFF3D", "comment": "Инвертированный третичный прозрачный фон поверхности/контрола" }, - "surfaceTransparentDeep": { - "value": "[general.gray.50][-0.360]", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола" - }, "surfaceTransparentDeepHover": { - "value": "#FAFAFA8F", + "value": "#FFFFFF8F", "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола" }, "surfaceTransparentDeepActive": { - "value": "#FAFAFAAD", + "value": "#FFFFFFAD", "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола" }, - "surfaceTransparentCard": { - "value": "[general.gray.50][-0.940]", - "comment": "Инвертированный прозрачный фон для карточек" - }, "surfaceTransparentCardHover": { - "value": "#FAFAFA05", + "value": "#FFFFFF0A", "comment": "Инвертированный прозрачный фон для карточек" }, "surfaceTransparentCardActive": { - "value": "#FAFAFA1A", + "value": "#FFFFFF29", "comment": "Инвертированный прозрачный фон для карточек" }, - "surfaceClear": { - "value": "#FFFFFF00", - "comment": "Инвертированный фон поверхности/контрола без заливки" - }, "surfaceClearHover": { "value": "#FFFFFF00", "comment": "Инвертированный фон поверхности/контрола без заливки" @@ -7034,43 +7869,35 @@ "value": "#FFFFFF00", "comment": "Инвертированный фон поверхности/контрола без заливки" }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Инвертированный акцентный фон поверхности/контрола" - }, "surfaceAccentHover": { - "value": "#1EB83AFF", + "value": "#00C28BFF", "comment": "Инвертированный акцентный фон поверхности/контрола" }, "surfaceAccentActive": { - "value": "#178C2CFF", + "value": "#00996EFF", "comment": "Инвертированный акцентный фон поверхности/контрола" }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, "surfaceAccentGradientHover": { "value": "#FFFFFFFF", "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false + "enabled": true }, "surfaceAccentGradientActive": { "value": "#FFFFFFFF", "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false + "enabled": true }, "surfaceAccentMinor": { - "value": "[general.green.900]", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола" + "value": "[general.arctic.900]", + "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", + "enabled": false }, "surfaceAccentMinorHover": { - "value": "#0E3A16FF", + "value": "#0B4636FF", "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола" }, "surfaceAccentMinorActive": { - "value": "#061909FF", + "value": "#041A14FF", "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола" }, "surfaceAccentMinorGradient": { @@ -7089,15 +7916,16 @@ "enabled": false }, "surfaceTransparentAccent": { - "value": "[general.green.500][-0.72]", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола" + "value": "[general.arctic.300][-0.72]", + "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", + "enabled": false }, "surfaceTransparentAccentHover": { - "value": "#1A9E3233", + "value": "#14CC9833", "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола" }, "surfaceTransparentAccentActive": { - "value": "#1A9E3252", + "value": "#14CC9852", "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола" }, "surfaceTransparentAccentGradient": { @@ -7205,45 +8033,34 @@ "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", "enabled": false }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Инвертированный цвет фона поверхности/контрола успех" - }, "surfacePositiveHover": { - "value": "#1EB83AFF", + "value": "#28C344FF", "comment": "Инвертированный цвет фона поверхности/контрола успех" }, "surfacePositiveActive": { - "value": "#178C2CFF", + "value": "#21A138FF", "comment": "Инвертированный цвет фона поверхности/контрола успех" }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение" - }, "surfaceWarningHover": { - "value": "#FB782DFF", + "value": "#FF8B4DFF", "comment": "Инвертированный цвет фона поверхности/контрола предупреждение" }, "surfaceWarningActive": { - "value": "#E65705FF", + "value": "#FF630FFF", "comment": "Инвертированный цвет фона поверхности/контрола предупреждение" }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка" - }, "surfaceNegativeHover": { - "value": "#FF5263FF", + "value": "#FF6675FF", "comment": "Инвертированный цвет фона поверхности/контрола ошибка" }, "surfaceNegativeActive": { - "value": "#FF142CFF", + "value": "#FF293EFF", "comment": "Инвертированный цвет фона поверхности/контрола ошибка" }, "surfaceInfo": { "value": "[general.blue.500]", - "comment": "Инвертированный цвет фона поверхности/контрола информация" + "comment": "Инвертированный цвет фона поверхности/контрола информация", + "enabled": false }, "surfaceInfoHover": { "value": "#1798EEFF", @@ -7255,7 +8072,8 @@ }, "surfacePositiveMinor": { "value": "[general.green.900]", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех" + "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", + "enabled": false }, "surfacePositiveMinorHover": { "value": "#0E3A16FF", @@ -7267,7 +8085,8 @@ }, "surfaceWarningMinor": { "value": "[general.orange.900]", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение" + "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", + "enabled": false }, "surfaceWarningMinorHover": { "value": "#58290EFF", @@ -7279,7 +8098,8 @@ }, "surfaceNegativeMinor": { "value": "[general.red.900]", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка" + "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", + "enabled": false }, "surfaceNegativeMinorHover": { "value": "#64121AFF", @@ -7291,7 +8111,8 @@ }, "surfaceInfoMinor": { "value": "[general.blue.900]", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация" + "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", + "enabled": false }, "surfaceInfoMinorHover": { "value": "#10344CFF", @@ -7303,7 +8124,8 @@ }, "surfaceTransparentPositive": { "value": "[general.green.500][-0.72]", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех" + "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", + "enabled": false }, "surfaceTransparentPositiveHover": { "value": "#1A9E3233", @@ -7315,7 +8137,8 @@ }, "surfaceTransparentWarning": { "value": "[general.orange.500][-0.72]", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение" + "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", + "enabled": false }, "surfaceTransparentWarningHover": { "value": "#FA5F0533", @@ -7327,7 +8150,8 @@ }, "surfaceTransparentNegative": { "value": "[general.red.500][-0.72]", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение" + "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", + "enabled": false }, "surfaceTransparentNegativeHover": { "value": "#FF293E33", @@ -7339,7 +8163,8 @@ }, "surfaceTransparentInfo": { "value": "[general.blue.500][-0.72]", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация" + "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", + "enabled": false }, "surfaceTransparentInfoHover": { "value": "#118CDF33", @@ -7348,15 +8173,106 @@ "surfaceTransparentInfoActive": { "value": "#118CDF52", "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация" + }, + "surfaceClear": { + "value": "#FFFFFF00", + "comment": "Инвертированный фон поверхности/контрола без заливки" + }, + "surfaceSolidCard": { + "value": "[general.gray.900]", + "comment": "Инвертированный основной фон для карточек" + }, + "surfaceSolidPrimary": { + "value": "[general.gray.950]", + "comment": "Инвертированный основной непрозрачный фон поверхности/контрола" + }, + "surfaceSolidSecondary": { + "value": "[general.gray.900]", + "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidTertiary": { + "value": "[general.gray.850]", + "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidDefault": { + "value": "[general.gray.50]", + "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию" + }, + "surfaceTransparentCard": { + "value": "rgba(255,255,255,0.12)", + "comment": "Инвертированный прозрачный фон для карточек" + }, + "surfaceTransparentPrimary": { + "value": "rgba(255,255,255,0.06)", + "comment": "Инвертированный основной прозрачный фон поверхности/контрола" + }, + "surfaceTransparentSecondary": { + "value": "rgba(255,255,255,0.12)", + "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentTertiary": { + "value": "rgba(255,255,255,0.2)", + "comment": "Инвертированный третичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentDeep": { + "value": "rgba(255,255,255,0.64)", + "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола" + }, + "surfaceAccent": { + "value": "[general.arctic.400]", + "comment": "Инвертированный акцентный фон поверхности/контрола" + }, + "surfaceAccentGradient": { + "value": { + "origin": "linear-gradient(45.00deg, rgb(0, 172, 123) 0.763%, rgb(39, 198, 229) 100%)", + "swift": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(0, 172, 123)", "rgb(39, 198, 229)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + }, + "xml": { + "kind": "gradient", + "type": ".linear", + "colors": ["rgb(0, 172, 123)", "rgb(39, 198, 229)"], + "locations": [0, 1], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + } + }, + "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", + "enabled": true + }, + "surfacePositive": { + "value": "[general.green.400]", + "comment": "Инвертированный цвет фона поверхности/контрола успех" + }, + "surfaceWarning": { + "value": "[general.orange.400]", + "comment": "Инвертированный цвет фона поверхности/контрола предупреждение" + }, + "surfaceNegative": { + "value": "[general.red.400]", + "comment": "Инвертированный цвет фона поверхности/контрола ошибка" } } }, "background": { "default": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон" - }, "backgroundSecondary": { "value": "#FFFFFF", "comment": "Вторичный фон", @@ -7366,13 +8282,13 @@ "value": "#FFFFFF", "comment": "Третичный фон", "enabled": false + }, + "backgroundPrimary": { + "value": "[general.gray.100]", + "comment": "Основной фон" } }, "dark": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон на темном фоне" - }, "backgroundSecondary": { "value": "#FFFFFF", "comment": "Вторичный фон на темном фоне", @@ -7382,13 +8298,13 @@ "value": "#FFFFFF", "comment": "Третичный фон на темном фоне", "enabled": false + }, + "backgroundPrimary": { + "value": "[general.gray.950]", + "comment": "Основной фон на темном фоне" } }, "light": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон на светлом фоне" - }, "backgroundSecondary": { "value": "#FFFFFF", "comment": "Вторичный фон на светлом фоне", @@ -7398,13 +8314,13 @@ "value": "#FFFFFF", "comment": "Третичный фон на светлом фоне", "enabled": false + }, + "backgroundPrimary": { + "value": "[general.gray.100]", + "comment": "Основной фон на светлом фоне" } }, "inverse": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Инвертированный основной фон" - }, "backgroundSecondary": { "value": "#FFFFFF", "comment": "Инвертированный вторичный фон", @@ -7414,6 +8330,10 @@ "value": "#FFFFFF", "comment": "Инвертированный третичный фон", "enabled": false + }, + "backgroundPrimary": { + "value": "[general.gray.950]", + "comment": "Инвертированный основной фон" } } }, @@ -7479,111 +8399,138 @@ "default": { "outlineSolidPrimary": { "value": "[general.gray.200]", - "comment": "Основной непрозрачный цвет обводки" + "comment": "Основной непрозрачный цвет обводки", + "enabled": false }, "outlineSolidPrimaryHover": { "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки" + "comment": "Основной непрозрачный цвет обводки", + "enabled": false }, "outlineSolidPrimaryActive": { "value": "#B3B3B3FF", - "comment": "Основной непрозрачный цвет обводки" + "comment": "Основной непрозрачный цвет обводки", + "enabled": false }, "outlineSolidSecondary": { "value": "[general.gray.300]", - "comment": "Вторичный непрозрачный цвет обводки" + "comment": "Вторичный непрозрачный цвет обводки", + "enabled": false }, "outlineSolidSecondaryHover": { "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки" + "comment": "Вторичный непрозрачный цвет обводки", + "enabled": false }, "outlineSolidSecondaryActive": { "value": "#8F8F8FFF", - "comment": "Вторичный непрозрачный цвет обводки" + "comment": "Вторичный непрозрачный цвет обводки", + "enabled": false }, "outlineSolidTertiary": { "value": "[general.gray.700]", - "comment": "Третичный непрозрачный цвет обводки" + "comment": "Третичный непрозрачный цвет обводки", + "enabled": false }, "outlineSolidTertiaryHover": { "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки" + "comment": "Третичный непрозрачный цвет обводки", + "enabled": false }, "outlineSolidTertiaryActive": { "value": "#595959FF", - "comment": "Третичный непрозрачный цвет обводки" + "comment": "Третичный непрозрачный цвет обводки", + "enabled": false }, "outlineTransparentDefault": { "value": "[general.gray.1000][-0.0400]", - "comment": "Прозрачный цвет обводки по умолчанию" + "comment": "Прозрачный цвет обводки по умолчанию", + "enabled": false }, "outlineTransparentDefaultHover": { "value": "#08080893", - "comment": "Прозрачный цвет обводки по умолчанию" + "comment": "Прозрачный цвет обводки по умолчанию", + "enabled": false }, "outlineTransparentDefaultActive": { "value": "#080808C4", - "comment": "Прозрачный цвет обводки по умолчанию" + "comment": "Прозрачный цвет обводки по умолчанию", + "enabled": false }, "outlineTransparentPrimary": { "value": "[general.gray.1000][-0.880]", - "comment": "Основной прозрачный цвет обводки" + "comment": "Основной прозрачный цвет обводки", + "enabled": false }, "outlineTransparentPrimaryHover": { "value": "#080808FF", - "comment": "Основной прозрачный цвет обводки" + "comment": "Основной прозрачный цвет обводки", + "enabled": false }, "outlineTransparentPrimaryActive": { "value": "#08080825", - "comment": "Основной прозрачный цвет обводки" + "comment": "Основной прозрачный цвет обводки", + "enabled": false }, "outlineTransparentSecondary": { "value": "[general.gray.1000][-0.720]", - "comment": "Вторичный прозрачный цвет обводки" + "comment": "Вторичный прозрачный цвет обводки", + "enabled": false }, "outlineTransparentSecondaryHover": { "value": "#080808FF", - "comment": "Вторичный прозрачный цвет обводки" + "comment": "Вторичный прозрачный цвет обводки", + "enabled": false }, "outlineTransparentSecondaryActive": { "value": "#08080856", - "comment": "Вторичный прозрачный цвет обводки" + "comment": "Вторичный прозрачный цвет обводки", + "enabled": false }, "outlineTransparentTertiary": { "value": "[general.gray.1000][-0.440]", - "comment": "Третичный прозрачный цвет обводки" + "comment": "Третичный прозрачный цвет обводки", + "enabled": false }, "outlineTransparentTertiaryHover": { "value": "#080808FF", - "comment": "Третичный прозрачный цвет обводки" + "comment": "Третичный прозрачный цвет обводки", + "enabled": false }, "outlineTransparentTertiaryActive": { "value": "#080808AB", - "comment": "Третичный прозрачный цвет обводки" + "comment": "Третичный прозрачный цвет обводки", + "enabled": false }, "outlineClear": { "value": "#FFFFFF00", - "comment": "Бесцветная обводка" + "comment": "Бесцветная обводка", + "enabled": false }, "outlineClearHover": { "value": "#FFFFFF00", - "comment": "Бесцветная обводка" + "comment": "Бесцветная обводка", + "enabled": false }, "outlineClearActive": { "value": "#FFFFFF00", - "comment": "Бесцветная обводка" + "comment": "Бесцветная обводка", + "enabled": false }, "outlineAccent": { - "value": "[general.green.600]", - "comment": "Акцентный цвет обводки" + "value": "[general.arctic.500]", + "comment": "Акцентный цвет обводки", + "enabled": false }, "outlineAccentHover": { - "value": "#14B32EFF", - "comment": "Акцентный цвет обводки" + "value": "#06C18CFF", + "comment": "Акцентный цвет обводки", + "enabled": false }, "outlineAccentActive": { - "value": "#0C6A1BFF", - "comment": "Акцентный цвет обводки" + "value": "#047253FF", + "comment": "Акцентный цвет обводки", + "enabled": false }, "outlineAccentGradient": { "value": "#FFFFFF", @@ -7601,16 +8548,19 @@ "enabled": false }, "outlineAccentMinor": { - "value": "[general.green.250]", - "comment": "Акцентный минорный непрозрачный цвет обводки" + "value": "[general.arctic.250]", + "comment": "Акцентный минорный непрозрачный цвет обводки", + "enabled": false }, "outlineAccentMinorHover": { - "value": "#68E880FF", - "comment": "Акцентный минорный непрозрачный цвет обводки" + "value": "#61E5BEFF", + "comment": "Акцентный минорный непрозрачный цвет обводки", + "enabled": false }, "outlineAccentMinorActive": { - "value": "#21DE44FF", - "comment": "Акцентный минорный непрозрачный цвет обводки" + "value": "#22D39EFF", + "comment": "Акцентный минорный непрозрачный цвет обводки", + "enabled": false }, "outlineAccentMinorGradient": { "value": "#FFFFFF", @@ -7628,16 +8578,19 @@ "enabled": false }, "outlineTransparentAccent": { - "value": "[general.green.600][-0.6]", - "comment": "Прозрачный акцентный цвет обводки" + "value": "[general.arctic.500][-0.6]", + "comment": "Прозрачный акцентный цвет обводки", + "enabled": false }, "outlineTransparentAccentHover": { - "value": "#108E25FF", - "comment": "Прозрачный акцентный цвет обводки" + "value": "#05996FFF", + "comment": "Прозрачный акцентный цвет обводки", + "enabled": false }, "outlineTransparentAccentActive": { - "value": "#108E257A", - "comment": "Прозрачный акцентный цвет обводки" + "value": "#05996F7A", + "comment": "Прозрачный акцентный цвет обводки", + "enabled": false }, "outlineTransparentAccentGradient": { "value": "#FFFFFF", @@ -7716,257 +8669,320 @@ }, "outlinePositive": { "value": "[general.green.600]", - "comment": "Цвет обводки успех" + "comment": "Цвет обводки успех", + "enabled": false }, "outlinePositiveHover": { "value": "#14B32EFF", - "comment": "Цвет обводки успех" + "comment": "Цвет обводки успех", + "enabled": false }, "outlinePositiveActive": { "value": "#0C6A1BFF", - "comment": "Цвет обводки успех" + "comment": "Цвет обводки успех", + "enabled": false }, "outlineWarning": { "value": "[general.orange.600]", - "comment": "Цвет обводки предупреждение" + "comment": "Цвет обводки предупреждение", + "enabled": false }, "outlineWarningHover": { "value": "#FD6B17FF", - "comment": "Цвет обводки предупреждение" + "comment": "Цвет обводки предупреждение", + "enabled": false }, "outlineWarningActive": { "value": "#C04802FF", - "comment": "Цвет обводки предупреждение" + "comment": "Цвет обводки предупреждение", + "enabled": false }, "outlineNegative": { "value": "[general.red.600]", - "comment": "Цвет обводки ошибка" + "comment": "Цвет обводки ошибка", + "enabled": false }, "outlineNegativeHover": { "value": "#F54254FF", - "comment": "Цвет обводки ошибка" + "comment": "Цвет обводки ошибка", + "enabled": false }, "outlineNegativeActive": { "value": "#DA0B20FF", - "comment": "Цвет обводки ошибка" + "comment": "Цвет обводки ошибка", + "enabled": false }, "outlineInfo": { "value": "[general.blue.600]", - "comment": "Цвет обводки информация" + "comment": "Цвет обводки информация", + "enabled": false }, "outlineInfoHover": { "value": "#0D96F2FF", - "comment": "Цвет обводки информация" + "comment": "Цвет обводки информация", + "enabled": false }, "outlineInfoActive": { "value": "#0966A5FF", - "comment": "Цвет обводки информация" + "comment": "Цвет обводки информация", + "enabled": false }, "outlinePositiveMinor": { "value": "[general.green.250]", - "comment": "Минорный цвет обводки успех" + "comment": "Минорный цвет обводки успех", + "enabled": false }, "outlinePositiveMinorHover": { "value": "#68E880FF", - "comment": "Минорный цвет обводки успех" + "comment": "Минорный цвет обводки успех", + "enabled": false }, "outlinePositiveMinorActive": { "value": "#21DE44FF", - "comment": "Минорный цвет обводки успех" + "comment": "Минорный цвет обводки успех", + "enabled": false }, "outlineWarningMinor": { "value": "[general.orange.250]", - "comment": "Минорный цвет обводки предупреждение" + "comment": "Минорный цвет обводки предупреждение", + "enabled": false }, "outlineWarningMinorHover": { "value": "#FFCDB3FF", - "comment": "Минорный цвет обводки предупреждение" + "comment": "Минорный цвет обводки предупреждение", + "enabled": false }, "outlineWarningMinorActive": { "value": "#FF9861FF", - "comment": "Минорный цвет обводки предупреждение" + "comment": "Минорный цвет обводки предупреждение", + "enabled": false }, "outlineNegativeMinor": { "value": "[general.red.250]", - "comment": "Минорный цвет обводки ошибка" + "comment": "Минорный цвет обводки ошибка", + "enabled": false }, "outlineNegativeMinorHover": { "value": "#FEDCDFFF", - "comment": "Минорный цвет обводки ошибка" + "comment": "Минорный цвет обводки ошибка", + "enabled": false }, "outlineNegativeMinorActive": { "value": "#FD8B97FF", - "comment": "Минорный цвет обводки ошибка" + "comment": "Минорный цвет обводки ошибка", + "enabled": false }, "outlineInfoMinor": { "value": "[general.blue.250]", - "comment": "Минорный цвет обводки информация" + "comment": "Минорный цвет обводки информация", + "enabled": false }, "outlineInfoMinorHover": { "value": "#ADDEFFFF", - "comment": "Минорный цвет обводки информация" + "comment": "Минорный цвет обводки информация", + "enabled": false }, "outlineInfoMinorActive": { "value": "#5CBEFFFF", - "comment": "Минорный цвет обводки информация" + "comment": "Минорный цвет обводки информация", + "enabled": false }, "outlineTransparentPositive": { "value": "[general.green.600][-0.72]", - "comment": "Прозрачный цвет обводки успех" + "comment": "Прозрачный цвет обводки успех", + "enabled": false }, "outlineTransparentPositiveHover": { "value": "#108E25FF", - "comment": "Прозрачный цвет обводки успех" + "comment": "Прозрачный цвет обводки успех", + "enabled": false }, "outlineTransparentPositiveActive": { "value": "#108E2556", - "comment": "Прозрачный цвет обводки успех" + "comment": "Прозрачный цвет обводки успех", + "enabled": false }, "outlineTransparentWarning": { "value": "[general.orange.600][-0.72]", - "comment": "Прозрачный цвет обводки предупреждение" + "comment": "Прозрачный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentWarningHover": { "value": "#E85702FF", - "comment": "Прозрачный цвет обводки предупреждение" + "comment": "Прозрачный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentWarningActive": { "value": "#E8570256", - "comment": "Прозрачный цвет обводки предупреждение" + "comment": "Прозрачный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentNegative": { "value": "[general.red.600][-0.72]", - "comment": "Прозрачный цвет обводки предупреждение" + "comment": "Прозрачный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentNegativeHover": { "value": "#F31B31FF", - "comment": "Прозрачный цвет обводки предупреждение" + "comment": "Прозрачный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentNegativeActive": { "value": "#F31B3156", - "comment": "Прозрачный цвет обводки предупреждение" + "comment": "Прозрачный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentInfo": { "value": "[general.blue.600][-0.72]", - "comment": "Прозрачный цвет обводки информация" + "comment": "Прозрачный цвет обводки информация", + "enabled": false }, "outlineTransparentInfoHover": { "value": "#0B7ECBFF", - "comment": "Прозрачный цвет обводки информация" + "comment": "Прозрачный цвет обводки информация", + "enabled": false }, "outlineTransparentInfoActive": { "value": "#0B7ECB56", - "comment": "Прозрачный цвет обводки информация" + "comment": "Прозрачный цвет обводки информация", + "enabled": false } }, "onDark": { "outlineSolidPrimary": { "value": "[general.gray.900]", - "comment": "Основной непрозрачный цвет обводки на темном фоне" + "comment": "Основной непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineSolidPrimaryHover": { "value": "#787878FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне" + "comment": "Основной непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineSolidPrimaryActive": { "value": "#4F4F4FFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне" + "comment": "Основной непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineSolidSecondary": { "value": "[general.gray.850]", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне" + "comment": "Вторичный непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineSolidSecondaryHover": { "value": "#878787FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне" + "comment": "Вторичный непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineSolidSecondaryActive": { "value": "#5E5E5EFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне" + "comment": "Вторичный непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineSolidTertiary": { "value": "[general.gray.800]", - "comment": "Третичный непрозрачный цвет обводки на темном фоне" + "comment": "Третичный непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineSolidTertiaryHover": { "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне" + "comment": "Третичный непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineSolidTertiaryActive": { "value": "#404040FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне" + "comment": "Третичный непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentDefault": { "value": "[general.gray.50][-0.0400]", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне" + "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", + "enabled": false }, "outlineTransparentDefaultHover": { "value": "#FAFAFA93", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне" + "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", + "enabled": false }, "outlineTransparentDefaultActive": { "value": "#FAFAFAC4", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне" + "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", + "enabled": false }, "outlineTransparentPrimary": { "value": "[general.gray.50][-0.880]", - "comment": "Основной прозрачный цвет обводки на темном фоне" + "comment": "Основной прозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentPrimaryHover": { "value": "#FAFAFAFF", - "comment": "Основной прозрачный цвет обводки на темном фоне" + "comment": "Основной прозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentPrimaryActive": { "value": "#FAFAFA25", - "comment": "Основной прозрачный цвет обводки на темном фоне" + "comment": "Основной прозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentSecondary": { "value": "[general.gray.50][-0.800]", - "comment": "Вторичный прозрачный цвет обводки на темном фоне" + "comment": "Вторичный прозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentSecondaryHover": { "value": "#FAFAFAFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне" + "comment": "Вторичный прозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentSecondaryActive": { "value": "#FAFAFA3D", - "comment": "Вторичный прозрачный цвет обводки на темном фоне" + "comment": "Вторичный прозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentTertiary": { "value": "[general.gray.50][-0.720]", - "comment": "Третичный прозрачный цвет обводки на темном фоне" + "comment": "Третичный прозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentTertiaryHover": { "value": "#FAFAFAFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне" + "comment": "Третичный прозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentTertiaryActive": { "value": "#FAFAFA56", - "comment": "Третичный прозрачный цвет обводки на темном фоне" + "comment": "Третичный прозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineClear": { "value": "#FFFFFF00", - "comment": "Бесцветная обводка на темном фоне" + "comment": "Бесцветная обводка на темном фоне", + "enabled": false }, "outlineClearHover": { "value": "#FFFFFF00", - "comment": "Бесцветная обводка на темном фоне" + "comment": "Бесцветная обводка на темном фоне", + "enabled": false }, "outlineClearActive": { "value": "#FFFFFF00", - "comment": "Бесцветная обводка на темном фоне" + "comment": "Бесцветная обводка на темном фоне", + "enabled": false }, "outlineAccent": { - "value": "[general.green.500]", - "comment": "Акцентный цвет обводки на темном фоне" + "value": "[general.arctic.300]", + "comment": "Акцентный цвет обводки на темном фоне", + "enabled": false }, "outlineAccentHover": { - "value": "#1FC13DFF", - "comment": "Акцентный цвет обводки на темном фоне" + "value": "#20E9B0FF", + "comment": "Акцентный цвет обводки на темном фоне", + "enabled": false }, "outlineAccentActive": { - "value": "#147B27FF", - "comment": "Акцентный цвет обводки на темном фоне" + "value": "#11A77CFF", + "comment": "Акцентный цвет обводки на темном фоне", + "enabled": false }, "outlineAccentGradient": { "value": "#FFFFFF", @@ -7984,16 +9000,19 @@ "enabled": false }, "outlineAccentMinor": { - "value": "[general.green.850]", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне" + "value": "[general.arctic.850]", + "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineAccentMinorHover": { - "value": "#15892BFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне" + "value": "#138665FF", + "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineAccentMinorActive": { - "value": "#106520FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне" + "value": "#0E624AFF", + "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", + "enabled": false }, "outlineAccentMinorGradient": { "value": "#FFFFFF", @@ -8011,16 +9030,19 @@ "enabled": false }, "outlineTransparentAccent": { - "value": "[general.green.500][-0.6]", - "comment": "Прозрачный акцентный цвет обводки на темном фоне" + "value": "[general.arctic.300][-0.6]", + "comment": "Прозрачный акцентный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentAccentHover": { - "value": "#1A9E32FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне" + "value": "#14CC98FF", + "comment": "Прозрачный акцентный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentAccentActive": { - "value": "#1A9E327A", - "comment": "Прозрачный акцентный цвет обводки на темном фоне" + "value": "#14CC987A", + "comment": "Прозрачный акцентный цвет обводки на темном фоне", + "enabled": false }, "outlineTransparentAccentGradient": { "value": "#FFFFFF", @@ -8099,257 +9121,320 @@ }, "outlinePositive": { "value": "[general.green.500]", - "comment": "Цвет обводки успех на темном фоне" + "comment": "Цвет обводки успех на темном фоне", + "enabled": false }, "outlinePositiveHover": { "value": "#1FC13DFF", - "comment": "Цвет обводки успех на темном фоне" + "comment": "Цвет обводки успех на темном фоне", + "enabled": false }, "outlinePositiveActive": { "value": "#147B27FF", - "comment": "Цвет обводки успех на темном фоне" + "comment": "Цвет обводки успех на темном фоне", + "enabled": false }, "outlineWarning": { "value": "[general.orange.500]", - "comment": "Цвет обводки предупреждение на темном фоне" + "comment": "Цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineWarningHover": { "value": "#FB782DFF", - "comment": "Цвет обводки предупреждение на темном фоне" + "comment": "Цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineWarningActive": { "value": "#D25004FF", - "comment": "Цвет обводки предупреждение на темном фоне" + "comment": "Цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineNegative": { "value": "[general.red.500]", - "comment": "Цвет обводки ошибка на темном фоне" + "comment": "Цвет обводки ошибка на темном фоне", + "enabled": false }, "outlineNegativeHover": { "value": "#FF5263FF", - "comment": "Цвет обводки ошибка на темном фоне" + "comment": "Цвет обводки ошибка на темном фоне", + "enabled": false }, "outlineNegativeActive": { "value": "#FF001AFF", - "comment": "Цвет обводки ошибка на темном фоне" + "comment": "Цвет обводки ошибка на темном фоне", + "enabled": false }, "outlineInfo": { "value": "[general.blue.500]", - "comment": "Цвет обводки информация на темном фоне" + "comment": "Цвет обводки информация на темном фоне", + "enabled": false }, "outlineInfoHover": { "value": "#2AA0EFFF", - "comment": "Цвет обводки информация на темном фоне" + "comment": "Цвет обводки информация на темном фоне", + "enabled": false }, "outlineInfoActive": { "value": "#0E75B9FF", - "comment": "Цвет обводки информация на темном фоне" + "comment": "Цвет обводки информация на темном фоне", + "enabled": false }, "outlinePositiveMinor": { "value": "[general.green.850]", - "comment": "Минорный цвет обводки успех на темном фоне" + "comment": "Минорный цвет обводки успех на темном фоне", + "enabled": false }, "outlinePositiveMinorHover": { "value": "#15892BFF", - "comment": "Минорный цвет обводки успех на темном фоне" + "comment": "Минорный цвет обводки успех на темном фоне", + "enabled": false }, "outlinePositiveMinorActive": { "value": "#106520FF", - "comment": "Минорный цвет обводки успех на темном фоне" + "comment": "Минорный цвет обводки успех на темном фоне", + "enabled": false }, "outlineWarningMinor": { "value": "[general.orange.850]", - "comment": "Минорный цвет обводки предупреждение на темном фоне" + "comment": "Минорный цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineWarningMinorHover": { "value": "#A74811FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне" + "comment": "Минорный цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineWarningMinorActive": { "value": "#82380DFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне" + "comment": "Минорный цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineNegativeMinor": { "value": "[general.red.850]", - "comment": "Минорный цвет обводки ошибка на темном фоне" + "comment": "Минорный цвет обводки ошибка на темном фоне", + "enabled": false }, "outlineNegativeMinorHover": { "value": "#B11B2AFF", - "comment": "Минорный цвет обводки ошибка на темном фоне" + "comment": "Минорный цвет обводки ошибка на темном фоне", + "enabled": false }, "outlineNegativeMinorActive": { "value": "#8E1521FF", - "comment": "Минорный цвет обводки ошибка на темном фоне" + "comment": "Минорный цвет обводки ошибка на темном фоне", + "enabled": false }, "outlineInfoMinor": { "value": "[general.blue.850]", - "comment": "Минорный цвет обводки информация на темном фоне" + "comment": "Минорный цвет обводки информация на темном фоне", + "enabled": false }, "outlineInfoMinorHover": { "value": "#176AA1FF", - "comment": "Минорный цвет обводки информация на темном фоне" + "comment": "Минорный цвет обводки информация на темном фоне", + "enabled": false }, "outlineInfoMinorActive": { "value": "#12527DFF", - "comment": "Минорный цвет обводки информация на темном фоне" + "comment": "Минорный цвет обводки информация на темном фоне", + "enabled": false }, "outlineTransparentPositive": { "value": "[general.green.500][-0.72]", - "comment": "Прозрачный цвет обводки успех на темном фоне" + "comment": "Прозрачный цвет обводки успех на темном фоне", + "enabled": false }, "outlineTransparentPositiveHover": { "value": "#1A9E32FF", - "comment": "Прозрачный цвет обводки успех на темном фоне" + "comment": "Прозрачный цвет обводки успех на темном фоне", + "enabled": false }, "outlineTransparentPositiveActive": { "value": "#1A9E3256", - "comment": "Прозрачный цвет обводки успех на темном фоне" + "comment": "Прозрачный цвет обводки успех на темном фоне", + "enabled": false }, "outlineTransparentWarning": { "value": "[general.orange.500][-0.72]", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне" + "comment": "Прозрачный цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineTransparentWarningHover": { "value": "#FA5F05FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне" + "comment": "Прозрачный цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineTransparentWarningActive": { "value": "#FA5F0556", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне" + "comment": "Прозрачный цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineTransparentNegative": { "value": "[general.red.500][-0.72]", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне" + "comment": "Прозрачный цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineTransparentNegativeHover": { "value": "#FF293EFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне" + "comment": "Прозрачный цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineTransparentNegativeActive": { "value": "#FF293E56", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне" + "comment": "Прозрачный цвет обводки предупреждение на темном фоне", + "enabled": false }, "outlineTransparentInfo": { "value": "[general.blue.500][-0.72]", - "comment": "Прозрачный цвет обводки информация на темном фоне" + "comment": "Прозрачный цвет обводки информация на темном фоне", + "enabled": false }, "outlineTransparentInfoHover": { "value": "#118CDFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне" + "comment": "Прозрачный цвет обводки информация на темном фоне", + "enabled": false }, "outlineTransparentInfoActive": { "value": "#118CDF56", - "comment": "Прозрачный цвет обводки информация на темном фоне" + "comment": "Прозрачный цвет обводки информация на темном фоне", + "enabled": false } }, "onLight": { "outlineSolidPrimary": { "value": "[general.gray.200]", - "comment": "Основной непрозрачный цвет обводки на светлом фоне" + "comment": "Основной непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineSolidPrimaryHover": { "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне" + "comment": "Основной непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineSolidPrimaryActive": { "value": "#B3B3B3FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне" + "comment": "Основной непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineSolidSecondary": { "value": "[general.gray.300]", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне" + "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineSolidSecondaryHover": { "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне" + "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineSolidSecondaryActive": { "value": "#8F8F8FFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне" + "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineSolidTertiary": { "value": "[general.gray.700]", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне" + "comment": "Третичный непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineSolidTertiaryHover": { "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне" + "comment": "Третичный непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineSolidTertiaryActive": { "value": "#595959FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне" + "comment": "Третичный непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentDefault": { "value": "[general.gray.1000][-0.0400]", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне" + "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", + "enabled": false }, "outlineTransparentDefaultHover": { "value": "#08080893", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне" + "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", + "enabled": false }, "outlineTransparentDefaultActive": { "value": "#080808C4", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне" + "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", + "enabled": false }, "outlineTransparentPrimary": { "value": "[general.gray.1000][-0.880]", - "comment": "Основной прозрачный цвет обводки на светлом фоне" + "comment": "Основной прозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentPrimaryHover": { "value": "#080808FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне" + "comment": "Основной прозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentPrimaryActive": { "value": "#08080825", - "comment": "Основной прозрачный цвет обводки на светлом фоне" + "comment": "Основной прозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentSecondary": { "value": "[general.gray.1000][-0.720]", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне" + "comment": "Вторичный прозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentSecondaryHover": { "value": "#080808FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне" + "comment": "Вторичный прозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentSecondaryActive": { "value": "#08080856", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне" + "comment": "Вторичный прозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentTertiary": { "value": "[general.gray.1000][-0.440]", - "comment": "Третичный прозрачный цвет обводки на светлом фоне" + "comment": "Третичный прозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentTertiaryHover": { "value": "#080808FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне" + "comment": "Третичный прозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentTertiaryActive": { "value": "#080808AB", - "comment": "Третичный прозрачный цвет обводки на светлом фоне" + "comment": "Третичный прозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineClear": { "value": "#FFFFFF00", - "comment": "Бесцветная обводка на светлом фоне" + "comment": "Бесцветная обводка на светлом фоне", + "enabled": false }, "outlineClearHover": { "value": "#FFFFFF00", - "comment": "Бесцветная обводка на светлом фоне" + "comment": "Бесцветная обводка на светлом фоне", + "enabled": false }, "outlineClearActive": { "value": "#FFFFFF00", - "comment": "Бесцветная обводка на светлом фоне" + "comment": "Бесцветная обводка на светлом фоне", + "enabled": false }, "outlineAccent": { - "value": "[general.green.600]", - "comment": "Акцентный цвет обводки на светлом фоне" + "value": "[general.arctic.500]", + "comment": "Акцентный цвет обводки на светлом фоне", + "enabled": false }, "outlineAccentHover": { - "value": "#14B32EFF", - "comment": "Акцентный цвет обводки на светлом фоне" + "value": "#06C18CFF", + "comment": "Акцентный цвет обводки на светлом фоне", + "enabled": false }, "outlineAccentActive": { - "value": "#0C6A1BFF", - "comment": "Акцентный цвет обводки на светлом фоне" + "value": "#047253FF", + "comment": "Акцентный цвет обводки на светлом фоне", + "enabled": false }, "outlineAccentGradient": { "value": "#FFFFFF", @@ -8367,16 +9452,19 @@ "enabled": false }, "outlineAccentMinor": { - "value": "[general.green.250]", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне" + "value": "[general.arctic.250]", + "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineAccentMinorHover": { - "value": "#68E880FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне" + "value": "#61E5BEFF", + "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineAccentMinorActive": { - "value": "#21DE44FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне" + "value": "#22D39EFF", + "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", + "enabled": false }, "outlineAccentMinorGradient": { "value": "#FFFFFF", @@ -8394,16 +9482,19 @@ "enabled": false }, "outlineTransparentAccent": { - "value": "[general.green.600][-0.6]", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне" + "value": "[general.arctic.500][-0.6]", + "comment": "Прозрачный акцентный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentAccentHover": { - "value": "#108E25FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне" + "value": "#05996FFF", + "comment": "Прозрачный акцентный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentAccentActive": { - "value": "#108E257A", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне" + "value": "#05996F7A", + "comment": "Прозрачный акцентный цвет обводки на светлом фоне", + "enabled": false }, "outlineTransparentAccentGradient": { "value": "#FFFFFF", @@ -8482,257 +9573,320 @@ }, "outlinePositive": { "value": "[general.green.600]", - "comment": "Цвет обводки успех на светлом фоне" + "comment": "Цвет обводки успех на светлом фоне", + "enabled": false }, "outlinePositiveHover": { "value": "#14B32EFF", - "comment": "Цвет обводки успех на светлом фоне" + "comment": "Цвет обводки успех на светлом фоне", + "enabled": false }, "outlinePositiveActive": { "value": "#0C6A1BFF", - "comment": "Цвет обводки успех на светлом фоне" + "comment": "Цвет обводки успех на светлом фоне", + "enabled": false }, "outlineWarning": { "value": "[general.orange.600]", - "comment": "Цвет обводки предупреждение на светлом фоне" + "comment": "Цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineWarningHover": { "value": "#FD6B17FF", - "comment": "Цвет обводки предупреждение на светлом фоне" + "comment": "Цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineWarningActive": { "value": "#C04802FF", - "comment": "Цвет обводки предупреждение на светлом фоне" + "comment": "Цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineNegative": { "value": "[general.red.600]", - "comment": "Цвет обводки ошибка на светлом фоне" + "comment": "Цвет обводки ошибка на светлом фоне", + "enabled": false }, "outlineNegativeHover": { "value": "#F54254FF", - "comment": "Цвет обводки ошибка на светлом фоне" + "comment": "Цвет обводки ошибка на светлом фоне", + "enabled": false }, "outlineNegativeActive": { "value": "#DA0B20FF", - "comment": "Цвет обводки ошибка на светлом фоне" + "comment": "Цвет обводки ошибка на светлом фоне", + "enabled": false }, "outlineInfo": { "value": "[general.blue.600]", - "comment": "Цвет обводки информация на светлом фоне" + "comment": "Цвет обводки информация на светлом фоне", + "enabled": false }, "outlineInfoHover": { "value": "#0D96F2FF", - "comment": "Цвет обводки информация на светлом фоне" + "comment": "Цвет обводки информация на светлом фоне", + "enabled": false }, "outlineInfoActive": { "value": "#0966A5FF", - "comment": "Цвет обводки информация на светлом фоне" + "comment": "Цвет обводки информация на светлом фоне", + "enabled": false }, "outlinePositiveMinor": { "value": "[general.green.250]", - "comment": "Минорный цвет обводки успех на светлом фоне" + "comment": "Минорный цвет обводки успех на светлом фоне", + "enabled": false }, "outlinePositiveMinorHover": { "value": "#68E880FF", - "comment": "Минорный цвет обводки успех на светлом фоне" + "comment": "Минорный цвет обводки успех на светлом фоне", + "enabled": false }, "outlinePositiveMinorActive": { "value": "#21DE44FF", - "comment": "Минорный цвет обводки успех на светлом фоне" + "comment": "Минорный цвет обводки успех на светлом фоне", + "enabled": false }, "outlineWarningMinor": { "value": "[general.orange.250]", - "comment": "Минорный цвет обводки предупреждение на светлом фоне" + "comment": "Минорный цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineWarningMinorHover": { "value": "#FFCDB3FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне" + "comment": "Минорный цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineWarningMinorActive": { "value": "#FF9861FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне" + "comment": "Минорный цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineNegativeMinor": { "value": "[general.red.250]", - "comment": "Минорный цвет обводки ошибка на светлом фоне" + "comment": "Минорный цвет обводки ошибка на светлом фоне", + "enabled": false }, "outlineNegativeMinorHover": { "value": "#FEDCDFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне" + "comment": "Минорный цвет обводки ошибка на светлом фоне", + "enabled": false }, "outlineNegativeMinorActive": { "value": "#FD8B97FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне" + "comment": "Минорный цвет обводки ошибка на светлом фоне", + "enabled": false }, "outlineInfoMinor": { "value": "[general.blue.250]", - "comment": "Минорный цвет обводки информация на светлом фоне" + "comment": "Минорный цвет обводки информация на светлом фоне", + "enabled": false }, "outlineInfoMinorHover": { "value": "#ADDEFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне" + "comment": "Минорный цвет обводки информация на светлом фоне", + "enabled": false }, "outlineInfoMinorActive": { "value": "#5CBEFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне" + "comment": "Минорный цвет обводки информация на светлом фоне", + "enabled": false }, "outlineTransparentPositive": { "value": "[general.green.600][-0.72]", - "comment": "Прозрачный цвет обводки успех на светлом фоне" + "comment": "Прозрачный цвет обводки успех на светлом фоне", + "enabled": false }, "outlineTransparentPositiveHover": { "value": "#108E25FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне" + "comment": "Прозрачный цвет обводки успех на светлом фоне", + "enabled": false }, "outlineTransparentPositiveActive": { "value": "#108E2556", - "comment": "Прозрачный цвет обводки успех на светлом фоне" + "comment": "Прозрачный цвет обводки успех на светлом фоне", + "enabled": false }, "outlineTransparentWarning": { "value": "[general.orange.600][-0.72]", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне" + "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineTransparentWarningHover": { "value": "#E85702FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне" + "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineTransparentWarningActive": { "value": "#E8570256", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне" + "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineTransparentNegative": { "value": "[general.red.600][-0.72]", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне" + "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineTransparentNegativeHover": { "value": "#F31B31FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне" + "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineTransparentNegativeActive": { "value": "#F31B3156", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне" + "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", + "enabled": false }, "outlineTransparentInfo": { "value": "[general.blue.600][-0.72]", - "comment": "Прозрачный цвет обводки информация на светлом фоне" + "comment": "Прозрачный цвет обводки информация на светлом фоне", + "enabled": false }, "outlineTransparentInfoHover": { "value": "#0B7ECBFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне" + "comment": "Прозрачный цвет обводки информация на светлом фоне", + "enabled": false }, "outlineTransparentInfoActive": { "value": "#0B7ECB56", - "comment": "Прозрачный цвет обводки информация на светлом фоне" + "comment": "Прозрачный цвет обводки информация на светлом фоне", + "enabled": false } }, "inverse": { "outlineSolidPrimary": { "value": "[general.gray.900]", - "comment": "Инвертированный основной непрозрачный цвет обводки" + "comment": "Инвертированный основной непрозрачный цвет обводки", + "enabled": false }, "outlineSolidPrimaryHover": { "value": "#787878FF", - "comment": "Инвертированный основной непрозрачный цвет обводки" + "comment": "Инвертированный основной непрозрачный цвет обводки", + "enabled": false }, "outlineSolidPrimaryActive": { "value": "#4F4F4FFF", - "comment": "Инвертированный основной непрозрачный цвет обводки" + "comment": "Инвертированный основной непрозрачный цвет обводки", + "enabled": false }, "outlineSolidSecondary": { "value": "[general.gray.850]", - "comment": "Инвертированный вторичный непрозрачный цвет обводки" + "comment": "Инвертированный вторичный непрозрачный цвет обводки", + "enabled": false }, "outlineSolidSecondaryHover": { "value": "#878787FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки" + "comment": "Инвертированный вторичный непрозрачный цвет обводки", + "enabled": false }, "outlineSolidSecondaryActive": { "value": "#5E5E5EFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки" + "comment": "Инвертированный вторичный непрозрачный цвет обводки", + "enabled": false }, "outlineSolidTertiary": { "value": "[general.gray.800]", - "comment": "Инвертированный третичный непрозрачный цвет обводки" + "comment": "Инвертированный третичный непрозрачный цвет обводки", + "enabled": false }, "outlineSolidTertiaryHover": { "value": "#000000FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки" + "comment": "Инвертированный третичный непрозрачный цвет обводки", + "enabled": false }, "outlineSolidTertiaryActive": { "value": "#404040FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки" + "comment": "Инвертированный третичный непрозрачный цвет обводки", + "enabled": false }, "outlineTransparentDefault": { "value": "[general.gray.50][-0.0400]", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию" + "comment": "Инвертированный прозрачный цвет обводки по умолчанию", + "enabled": false }, "outlineTransparentDefaultHover": { "value": "#FAFAFA93", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию" + "comment": "Инвертированный прозрачный цвет обводки по умолчанию", + "enabled": false }, "outlineTransparentDefaultActive": { "value": "#FAFAFAC4", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию" + "comment": "Инвертированный прозрачный цвет обводки по умолчанию", + "enabled": false }, "outlineTransparentPrimary": { "value": "[general.gray.50][-0.880]", - "comment": "Инвертированный основной прозрачный цвет обводки" + "comment": "Инвертированный основной прозрачный цвет обводки", + "enabled": false }, "outlineTransparentPrimaryHover": { "value": "#FAFAFAFF", - "comment": "Инвертированный основной прозрачный цвет обводки" + "comment": "Инвертированный основной прозрачный цвет обводки", + "enabled": false }, "outlineTransparentPrimaryActive": { "value": "#FAFAFA25", - "comment": "Инвертированный основной прозрачный цвет обводки" + "comment": "Инвертированный основной прозрачный цвет обводки", + "enabled": false }, "outlineTransparentSecondary": { "value": "[general.gray.50][-0.800]", - "comment": "Инвертированный вторичный прозрачный цвет обводки" + "comment": "Инвертированный вторичный прозрачный цвет обводки", + "enabled": false }, "outlineTransparentSecondaryHover": { "value": "#FAFAFAFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки" + "comment": "Инвертированный вторичный прозрачный цвет обводки", + "enabled": false }, "outlineTransparentSecondaryActive": { "value": "#FAFAFA3D", - "comment": "Инвертированный вторичный прозрачный цвет обводки" + "comment": "Инвертированный вторичный прозрачный цвет обводки", + "enabled": false }, "outlineTransparentTertiary": { "value": "[general.gray.50][-0.720]", - "comment": "Инвертированный третичный прозрачный цвет обводки" + "comment": "Инвертированный третичный прозрачный цвет обводки", + "enabled": false }, "outlineTransparentTertiaryHover": { "value": "#FAFAFAFF", - "comment": "Инвертированный третичный прозрачный цвет обводки" + "comment": "Инвертированный третичный прозрачный цвет обводки", + "enabled": false }, "outlineTransparentTertiaryActive": { "value": "#FAFAFA56", - "comment": "Инвертированный третичный прозрачный цвет обводки" + "comment": "Инвертированный третичный прозрачный цвет обводки", + "enabled": false }, "outlineClear": { "value": "#FFFFFF00", - "comment": "Инвертированная бесцветная обводка" + "comment": "Инвертированная бесцветная обводка", + "enabled": false }, "outlineClearHover": { "value": "#FFFFFF00", - "comment": "Инвертированная бесцветная обводка" + "comment": "Инвертированная бесцветная обводка", + "enabled": false }, "outlineClearActive": { "value": "#FFFFFF00", - "comment": "Инвертированная бесцветная обводка" + "comment": "Инвертированная бесцветная обводка", + "enabled": false }, "outlineAccent": { - "value": "[general.green.500]", - "comment": "Инвертированный акцентный цвет обводки" + "value": "[general.arctic.300]", + "comment": "Инвертированный акцентный цвет обводки", + "enabled": false }, "outlineAccentHover": { - "value": "#1FC13DFF", - "comment": "Инвертированный акцентный цвет обводки" + "value": "#20E9B0FF", + "comment": "Инвертированный акцентный цвет обводки", + "enabled": false }, "outlineAccentActive": { - "value": "#147B27FF", - "comment": "Инвертированный акцентный цвет обводки" + "value": "#11A77CFF", + "comment": "Инвертированный акцентный цвет обводки", + "enabled": false }, "outlineAccentGradient": { "value": "#FFFFFF", @@ -8750,16 +9904,19 @@ "enabled": false }, "outlineAccentMinor": { - "value": "[general.green.850]", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки" + "value": "[general.arctic.850]", + "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", + "enabled": false }, "outlineAccentMinorHover": { - "value": "#15892BFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки" + "value": "#138665FF", + "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", + "enabled": false }, "outlineAccentMinorActive": { - "value": "#106520FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки" + "value": "#0E624AFF", + "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", + "enabled": false }, "outlineAccentMinorGradient": { "value": "#FFFFFF", @@ -8777,16 +9934,19 @@ "enabled": false }, "outlineTransparentAccent": { - "value": "[general.green.500][-0.6]", - "comment": "Прозрачный инвертированный акцентный цвет обводки" + "value": "[general.arctic.300][-0.6]", + "comment": "Прозрачный инвертированный акцентный цвет обводки", + "enabled": false }, "outlineTransparentAccentHover": { - "value": "#1A9E32FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки" + "value": "#14CC98FF", + "comment": "Прозрачный инвертированный акцентный цвет обводки", + "enabled": false }, "outlineTransparentAccentActive": { - "value": "#1A9E327A", - "comment": "Прозрачный инвертированный акцентный цвет обводки" + "value": "#14CC987A", + "comment": "Прозрачный инвертированный акцентный цвет обводки", + "enabled": false }, "outlineTransparentAccentGradient": { "value": "#FFFFFF", @@ -8865,234 +10025,185 @@ }, "outlinePositive": { "value": "[general.green.500]", - "comment": "Инвертированный цвет обводки успех" + "comment": "Инвертированный цвет обводки успех", + "enabled": false }, "outlinePositiveHover": { "value": "#1FC13DFF", - "comment": "Инвертированный цвет обводки успех" + "comment": "Инвертированный цвет обводки успех", + "enabled": false }, "outlinePositiveActive": { "value": "#147B27FF", - "comment": "Инвертированный цвет обводки успех" + "comment": "Инвертированный цвет обводки успех", + "enabled": false }, "outlineWarning": { "value": "[general.orange.500]", - "comment": "Инвертированный цвет обводки предупреждение" + "comment": "Инвертированный цвет обводки предупреждение", + "enabled": false }, "outlineWarningHover": { "value": "#FB782DFF", - "comment": "Инвертированный цвет обводки предупреждение" + "comment": "Инвертированный цвет обводки предупреждение", + "enabled": false }, "outlineWarningActive": { "value": "#D25004FF", - "comment": "Инвертированный цвет обводки предупреждение" + "comment": "Инвертированный цвет обводки предупреждение", + "enabled": false }, "outlineNegative": { "value": "[general.red.500]", - "comment": "Инвертированный цвет обводки ошибка" + "comment": "Инвертированный цвет обводки ошибка", + "enabled": false }, "outlineNegativeHover": { "value": "#FF5263FF", - "comment": "Инвертированный цвет обводки ошибка" + "comment": "Инвертированный цвет обводки ошибка", + "enabled": false }, "outlineNegativeActive": { "value": "#FF001AFF", - "comment": "Инвертированный цвет обводки ошибка" + "comment": "Инвертированный цвет обводки ошибка", + "enabled": false }, "outlineInfo": { "value": "[general.blue.500]", - "comment": "Инвертированный цвет обводки информация" + "comment": "Инвертированный цвет обводки информация", + "enabled": false }, "outlineInfoHover": { "value": "#2AA0EFFF", - "comment": "Инвертированный цвет обводки информация" + "comment": "Инвертированный цвет обводки информация", + "enabled": false }, "outlineInfoActive": { "value": "#0E75B9FF", - "comment": "Инвертированный цвет обводки информация" + "comment": "Инвертированный цвет обводки информация", + "enabled": false }, "outlinePositiveMinor": { "value": "[general.green.850]", - "comment": "Инвертированный минорный цвет обводки успех" + "comment": "Инвертированный минорный цвет обводки успех", + "enabled": false }, "outlinePositiveMinorHover": { "value": "#15892BFF", - "comment": "Инвертированный минорный цвет обводки успех" + "comment": "Инвертированный минорный цвет обводки успех", + "enabled": false }, "outlinePositiveMinorActive": { "value": "#106520FF", - "comment": "Инвертированный минорный цвет обводки успех" + "comment": "Инвертированный минорный цвет обводки успех", + "enabled": false }, "outlineWarningMinor": { "value": "[general.orange.850]", - "comment": "Инвертированный минорный цвет обводки предупреждение" + "comment": "Инвертированный минорный цвет обводки предупреждение", + "enabled": false }, "outlineWarningMinorHover": { "value": "#A74811FF", - "comment": "Инвертированный минорный цвет обводки предупреждение" + "comment": "Инвертированный минорный цвет обводки предупреждение", + "enabled": false }, "outlineWarningMinorActive": { "value": "#82380DFF", - "comment": "Инвертированный минорный цвет обводки предупреждение" + "comment": "Инвертированный минорный цвет обводки предупреждение", + "enabled": false }, "outlineNegativeMinor": { "value": "[general.red.850]", - "comment": "Инвертированный минорный цвет обводки ошибка" + "comment": "Инвертированный минорный цвет обводки ошибка", + "enabled": false }, "outlineNegativeMinorHover": { "value": "#B11B2AFF", - "comment": "Инвертированный минорный цвет обводки ошибка" + "comment": "Инвертированный минорный цвет обводки ошибка", + "enabled": false }, "outlineNegativeMinorActive": { "value": "#8E1521FF", - "comment": "Инвертированный минорный цвет обводки ошибка" + "comment": "Инвертированный минорный цвет обводки ошибка", + "enabled": false }, "outlineInfoMinor": { "value": "[general.blue.850]", - "comment": "Инвертированный минорный цвет обводки информация" + "comment": "Инвертированный минорный цвет обводки информация", + "enabled": false }, "outlineInfoMinorHover": { "value": "#176AA1FF", - "comment": "Инвертированный минорный цвет обводки информация" + "comment": "Инвертированный минорный цвет обводки информация", + "enabled": false }, "outlineInfoMinorActive": { "value": "#12527DFF", - "comment": "Инвертированный минорный цвет обводки информация" + "comment": "Инвертированный минорный цвет обводки информация", + "enabled": false }, "outlineTransparentPositive": { "value": "[general.green.500][-0.72]", - "comment": "Прозрачный инвертированный цвет обводки успех" + "comment": "Прозрачный инвертированный цвет обводки успех", + "enabled": false }, "outlineTransparentPositiveHover": { "value": "#1A9E32FF", - "comment": "Прозрачный инвертированный цвет обводки успех" + "comment": "Прозрачный инвертированный цвет обводки успех", + "enabled": false }, "outlineTransparentPositiveActive": { "value": "#1A9E3256", - "comment": "Прозрачный инвертированный цвет обводки успех" + "comment": "Прозрачный инвертированный цвет обводки успех", + "enabled": false }, "outlineTransparentWarning": { "value": "[general.orange.500][-0.72]", - "comment": "Прозрачный инвертированный цвет обводки предупреждение" + "comment": "Прозрачный инвертированный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentWarningHover": { "value": "#FA5F05FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение" + "comment": "Прозрачный инвертированный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentWarningActive": { "value": "#FA5F0556", - "comment": "Прозрачный инвертированный цвет обводки предупреждение" + "comment": "Прозрачный инвертированный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentNegative": { "value": "[general.red.500][-0.72]", - "comment": "Прозрачный инвертированный цвет обводки предупреждение" + "comment": "Прозрачный инвертированный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentNegativeHover": { "value": "#FF293EFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение" + "comment": "Прозрачный инвертированный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentNegativeActive": { "value": "#FF293E56", - "comment": "Прозрачный инвертированный цвет обводки предупреждение" + "comment": "Прозрачный инвертированный цвет обводки предупреждение", + "enabled": false }, "outlineTransparentInfo": { "value": "[general.blue.500][-0.72]", - "comment": "Прозрачный инвертированный цвет обводки информация" + "comment": "Прозрачный инвертированный цвет обводки информация", + "enabled": false }, "outlineTransparentInfoHover": { "value": "#118CDFFF", - "comment": "Прозрачный инвертированный цвет обводки информация" + "comment": "Прозрачный инвертированный цвет обводки информация", + "enabled": false }, "outlineTransparentInfoActive": { "value": "#118CDF56", - "comment": "Прозрачный инвертированный цвет обводки информация" - } - } - } - }, - "shadow": { - "down": { - "soft": { - "s": { - "value": [ - { "origin": "0px 4px 14px -4px rgba(8, 8, 8, 0.08)" }, - { "origin": "0px 1px 4px -1px rgba(0, 0, 0, 0.04)" } - ] - }, - "m": { - "value": [{ "origin": "0px 24px 48px -8px rgba(0, 0, 0, 0.08)" }] - }, - "l": { - "value": [{ "origin": "0px 60px 112px -8px rgba(0, 0, 0, 0.08)" }] - } - }, - "hard": { - "s": { - "value": [ - { "origin": "0px 4px 12px -3px rgba(8, 8, 8, 0.16)" }, - { "origin": "0px 1px 4px -2px rgba(0, 0, 0, 0.08)" } - ] - }, - "m": { - "value": [{ "origin": "0px 16px 32px -8px rgba(0, 0, 0, 0.24)" }] - }, - "l": { - "value": [{ "origin": "0px 60px 112px -8px rgba(0, 0, 0, 0.40)" }] - } - } - }, - "up": { - "soft": { - "s": { - "value": [ - { "origin": "0px -4px 14px -4px rgba(8, 8, 8, 0.08)" }, - { "origin": "0px -1px 4px -1px rgba(0, 0, 0, 0.03)" } - ] - }, - "m": { - "value": [{ "origin": "0px -24px 48px -8px rgba(0, 0, 0, 0.08)" }] - }, - "l": { - "value": [{ "origin": "0px -60px 112px -8px rgba(0, 0, 0, 0.08)" }] - } - }, - "hard": { - "s": { - "value": [ - { "origin": "0px -4px 12px -3px rgba(8, 8, 8, 0.20)" }, - { "origin": "0px -1px 4px -1px rgba(0, 0, 0, 0.03)" } - ] - }, - "m": { - "value": [{ "origin": "0px -16px 32px -8px rgba(0, 0, 0, 0.24)" }] - }, - "l": { - "value": [{ "origin": "0px -60px 112px -8px rgba(0, 0, 0, 0.40)" }] + "comment": "Прозрачный инвертированный цвет обводки информация", + "enabled": false } } } - }, - "borderRadius": { - "xxs": { - "value": "4px" - }, - "xs": { - "value": "6px" - }, - "s": { - "value": "8px" - }, - "m": { - "value": "12px" - }, - "l": { - "value": "16px" - }, - "xl": { - "value": "20px" - }, - "xxl": { - "value": "40px" - } } } diff --git a/packages/plasma-tokens/package-lock.json b/packages/plasma-tokens/package-lock.json index 26567c209b..553fc5a1be 100644 --- a/packages/plasma-tokens/package-lock.json +++ b/packages/plasma-tokens/package-lock.json @@ -1,17 +1,17 @@ { "name": "@salutejs/plasma-tokens", - "version": "1.81.0", + "version": "1.83.0-dev.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@salutejs/plasma-tokens", - "version": "1.81.0", + "version": "1.83.0-dev.0", "license": "MIT", "devDependencies": { "@diez/web-sdk-common": "10.6.0", "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-tokens-utils": "0.42.0", + "@salutejs/plasma-tokens-utils": "0.43.0-dev.0", "@salutejs/plasma-typo": "0.40.0", "@types/node": "16.7.13", "jsdom": "17.0.0", @@ -333,9 +333,9 @@ "dev": true }, "node_modules/@salutejs/plasma-tokens-utils": { - "version": "0.42.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-utils/-/plasma-tokens-utils-0.42.0.tgz", - "integrity": "sha512-vLnmRVK+kI/73lwWRiJ4NU1Mbn+/YRe13urB4vpseqni2LE5MJyLOeZEcOnicT619O2jdUG7yt4/YyupUD9M2w==", + "version": "0.43.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-utils/-/plasma-tokens-utils-0.43.0-dev.0.tgz", + "integrity": "sha512-leyFY/Aux3PXHijuLQ6ZMR+GFais864Fl2gGr5/BWVCBZlRalTvBj6MHGFMdWHusaqtN1MbuWawEG1hKlt0MZw==", "dev": true, "dependencies": { "@salutejs/plasma-colors": "0.13.0", @@ -1737,9 +1737,9 @@ "dev": true }, "@salutejs/plasma-tokens-utils": { - "version": "0.42.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-utils/-/plasma-tokens-utils-0.42.0.tgz", - "integrity": "sha512-vLnmRVK+kI/73lwWRiJ4NU1Mbn+/YRe13urB4vpseqni2LE5MJyLOeZEcOnicT619O2jdUG7yt4/YyupUD9M2w==", + "version": "0.43.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-utils/-/plasma-tokens-utils-0.43.0-dev.0.tgz", + "integrity": "sha512-leyFY/Aux3PXHijuLQ6ZMR+GFais864Fl2gGr5/BWVCBZlRalTvBj6MHGFMdWHusaqtN1MbuWawEG1hKlt0MZw==", "dev": true, "requires": { "@salutejs/plasma-colors": "0.13.0", diff --git a/packages/plasma-tokens/package.json b/packages/plasma-tokens/package.json index ced1f974a3..bb73217a07 100644 --- a/packages/plasma-tokens/package.json +++ b/packages/plasma-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-tokens", - "version": "1.81.0", + "version": "1.83.0-dev.0", "description": "plasma-tokens package", "author": "Salute Frontend Team ", "license": "MIT", @@ -42,7 +42,7 @@ "devDependencies": { "@diez/web-sdk-common": "10.6.0", "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-tokens-utils": "0.42.0", + "@salutejs/plasma-tokens-utils": "0.43.0-dev.0", "@salutejs/plasma-typo": "0.40.0", "@types/node": "16.7.13", "jsdom": "17.0.0", @@ -57,4 +57,4 @@ "Vasiliy Loginevskiy" ], "sideEffects": false -} +} \ No newline at end of file diff --git a/packages/plasma-tokens/src/brands/sdds_dfa/index.ts b/packages/plasma-tokens/src/brands/sdds_dfa/index.ts new file mode 100644 index 0000000000..81fad508a4 --- /dev/null +++ b/packages/plasma-tokens/src/brands/sdds_dfa/index.ts @@ -0,0 +1,1474 @@ +// Generated by robots, do not change this manually! + +/** Основной цвет текста */ +export const textPrimaryHover = 'var(--text-primary-hover, #F5F5F593)'; + +/** Основной цвет текста */ +export const textPrimaryActive = 'var(--text-primary-active, #F5F5F5C4)'; + +/** Вторичный цвет текста */ +export const textSecondaryHover = 'var(--text-secondary-hover, #F5F5F5FF)'; + +/** Вторичный цвет текста */ +export const textSecondaryActive = 'var(--text-secondary-active, #F5F5F5AB)'; + +/** Третичный цвет текста */ +export const textTertiaryHover = 'var(--text-tertiary-hover, #F5F5F5FF)'; + +/** Третичный цвет текста */ +export const textTertiaryActive = 'var(--text-tertiary-active, #F5F5F556)'; + +/** Сплошной наборный текст */ +export const textParagraphHover = 'var(--text-paragraph-hover, #F5F5F57A)'; + +/** Сплошной наборный текст */ +export const textParagraphActive = 'var(--text-paragraph-active, #F5F5F5A3)'; + +/** Акцентный цвет */ +export const textAccentHover = 'var(--text-accent-hover, #17E8ADFF)'; + +/** Акцентный цвет */ +export const textAccentActive = 'var(--text-accent-active, #11B083FF)'; + +/** Акцентный цвет с градиентом */ +export const textAccentGradientHover = 'var(--text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом */ +export const textAccentGradientActive = 'var(--text-accent-gradient-active, #E6E6E6FF)'; + +/** Акцентный минорный цвет */ +export const textAccentMinorHover = 'var(--text-accent-minor-hover, #ABFCE5FF)'; + +/** Акцентный минорный цвет */ +export const textAccentMinorActive = 'var(--text-accent-minor-active, #70FAD3FF)'; + +/** Цвет успеха */ +export const textPositiveHover = 'var(--text-positive-hover, #2ACB47FF)'; + +/** Цвет успеха */ +export const textPositiveActive = 'var(--text-positive-active, #1F9835FF)'; + +/** Цвет предупреждения */ +export const textWarningHover = 'var(--text-warning-hover, #FF8442FF)'; + +/** Цвет предупреждения */ +export const textWarningActive = 'var(--text-warning-active, #FF5D05FF)'; + +/** Цвет ошибки */ +export const textNegativeHover = 'var(--text-negative-hover, #FF5C6CFF)'; + +/** Цвет ошибки */ +export const textNegativeActive = 'var(--text-negative-active, #FF1F35FF)'; + +/** Цвет информации */ +export const textInfoHover = 'var(--text-info-hover, #50B1F2FF)'; + +/** Цвет информации */ +export const textInfoActive = 'var(--text-info-active, #0F7BC2FF)'; + +/** Минорный цвет успеха */ +export const textPositiveMinorHover = 'var(--text-positive-minor-hover, #64F77FFF)'; + +/** Минорный цвет успеха */ +export const textPositiveMinorActive = 'var(--text-positive-minor-active, #81F897FF)'; + +/** Минорный цвет предупреждения */ +export const textWarningMinorHover = 'var(--text-warning-minor-hover, #FDBC96FF)'; + +/** Минорный цвет предупреждения */ +export const textWarningMinorActive = 'var(--text-warning-minor-active, #FDCFB4FF)'; + +/** Минорный цвет ошибки */ +export const textNegativeMinorHover = 'var(--text-negative-minor-hover, #FFA3ACFF)'; + +/** Минорный цвет ошибки */ +export const textNegativeMinorActive = 'var(--text-negative-minor-active, #FFC2C8FF)'; + +/** Минорный цвет информации */ +export const textInfoMinorHover = 'var(--text-info-minor-hover, #94D4FFFF)'; + +/** Минорный цвет информации */ +export const textInfoMinorActive = 'var(--text-info-minor-active, #B3E0FFFF)'; + +/** Основной цвет текста */ +export const textPrimary = 'var(--text-primary, rgba(245,245,245,0.96))'; + +/** Вторичный цвет текста */ +export const textSecondary = 'var(--text-secondary, rgba(245,245,245,0.56))'; + +/** Третичный цвет текста */ +export const textTertiary = 'var(--text-tertiary, rgba(245,245,245,0.28))'; + +/** Сплошной наборный текст */ +export const textParagraph = 'var(--text-paragraph, rgba(245,245,245,0.8))'; + +/** Акцентный цвет */ +export const textAccent = 'var(--text-accent, #14CC98)'; + +/** Акцентный цвет с градиентом */ +export const textAccentGradient = + 'var(--text-accent-gradient, linear-gradient(45.00deg, rgb(33, 202, 154) 0%, rgb(74, 214, 252) 100%))'; + +/** Цвет успеха */ +export const textPositive = 'var(--text-positive, #24B23E)'; + +/** Цвет предупреждения */ +export const textWarning = 'var(--text-warning, #FF7024)'; + +/** Цвет ошибки */ +export const textNegative = 'var(--text-negative, #FF3D51)'; + +/** Основной цвет текста на темном фоне */ +export const onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #F5F5F593)'; + +/** Основной цвет текста на темном фоне */ +export const onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #F5F5F5C4)'; + +/** Вторичный цвет текста на темном фоне */ +export const onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #F5F5F5FF)'; + +/** Вторичный цвет текста на темном фоне */ +export const onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #F5F5F5AB)'; + +/** Третичный цвет текста на темном фоне */ +export const onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #F5F5F5FF)'; + +/** Третичный цвет текста на темном фоне */ +export const onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #F5F5F556)'; + +/** Сплошной наборный текст на темном фоне */ +export const onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F5F5F57A)'; + +/** Сплошной наборный текст на темном фоне */ +export const onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #F5F5F5A3)'; + +/** Акцентный цвет на темном фоне */ +export const onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #17E8ADFF)'; + +/** Акцентный цвет на темном фоне */ +export const onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #11B083FF)'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradientActive = 'var(--on-dark-text-accent-gradient-active, #E6E6E6FF)'; + +/** Акцентный минорный цвет на темном фоне */ +export const onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #ABFCE5FF)'; + +/** Акцентный минорный цвет на темном фоне */ +export const onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #70FAD3FF)'; + +/** Цвет успеха на темном фоне */ +export const onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #2ACB47FF)'; + +/** Цвет успеха на темном фоне */ +export const onDarkTextPositiveActive = 'var(--on-dark-text-positive-active, #1F9835FF)'; + +/** Цвет предупреждения на темном фоне */ +export const onDarkTextWarningHover = 'var(--on-dark-text-warning-hover, #FF8442FF)'; + +/** Цвет предупреждения на темном фоне */ +export const onDarkTextWarningActive = 'var(--on-dark-text-warning-active, #FF5D05FF)'; + +/** Цвет ошибки на темном фоне */ +export const onDarkTextNegativeHover = 'var(--on-dark-text-negative-hover, #FF5C6CFF)'; + +/** Цвет ошибки на темном фоне */ +export const onDarkTextNegativeActive = 'var(--on-dark-text-negative-active, #FF1F35FF)'; + +/** Цвет информации на темном фоне */ +export const onDarkTextInfoHover = 'var(--on-dark-text-info-hover, #50B1F2FF)'; + +/** Цвет информации на темном фоне */ +export const onDarkTextInfoActive = 'var(--on-dark-text-info-active, #0F7BC2FF)'; + +/** Минорный цвет успеха на темном фоне */ +export const onDarkTextPositiveMinorHover = 'var(--on-dark-text-positive-minor-hover, #64F77FFF)'; + +/** Минорный цвет успеха на темном фоне */ +export const onDarkTextPositiveMinorActive = 'var(--on-dark-text-positive-minor-active, #81F897FF)'; + +/** Минорный цвет предупреждения на темном фоне */ +export const onDarkTextWarningMinorHover = 'var(--on-dark-text-warning-minor-hover, #FDBC96FF)'; + +/** Минорный цвет предупреждения на темном фоне */ +export const onDarkTextWarningMinorActive = 'var(--on-dark-text-warning-minor-active, #FDCFB4FF)'; + +/** Минорный цвет ошибки на темном фоне */ +export const onDarkTextNegativeMinorHover = 'var(--on-dark-text-negative-minor-hover, #FFA3ACFF)'; + +/** Минорный цвет ошибки на темном фоне */ +export const onDarkTextNegativeMinorActive = 'var(--on-dark-text-negative-minor-active, #FFC2C8FF)'; + +/** Минорный цвет информации на темном фоне */ +export const onDarkTextInfoMinorHover = 'var(--on-dark-text-info-minor-hover, #94D4FFFF)'; + +/** Минорный цвет информации на темном фоне */ +export const onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active, #B3E0FFFF)'; + +/** Основной цвет текста на темном фоне */ +export const onDarkTextPrimary = 'var(--on-dark-text-primary, rgba(245,245,245,0.96))'; + +/** Вторичный цвет текста на темном фоне */ +export const onDarkTextSecondary = 'var(--on-dark-text-secondary, rgba(245,245,245,0.56))'; + +/** Третичный цвет текста на темном фоне */ +export const onDarkTextTertiary = 'var(--on-dark-text-tertiary, rgba(245,245,245,0.28))'; + +/** Сплошной наборный текст на темном фоне */ +export const onDarkTextParagraph = 'var(--on-dark-text-paragraph, rgba(245,245,245,0.8))'; + +/** Акцентный цвет на темном фоне */ +export const onDarkTextAccent = 'var(--on-dark-text-accent, #14CC98)'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradient = + 'var(--on-dark-text-accent-gradient, linear-gradient(45.00deg, rgb(33, 202, 154) 0%, rgb(74, 214, 252) 100%))'; + +/** Цвет успеха на темном фоне */ +export const onDarkTextPositive = 'var(--on-dark-text-positive, #24B23E)'; + +/** Цвет предупреждения на темном фоне */ +export const onDarkTextWarning = 'var(--on-dark-text-warning, #FF7024)'; + +/** Цвет ошибки на темном фоне */ +export const onDarkTextNegative = 'var(--on-dark-text-negative, #FF3D51)'; + +/** Основной цвет текста на светлом фоне */ +export const onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #17171793)'; + +/** Основной цвет текста на светлом фоне */ +export const onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #171717C4)'; + +/** Вторичный цвет текста на светлом фоне */ +export const onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #171717FF)'; + +/** Вторичный цвет текста на светлом фоне */ +export const onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #171717AB)'; + +/** Третичный цвет текста на светлом фоне */ +export const onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #171717FF)'; + +/** Третичный цвет текста на светлом фоне */ +export const onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #17171756)'; + +/** Сплошной наборный текст на светлом фоне */ +export const onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #1717177A)'; + +/** Сплошной наборный текст на светлом фоне */ +export const onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #171717A3)'; + +/** Акцентный цвет на светлом фоне */ +export const onLightTextAccentHover = 'var(--on-light-text-accent-hover, #06B785FF)'; + +/** Акцентный цвет на светлом фоне */ +export const onLightTextAccentActive = 'var(--on-light-text-accent-active, #047C5AFF)'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradientHover = 'var(--on-light-text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradientActive = 'var(--on-light-text-accent-gradient-active, #E6E6E6FF)'; + +/** Акцентный минорный цвет на светлом фоне */ +export const onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #10604AFF)'; + +/** Акцентный минорный цвет на светлом фоне */ +export const onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #0B4636FF)'; + +/** Цвет успеха на светлом фоне */ +export const onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #1EB83AFF)'; + +/** Цвет успеха на светлом фоне */ +export const onLightTextPositiveActive = 'var(--on-light-text-positive-active, #15842AFF)'; + +/** Цвет предупреждения на светлом фоне */ +export const onLightTextWarningHover = 'var(--on-light-text-warning-hover, #FB7223FF)'; + +/** Цвет предупреждения на светлом фоне */ +export const onLightTextWarningActive = 'var(--on-light-text-warning-active, #DC5304FF)'; + +/** Цвет ошибки на светлом фоне */ +export const onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #FF475AFF)'; + +/** Цвет ошибки на светлом фоне */ +export const onLightTextNegativeActive = 'var(--on-light-text-negative-active, #FF0A23FF)'; + +/** Цвет информации на светлом фоне */ +export const onLightTextInfoHover = 'var(--on-light-text-info-hover, #34A7F4FF)'; + +/** Цвет информации на светлом фоне */ +export const onLightTextInfoActive = 'var(--on-light-text-info-active, #096CAEFF)'; + +/** Минорный цвет успеха на светлом фоне */ +export const onLightTextPositiveMinorHover = 'var(--on-light-text-positive-minor-hover, #155B22FF)'; + +/** Минорный цвет успеха на светлом фоне */ +export const onLightTextPositiveMinorActive = 'var(--on-light-text-positive-minor-active, #104219FF)'; + +/** Минорный цвет предупреждения на светлом фоне */ +export const onLightTextWarningMinorHover = 'var(--on-light-text-warning-minor-hover, #723613FF)'; + +/** Минорный цвет предупреждения на светлом фоне */ +export const onLightTextWarningMinorActive = 'var(--on-light-text-warning-minor-active, #58290EFF)'; + +/** Минорный цвет ошибки на светлом фоне */ +export const onLightTextNegativeMinorHover = 'var(--on-light-text-negative-minor-hover, #7E1621FF)'; + +/** Минорный цвет ошибки на светлом фоне */ +export const onLightTextNegativeMinorActive = 'var(--on-light-text-negative-minor-active, #64121AFF)'; + +/** Минорный цвет информации на светлом фоне */ +export const onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover, #174B6EFF)'; + +/** Минорный цвет информации на светлом фоне */ +export const onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active, #113A55FF)'; + +/** Основной цвет текста на светлом фоне */ +export const onLightTextPrimary = 'var(--on-light-text-primary, rgba(23,23,23,0.96))'; + +/** Вторичный цвет текста на светлом фоне */ +export const onLightTextSecondary = 'var(--on-light-text-secondary, rgba(23,23,23,0.56))'; + +/** Третичный цвет текста на светлом фоне */ +export const onLightTextTertiary = 'var(--on-light-text-tertiary, rgba(23,23,23,0.28))'; + +/** Сплошной наборный текст на светлом фоне */ +export const onLightTextParagraph = 'var(--on-light-text-paragraph, rgba(23,23,23,0.8))'; + +/** Акцентный цвет на светлом фоне */ +export const onLightTextAccent = 'var(--on-light-text-accent, #05996F)'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradient = + 'var(--on-light-text-accent-gradient, linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%))'; + +/** Цвет успеха на светлом фоне */ +export const onLightTextPositive = 'var(--on-light-text-positive, #1A9E32)'; + +/** Цвет предупреждения на светлом фоне */ +export const onLightTextWarning = 'var(--on-light-text-warning, #FA5F05)'; + +/** Цвет ошибки на светлом фоне */ +export const onLightTextNegative = 'var(--on-light-text-negative, #FF293E)'; + +/** Инвертированный основной цвет текста */ +export const inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #17171793)'; + +/** Инвертированный основной цвет текста */ +export const inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #171717C4)'; + +/** Инвертированный вторичный цвет текста */ +export const inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #171717FF)'; + +/** Инвертированный вторичный цвет текста */ +export const inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #171717AB)'; + +/** Инвертированный третичный цвет текста */ +export const inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #171717FF)'; + +/** Инвертированный третичный цвет текста */ +export const inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #17171756)'; + +/** Инвертированный сплошной наборный текст */ +export const inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #1717177A)'; + +/** Инвертированный сплошной наборный текст */ +export const inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #171717A3)'; + +/** Инвертированный акцентный цвет */ +export const inverseTextAccentHover = 'var(--inverse-text-accent-hover, #06B785FF)'; + +/** Инвертированный акцентный цвет */ +export const inverseTextAccentActive = 'var(--inverse-text-accent-active, #047C5AFF)'; + +/** Инвертированный акцентный цвет с градиентом */ +export const inverseTextAccentGradientHover = 'var(--inverse-text-accent-gradient-hover, #CCCCCCFF)'; + +/** Инвертированный акцентный цвет с градиентом */ +export const inverseTextAccentGradientActive = 'var(--inverse-text-accent-gradient-active, #E6E6E6FF)'; + +/** Инвертированный минорный акцентный цвет */ +export const inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #10604AFF)'; + +/** Инвертированный минорный акцентный цвет */ +export const inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #0B4636FF)'; + +/** Инвертированный цвет успеха */ +export const inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #1EB83AFF)'; + +/** Инвертированный цвет успеха */ +export const inverseTextPositiveActive = 'var(--inverse-text-positive-active, #15842AFF)'; + +/** Инвертированный цвет предупреждения */ +export const inverseTextWarningHover = 'var(--inverse-text-warning-hover, #FB7223FF)'; + +/** Инвертированный цвет предупреждения */ +export const inverseTextWarningActive = 'var(--inverse-text-warning-active, #DC5304FF)'; + +/** Инвертированный цвет ошибки */ +export const inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #FF475AFF)'; + +/** Инвертированный цвет ошибки */ +export const inverseTextNegativeActive = 'var(--inverse-text-negative-active, #FF0A23FF)'; + +/** Инвертированный цвет информации */ +export const inverseTextInfoHover = 'var(--inverse-text-info-hover, #34A7F4FF)'; + +/** Инвертированный цвет информации */ +export const inverseTextInfoActive = 'var(--inverse-text-info-active, #096CAEFF)'; + +/** Инвертированный минорный цвет успеха */ +export const inverseTextPositiveMinorHover = 'var(--inverse-text-positive-minor-hover, #155B22FF)'; + +/** Инвертированный минорный цвет успеха */ +export const inverseTextPositiveMinorActive = 'var(--inverse-text-positive-minor-active, #104219FF)'; + +/** Инвертированный минорный цвет предупреждения */ +export const inverseTextWarningMinorHover = 'var(--inverse-text-warning-minor-hover, #723613FF)'; + +/** Инвертированный минорный цвет предупреждения */ +export const inverseTextWarningMinorActive = 'var(--inverse-text-warning-minor-active, #58290EFF)'; + +/** Инвертированный минорный цвет ошибки */ +export const inverseTextNegativeMinorHover = 'var(--inverse-text-negative-minor-hover, #7E1621FF)'; + +/** Инвертированный минорный цвет ошибки */ +export const inverseTextNegativeMinorActive = 'var(--inverse-text-negative-minor-active, #64121AFF)'; + +/** Инвертированный минорный цвет информации */ +export const inverseTextInfoMinorHover = 'var(--inverse-text-info-minor-hover, #174B6EFF)'; + +/** Инвертированный минорный цвет информации */ +export const inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active, #113A55FF)'; + +/** Инвертированный основной цвет текста */ +export const inverseTextPrimary = 'var(--inverse-text-primary, rgba(23,23,23,0.96))'; + +/** Инвертированный вторичный цвет текста */ +export const inverseTextSecondary = 'var(--inverse-text-secondary, rgba(23,23,23,0.56))'; + +/** Инвертированный третичный цвет текста */ +export const inverseTextTertiary = 'var(--inverse-text-tertiary, rgba(23,23,23,0.28))'; + +/** Инвертированный сплошной наборный текст */ +export const inverseTextParagraph = 'var(--inverse-text-paragraph, rgba(23,23,23,0.8))'; + +/** Инвертированный акцентный цвет */ +export const inverseTextAccent = 'var(--inverse-text-accent, #05996F)'; + +/** Инвертированный акцентный цвет с градиентом */ +export const inverseTextAccentGradient = + 'var(--inverse-text-accent-gradient, linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%))'; + +/** Инвертированный цвет успеха */ +export const inverseTextPositive = 'var(--inverse-text-positive, #1A9E32)'; + +/** Инвертированный цвет предупреждения */ +export const inverseTextWarning = 'var(--inverse-text-warning, #FA5F05)'; + +/** Инвертированный цвет ошибки */ +export const inverseTextNegative = 'var(--inverse-text-negative, #FF293E)'; + +/** Основной непрозрачный фон поверхности/контрола */ +export const surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #1C1C1CFF)'; + +/** Основной непрозрачный фон поверхности/контрола */ +export const surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #121212FF)'; + +/** Вторичный непрозрачный фон поверхности/контрола */ +export const surfaceSolidSecondaryHover = 'var(--surface-solid-secondary-hover, #303030FF)'; + +/** Вторичный непрозрачный фон поверхности/контрола */ +export const surfaceSolidSecondaryActive = 'var(--surface-solid-secondary-active, #212121FF)'; + +/** Третичный непрозрачный фон поверхности/контрола */ +export const surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover, #404040FF)'; + +/** Третичный непрозрачный фон поверхности/контрола */ +export const surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #303030FF)'; + +/** Основной фон для карточек */ +export const surfaceSolidCardHover = 'var(--surface-solid-card-hover, #303030FF)'; + +/** Основной фон для карточек */ +export const surfaceSolidCardActive = 'var(--surface-solid-card-active, #212121FF)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию */ +export const surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFFFFFFF)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию */ +export const surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #F5F5F5FF)'; + +/** Основной прозрачный фон поверхности/контрола */ +export const surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #FFFFFF1F)'; + +/** Основной прозрачный фон поверхности/контрола */ +export const surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFF0A)'; + +/** Вторичный прозрачный фон поверхности/контрола */ +export const surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF3D)'; + +/** Вторичный прозрачный фон поверхности/контрола */ +export const surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF0F)'; + +/** Третичный прозрачный фон поверхности/контрола */ +export const surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFF52)'; + +/** Третичный прозрачный фон поверхности/контрола */ +export const surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FFFFFF24)'; + +/** Глубокий прозрачный фон поверхности/контрола */ +export const surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #FFFFFFC2)'; + +/** Глубокий прозрачный фон поверхности/контрола */ +export const surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #FFFFFF94)'; + +/** Прозрачный фон для карточек */ +export const surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #FFFFFF3D)'; + +/** Прозрачный фон для карточек */ +export const surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #FFFFFF0F)'; + +/** Фон поверхности/контрола без заливки */ +export const surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)'; + +/** Фон поверхности/контрола без заливки */ +export const surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)'; + +/** Акцентный фон поверхности/контрола */ +export const surfaceAccentHover = 'var(--surface-accent-hover, #00C28BFF)'; + +/** Акцентный фон поверхности/контрола */ +export const surfaceAccentActive = 'var(--surface-accent-active, #00A375FF)'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #FFFFFFFF)'; + +/** Акцентный минорный непрозрачный фон поверхности/контрола */ +export const surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #0A3D2FFF)'; + +/** Акцентный минорный непрозрачный фон поверхности/контрола */ +export const surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #06231BFF)'; + +/** Прозрачный акцентный фон поверхности/контрола */ +export const surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #14CC9866)'; + +/** Прозрачный акцентный фон поверхности/контрола */ +export const surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #14CC9838)'; + +/** Цвет фона поверхности/контрола успех */ +export const surfacePositiveHover = 'var(--surface-positive-hover, #28C344FF)'; + +/** Цвет фона поверхности/контрола успех */ +export const surfacePositiveActive = 'var(--surface-positive-active, #23A93BFF)'; + +/** Цвет фона поверхности/контрола предупреждение */ +export const surfaceWarningHover = 'var(--surface-warning-hover, #FF8442FF)'; + +/** Цвет фона поверхности/контрола предупреждение */ +export const surfaceWarningActive = 'var(--surface-warning-active, #FF6A1AFF)'; + +/** Цвет фона поверхности/контрола ошибка */ +export const surfaceNegativeHover = 'var(--surface-negative-hover, #FF5C6CFF)'; + +/** Цвет фона поверхности/контрола ошибка */ +export const surfaceNegativeActive = 'var(--surface-negative-active, #FF3347FF)'; + +/** Цвет фона поверхности/контрола информация */ +export const surfaceInfoHover = 'var(--surface-info-hover, #1798EEFF)'; + +/** Цвет фона поверхности/контрола информация */ +export const surfaceInfoActive = 'var(--surface-info-active, #1086D5FF)'; + +/** Минорный цвет фона поверхности/контрола успех */ +export const surfacePositiveMinorHover = 'var(--surface-positive-minor-hover, #0E3A16FF)'; + +/** Минорный цвет фона поверхности/контрола успех */ +export const surfacePositiveMinorActive = 'var(--surface-positive-minor-active, #08210CFF)'; + +/** Минорный цвет фона поверхности/контрола предупреждение */ +export const surfaceWarningMinorHover = 'var(--surface-warning-minor-hover, #4F250DFF)'; + +/** Минорный цвет фона поверхности/контрола предупреждение */ +export const surfaceWarningMinorActive = 'var(--surface-warning-minor-active, #351909FF)'; + +/** Минорный цвет фона поверхности/контрола ошибка */ +export const surfaceNegativeMinorHover = 'var(--surface-negative-minor-hover, #5B1018FF)'; + +/** Минорный цвет фона поверхности/контрола ошибка */ +export const surfaceNegativeMinorActive = 'var(--surface-negative-minor-active, #410B11FF)'; + +/** Минорный цвет фона поверхности/контрола информация */ +export const surfaceInfoMinorHover = 'var(--surface-info-minor-hover, #10344CFF)'; + +/** Минорный цвет фона поверхности/контрола информация */ +export const surfaceInfoMinorActive = 'var(--surface-info-minor-active, #0A2333FF)'; + +/** Прозрачный цвет фона поверхности/контрола успех */ +export const surfaceTransparentPositiveHover = 'var(--surface-transparent-positive-hover, #1A9E3266)'; + +/** Прозрачный цвет фона поверхности/контрола успех */ +export const surfaceTransparentPositiveActive = 'var(--surface-transparent-positive-active, #1A9E3238)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение */ +export const surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover, #FA5F0566)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение */ +export const surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active, #FA5F0538)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение */ +export const surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #FF293E66)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение */ +export const surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #FF293E38)'; + +/** Прозрачный цвет фона поверхности/контрола информация */ +export const surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover, #118CDF66)'; + +/** Прозрачный цвет фона поверхности/контрола информация */ +export const surfaceTransparentInfoActive = 'var(--surface-transparent-info-active, #118CDF38)'; + +/** Фон поверхности/контрола без заливки */ +export const surfaceClear = 'var(--surface-clear, #FFFFFF00)'; + +/** Основной фон для карточек */ +export const surfaceSolidCard = 'var(--surface-solid-card, #262626)'; + +/** Основной непрозрачный фон поверхности/контрола */ +export const surfaceSolidPrimary = 'var(--surface-solid-primary, #171717)'; + +/** Вторичный непрозрачный фон поверхности/контрола */ +export const surfaceSolidSecondary = 'var(--surface-solid-secondary, #262626)'; + +/** Третичный непрозрачный фон поверхности/контрола */ +export const surfaceSolidTertiary = 'var(--surface-solid-tertiary, #363636)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию */ +export const surfaceSolidDefault = 'var(--surface-solid-default, #F9F9F9)'; + +/** Акцентный фон поверхности/контрола */ +export const surfaceAccent = 'var(--surface-accent, #00AC7B)'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradient = + 'var(--surface-accent-gradient, linear-gradient(45.00deg, rgb(0, 172, 123) 0.763%, rgb(39, 198, 229) 100%))'; + +/** Цвет фона поверхности/контрола успех */ +export const surfacePositive = 'var(--surface-positive, #24B23E)'; + +/** Цвет фона поверхности/контрола предупреждение */ +export const surfaceWarning = 'var(--surface-warning, #FF7024)'; + +/** Цвет фона поверхности/контрола ошибка */ +export const surfaceNegative = 'var(--surface-negative, #FF3D51)'; + +/** Прозрачный фон для карточек */ +export const surfaceTransparentCard = 'var(--surface-transparent-card, rgba(255,255,255,0.12))'; + +/** Основной прозрачный фон поверхности/контрола */ +export const surfaceTransparentPrimary = 'var(--surface-transparent-primary, rgba(255,255,255,0.06))'; + +/** Вторичный прозрачный фон поверхности/контрола */ +export const surfaceTransparentSecondary = 'var(--surface-transparent-secondary, rgba(255,255,255,0.12))'; + +/** Третичный прозрачный фон поверхности/контрола */ +export const surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, rgba(255,255,255,0.2))'; + +/** Глубокий прозрачный фон поверхности/контрола */ +export const surfaceTransparentDeep = 'var(--surface-transparent-deep, rgba(255,255,255,0.64))'; + +/** Основной непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #1C1C1CFF)'; + +/** Основной непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-active, #121212FF)'; + +/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover, #303030FF)'; + +/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidSecondaryActive = 'var(--on-dark-surface-solid-secondary-active, #212121FF)'; + +/** Третичный непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #404040FF)'; + +/** Третичный непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #303030FF)'; + +/** Основной фон для карточек на темном фоне */ +export const onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #303030FF)'; + +/** Основной фон для карточек на темном фоне */ +export const onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active, #212121FF)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */ +export const onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover, #FFFFFFFF)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */ +export const onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active, #F5F5F5FF)'; + +/** Основной прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FFFFFF1F)'; + +/** Основной прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFF0A)'; + +/** Вторичный прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF3D)'; + +/** Вторичный прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFF0F)'; + +/** Третичный прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFF52)'; + +/** Третичный прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFF24)'; + +/** Глубокий прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #FFFFFFC2)'; + +/** Глубокий прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #FFFFFF94)'; + +/** Прозрачный фон для карточек на темном фоне */ +export const onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FFFFFF3D)'; + +/** Прозрачный фон для карточек на темном фоне */ +export const onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FFFFFF0F)'; + +/** Фон поверхности/контрола без заливки на темном фоне */ +export const onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover, #FFFFFF00)'; + +/** Фон поверхности/контрола без заливки на темном фоне */ +export const onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active, #FFFFFF00)'; + +/** Акцентный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #00C28BFF)'; + +/** Акцентный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #00A375FF)'; + +/** Акцентный фон поверхности/контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #FFFFFFFF)'; + +/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #0A3D2FFF)'; + +/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #06231BFF)'; + +/** Прозрачный акцентный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #14CC9866)'; + +/** Прозрачный акцентный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #14CC9838)'; + +/** Цвет фона поверхности/контрола успех на темном фоне */ +export const onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #28C344FF)'; + +/** Цвет фона поверхности/контрола успех на темном фоне */ +export const onDarkSurfacePositiveActive = 'var(--on-dark-surface-positive-active, #23A93BFF)'; + +/** Цвет фона поверхности/контрола предупреждение на темном фоне */ +export const onDarkSurfaceWarningHover = 'var(--on-dark-surface-warning-hover, #FF8442FF)'; + +/** Цвет фона поверхности/контрола предупреждение на темном фоне */ +export const onDarkSurfaceWarningActive = 'var(--on-dark-surface-warning-active, #FF6A1AFF)'; + +/** Цвет фона поверхности/контрола ошибка на темном фоне */ +export const onDarkSurfaceNegativeHover = 'var(--on-dark-surface-negative-hover, #FF5C6CFF)'; + +/** Цвет фона поверхности/контрола ошибка на темном фоне */ +export const onDarkSurfaceNegativeActive = 'var(--on-dark-surface-negative-active, #FF3347FF)'; + +/** Цвет фона поверхности/контрола информация на темном фоне */ +export const onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover, #1798EEFF)'; + +/** Цвет фона поверхности/контрола информация на темном фоне */ +export const onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active, #1086D5FF)'; + +/** Минорный цвет фона поверхности/контрола успех на темном фоне */ +export const onDarkSurfacePositiveMinorHover = 'var(--on-dark-surface-positive-minor-hover, #0E3A16FF)'; + +/** Минорный цвет фона поверхности/контрола успех на темном фоне */ +export const onDarkSurfacePositiveMinorActive = 'var(--on-dark-surface-positive-minor-active, #08210CFF)'; + +/** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */ +export const onDarkSurfaceWarningMinorHover = 'var(--on-dark-surface-warning-minor-hover, #4F250DFF)'; + +/** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */ +export const onDarkSurfaceWarningMinorActive = 'var(--on-dark-surface-warning-minor-active, #351909FF)'; + +/** Минорный цвет фона поверхности/контрола ошибка на темном фоне */ +export const onDarkSurfaceNegativeMinorHover = 'var(--on-dark-surface-negative-minor-hover, #5B1018FF)'; + +/** Минорный цвет фона поверхности/контрола ошибка на темном фоне */ +export const onDarkSurfaceNegativeMinorActive = 'var(--on-dark-surface-negative-minor-active, #410B11FF)'; + +/** Минорный цвет фона поверхности/контрола информация на темном фоне */ +export const onDarkSurfaceInfoMinorHover = 'var(--on-dark-surface-info-minor-hover, #10344CFF)'; + +/** Минорный цвет фона поверхности/контрола информация на темном фоне */ +export const onDarkSurfaceInfoMinorActive = 'var(--on-dark-surface-info-minor-active, #0A2333FF)'; + +/** Прозрачный цвет фона поверхности/контрола успех на темном фоне */ +export const onDarkSurfaceTransparentPositiveHover = 'var(--on-dark-surface-transparent-positive-hover, #1A9E3266)'; + +/** Прозрачный цвет фона поверхности/контрола успех на темном фоне */ +export const onDarkSurfaceTransparentPositiveActive = 'var(--on-dark-surface-transparent-positive-active, #1A9E3238)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ +export const onDarkSurfaceTransparentWarningHover = 'var(--on-dark-surface-transparent-warning-hover, #FA5F0566)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ +export const onDarkSurfaceTransparentWarningActive = 'var(--on-dark-surface-transparent-warning-active, #FA5F0538)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ +export const onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #FF293E66)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ +export const onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #FF293E38)'; + +/** Прозрачный цвет фона поверхности/контрола информация на темном фоне */ +export const onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover, #118CDF66)'; + +/** Прозрачный цвет фона поверхности/контрола информация на темном фоне */ +export const onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transparent-info-active, #118CDF38)'; + +/** Фон поверхности/контрола без заливки на темном фоне */ +export const onDarkSurfaceClear = 'var(--on-dark-surface-clear, #FFFFFF00)'; + +/** Основной непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #171717)'; + +/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary, #262626)'; + +/** Третичный непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #363636)'; + +/** Основной фон для карточек на темном фоне */ +export const onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #262626)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */ +export const onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #F9F9F9)'; + +/** Акцентный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #00AC7B)'; + +/** Акцентный фон поверхности/контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradient = + 'var(--on-dark-surface-accent-gradient, linear-gradient(45.00deg, rgb(0, 172, 123) 0.763%, rgb(39, 198, 229) 100%))'; + +/** Цвет фона поверхности/контрола успех на темном фоне */ +export const onDarkSurfacePositive = 'var(--on-dark-surface-positive, #24B23E)'; + +/** Цвет фона поверхности/контрола предупреждение на темном фоне */ +export const onDarkSurfaceWarning = 'var(--on-dark-surface-warning, #FF7024)'; + +/** Цвет фона поверхности/контрола ошибка на темном фоне */ +export const onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #FF3D51)'; + +/** Прозрачный фон для карточек на темном фоне */ +export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, rgba(255,255,255,0.12))'; + +/** Основной прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, rgba(255,255,255,0.06))'; + +/** Вторичный прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, rgba(255,255,255,0.12))'; + +/** Третичный прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, rgba(255,255,255,0.2))'; + +/** Глубокий прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, rgba(255,255,255,0.64))'; + +/** Основной непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #FAFAFAFF)'; + +/** Основной непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active, #F0F0F0FF)'; + +/** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover, #E8E8E8FF)'; + +/** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active, #D9D9D9FF)'; + +/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #D1D1D1FF)'; + +/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #C2C2C2FF)'; + +/** Основной фон для карточек на светлом фоне */ +export const onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover, #FFFFFFFF)'; + +/** Основной фон для карточек на светлом фоне */ +export const onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active, #FFFFFFFF)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ +export const onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #0D0D0DFF)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ +export const onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #030303FF)'; + +/** Основной прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #0808080F)'; + +/** Основной прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #08080800)'; + +/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #0808081F)'; + +/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentSecondaryActive = + 'var(--on-light-surface-transparent-secondary-active, #0808080A)'; + +/** Третичный прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #0808083D)'; + +/** Третичный прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #0808080F)'; + +/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #080808C2)'; + +/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #08080894)'; + +/** Прозрачный фон для карточек на светлом фоне */ +export const onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #FFFFFFFF)'; + +/** Прозрачный фон для карточек на светлом фоне */ +export const onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #FFFFFFFF)'; + +/** Фон поверхности/контрола без заливки на светлом фоне */ +export const onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover, #FFFFFF00)'; + +/** Фон поверхности/контрола без заливки на светлом фоне */ +export const onLightSurfaceClearActive = 'var(--on-light-surface-clear-active, #FFFFFF00)'; + +/** Акцентный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #05AD7EFF)'; + +/** Акцентный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #048F68FF)'; + +/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #FFFFFFFF)'; + +/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #7AF5D2FF)'; + +/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #4BF1C2FF)'; + +/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #05996F66)'; + +/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #05996F38)'; + +/** Цвет фона поверхности/контрола успех на светлом фоне */ +export const onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1DAF37FF)'; + +/** Цвет фона поверхности/контрола успех на светлом фоне */ +export const onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active, #18952FFF)'; + +/** Цвет фона поверхности/контрола предупреждение на светлом фоне */ +export const onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover, #FB7223FF)'; + +/** Цвет фона поверхности/контрола предупреждение на светлом фоне */ +export const onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active, #F05B05FF)'; + +/** Цвет фона поверхности/контрола ошибка на светлом фоне */ +export const onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #FF475AFF)'; + +/** Цвет фона поверхности/контрола ошибка на светлом фоне */ +export const onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #FF1F35FF)'; + +/** Цвет фона поверхности/контрола информация на светлом фоне */ +export const onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #1798EEFF)'; + +/** Цвет фона поверхности/контрола информация на светлом фоне */ +export const onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #1086D5FF)'; + +/** Минорный цвет фона поверхности/контрола успех на светлом фоне */ +export const onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #8AF59DFF)'; + +/** Минорный цвет фона поверхности/контрола успех на светлом фоне */ +export const onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active, #6EF286FF)'; + +/** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */ +export const onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FFDECCFF)'; + +/** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */ +export const onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FFCAADFF)'; + +/** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */ +export const onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FED7DBFF)'; + +/** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */ +export const onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active, #FEC3C9FF)'; + +/** Минорный цвет фона поверхности/контрола информация на светлом фоне */ +export const onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover, #C7E9FFFF)'; + +/** Минорный цвет фона поверхности/контрола информация на светлом фоне */ +export const onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #A8DCFFFF)'; + +/** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */ +export const onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover, #1A9E3266)'; + +/** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */ +export const onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active, #1A9E3238)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ +export const onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover, #FA5F0566)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ +export const onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active, #FA5F0538)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ +export const onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #FF293E66)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ +export const onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #FF293E38)'; + +/** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */ +export const onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover, #118CDF66)'; + +/** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */ +export const onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active, #118CDF38)'; + +/** Основной непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #F5F5F5)'; + +/** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary, #DDDDDD)'; + +/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #C7C7C7)'; + +/** Основной фон для карточек на светлом фоне */ +export const onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #FFFFFF)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ +export const onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #080808)'; + +/** Фон поверхности/контрола без заливки на светлом фоне */ +export const onLightSurfaceClear = 'var(--on-light-surface-clear, #FFFFFF00)'; + +/** Акцентный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceAccent = 'var(--on-light-surface-accent, #05996F)'; + +/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradient = + 'var(--on-light-surface-accent-gradient, linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%))'; + +/** Цвет фона поверхности/контрола успех на светлом фоне */ +export const onLightSurfacePositive = 'var(--on-light-surface-positive, #1A9E32)'; + +/** Цвет фона поверхности/контрола предупреждение на светлом фоне */ +export const onLightSurfaceWarning = 'var(--on-light-surface-warning, #FA5F05)'; + +/** Цвет фона поверхности/контрола ошибка на светлом фоне */ +export const onLightSurfaceNegative = 'var(--on-light-surface-negative, #FF293E)'; + +/** Прозрачный фон для карточек на светлом фоне */ +export const onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, rgb(255,255,255))'; + +/** Основной прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, rgba(8,8,8,0.02))'; + +/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #0808080F)'; + +/** Третичный прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #0808081F)'; + +/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #080808A3)'; + +/** Инвертированный основной непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #FAFAFAFF)'; + +/** Инвертированный основной непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active, #F0F0F0FF)'; + +/** Инвертированный вторичный непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #E8E8E8FF)'; + +/** Инвертированный вторичный непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #D9D9D9FF)'; + +/** Инвертированный третичный непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover, #D1D1D1FF)'; + +/** Инвертированный третичный непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active, #C2C2C2FF)'; + +/** Инвертированный основной фон для карточек */ +export const inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover, #FFFFFFFF)'; + +/** Инвертированный основной фон для карточек */ +export const inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active, #FFFFFFFF)'; + +/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ +export const inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #0D0D0DFF)'; + +/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ +export const inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #030303FF)'; + +/** Инвертированный основной прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #0808080F)'; + +/** Инвертированный основной прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #08080800)'; + +/** Инвертированный вторичный прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #0808081F)'; + +/** Инвертированный вторичный прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentSecondaryActive = + 'var(--inverse-surface-transparent-secondary-active, #0808080A)'; + +/** Инвертированный третичный прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #0808083D)'; + +/** Инвертированный третичный прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #0808080F)'; + +/** Инвертированный глубокий прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #080808C2)'; + +/** Инвертированный глубокий прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #08080894)'; + +/** Инвертированный прозрачный фон для карточек */ +export const inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FFFFFFFF)'; + +/** Инвертированный прозрачный фон для карточек */ +export const inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active, #FFFFFFFF)'; + +/** Инвертированный фон поверхности/контрола без заливки */ +export const inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover, #FFFFFF00)'; + +/** Инвертированный фон поверхности/контрола без заливки */ +export const inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFF00)'; + +/** Инвертированный акцентный фон поверхности/контрола */ +export const inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #05AD7EFF)'; + +/** Инвертированный акцентный фон поверхности/контрола */ +export const inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #048F68FF)'; + +/** Инвертированный акцентный фон поверхности/контрола с градиентом */ +export const inverseSurfaceAccentGradientHover = 'var(--inverse-surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Инвертированный акцентный фон поверхности/контрола с градиентом */ +export const inverseSurfaceAccentGradientActive = 'var(--inverse-surface-accent-gradient-active, #FFFFFFFF)'; + +/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */ +export const inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #7AF5D2FF)'; + +/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */ +export const inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #4BF1C2FF)'; + +/** Прозрачный инвертированный акцентный фон поверхности/контрола */ +export const inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #05996F66)'; + +/** Прозрачный инвертированный акцентный фон поверхности/контрола */ +export const inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #05996F38)'; + +/** Инвертированный цвет фона поверхности/контрола успех */ +export const inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #1DAF37FF)'; + +/** Инвертированный цвет фона поверхности/контрола успех */ +export const inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #18952FFF)'; + +/** Инвертированный цвет фона поверхности/контрола предупреждение */ +export const inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #FB7223FF)'; + +/** Инвертированный цвет фона поверхности/контрола предупреждение */ +export const inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #F05B05FF)'; + +/** Инвертированный цвет фона поверхности/контрола ошибка */ +export const inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover, #FF475AFF)'; + +/** Инвертированный цвет фона поверхности/контрола ошибка */ +export const inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #FF1F35FF)'; + +/** Инвертированный цвет фона поверхности/контрола информация */ +export const inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #1798EEFF)'; + +/** Инвертированный цвет фона поверхности/контрола информация */ +export const inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #1086D5FF)'; + +/** Инвертированный минорный цвет фона поверхности/контрола успех */ +export const inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #8AF59DFF)'; + +/** Инвертированный минорный цвет фона поверхности/контрола успех */ +export const inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #6EF286FF)'; + +/** Инвертированный минорный цвет фона поверхности/контрола предупреждение */ +export const inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover, #FFDECCFF)'; + +/** Инвертированный минорный цвет фона поверхности/контрола предупреждение */ +export const inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active, #FFCAADFF)'; + +/** Инвертированный минорный цвет фона поверхности/контрола ошибка */ +export const inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover, #FED7DBFF)'; + +/** Инвертированный минорный цвет фона поверхности/контрола ошибка */ +export const inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active, #FEC3C9FF)'; + +/** Инвертированный минорный цвет фона поверхности/контрола информация */ +export const inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover, #C7E9FFFF)'; + +/** Инвертированный минорный цвет фона поверхности/контрола информация */ +export const inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active, #A8DCFFFF)'; + +/** Прозрачный инвертированный цвет фона поверхности/контрола успех */ +export const inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover, #1A9E3266)'; + +/** Прозрачный инвертированный цвет фона поверхности/контрола успех */ +export const inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active, #1A9E3238)'; + +/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ +export const inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover, #FA5F0566)'; + +/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ +export const inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active, #FA5F0538)'; + +/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ +export const inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #FF293E66)'; + +/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ +export const inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #FF293E38)'; + +/** Прозрачный инвертированный цвет фона поверхности/контрола информация */ +export const inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover, #118CDF66)'; + +/** Прозрачный инвертированный цвет фона поверхности/контрола информация */ +export const inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active, #118CDF38)'; + +/** Инвертированный основной непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #F5F5F5)'; + +/** Инвертированный вторичный непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary, #DDDDDD)'; + +/** Инвертированный третичный непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #C7C7C7)'; + +/** Инвертированный основной фон для карточек */ +export const inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card, #FFFFFF)'; + +/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ +export const inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #080808)'; + +/** Инвертированный фон поверхности/контрола без заливки */ +export const inverseSurfaceClear = 'var(--inverse-surface-clear, #FFFFFF00)'; + +/** Инвертированный акцентный фон поверхности/контрола */ +export const inverseSurfaceAccent = 'var(--inverse-surface-accent, #05996F)'; + +/** Инвертированный акцентный фон поверхности/контрола с градиентом */ +export const inverseSurfaceAccentGradient = + 'var(--inverse-surface-accent-gradient, linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%))'; + +/** Инвертированный цвет фона поверхности/контрола успех */ +export const inverseSurfacePositive = 'var(--inverse-surface-positive, #1A9E32)'; + +/** Инвертированный цвет фона поверхности/контрола предупреждение */ +export const inverseSurfaceWarning = 'var(--inverse-surface-warning, #FA5F05)'; + +/** Инвертированный цвет фона поверхности/контрола ошибка */ +export const inverseSurfaceNegative = 'var(--inverse-surface-negative, #FF293E)'; + +/** Инвертированный прозрачный фон для карточек */ +export const inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, rgb(255,255,255))'; + +/** Инвертированный основной прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, rgba(8,8,8,0.02))'; + +/** Инвертированный вторичный прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #0808080F)'; + +/** Инвертированный третичный прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #0808081F)'; + +/** Инвертированный глубокий прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, #080808A3)'; + +/** Основной фон */ +export const backgroundPrimary = 'var(--background-primary, #171717)'; + +/** Основной фон на темном фоне */ +export const darkBackgroundPrimary = 'var(--dark-background-primary, #171717)'; + +/** Основной фон на светлом фоне */ +export const lightBackgroundPrimary = 'var(--light-background-primary, #F5F5F5)'; + +/** Инвертированный основной фон */ +export const inverseBackgroundPrimary = 'var(--inverse-background-primary, #F5F5F5)'; + +/** Цвет фона паранжи светлый */ +export const overlaySoft = 'var(--overlay-soft, #0808088F)'; + +/** Цвет фона паранжи темный */ +export const overlayHard = 'var(--overlay-hard, #080808F5)'; + +/** Цвет фона паранжи размытый */ +export const overlayBlur = 'var(--overlay-blur, #08080833)'; + +/** Цвет фона паранжи светлый на темном фоне */ +export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #0808088F)'; + +/** Цвет фона паранжи темный на темном фоне */ +export const onDarkOverlayHard = 'var(--on-dark-overlay-hard, #080808F5)'; + +/** Цвет фона паранжи размытый на темном фоне */ +export const onDarkOverlayBlur = 'var(--on-dark-overlay-blur, #08080833)'; + +/** Цвет фона паранжи светлый на светлом фоне */ +export const onLightOverlaySoft = 'var(--on-light-overlay-soft, #F9F9F98F)'; + +/** Цвет фона паранжи темный на светлом фоне */ +export const onLightOverlayHard = 'var(--on-light-overlay-hard, #F9F9F9F5)'; + +/** Цвет фона паранжи размытый на светлом фоне */ +export const onLightOverlayBlur = 'var(--on-light-overlay-blur, #F9F9F933)'; + +/** Инвертированный цвет фона паранжи светлый */ +export const inverseOverlaySoft = 'var(--inverse-overlay-soft, #F9F9F98F)'; + +/** Инвертированный цвет фона паранжи темный */ +export const inverseOverlayHard = 'var(--inverse-overlay-hard, #F9F9F9F5)'; + +/** Инвертированный цвет фона паранжи размытый */ +export const inverseOverlayBlur = 'var(--inverse-overlay-blur, #F9F9F933)'; + +export const skeletonGradient = + 'var(--skeleton-gradient, linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ))'; + +export const skeletonGradientLighter = + 'var(--skeleton-gradient-lighter, linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ))'; + +/** @deprecated instead use onDarkTextPrimary */ +export const whitePrimary = 'var(--plasma-colors-white-primary, var(--on-dark-text-primary))'; + +/** @deprecated instead use onDarkTextSecondary */ +export const whiteSecondary = 'var(--plasma-colors-white-secondary, var(--on-dark-text-secondary))'; + +/** @deprecated instead use onDarkTextTertiary */ +export const whiteTertiary = 'var(--plasma-colors-white-tertiary, var(--on-dark-text-tertiary))'; + +/** @deprecated instead use onLightTextPrimary */ +export const blackPrimary = 'var(--plasma-colors-black-primary, var(--on-light-text-primary))'; + +/** @deprecated instead use onLightTextSecondary */ +export const blackSecondary = 'var(--plasma-colors-black-secondary, var(--on-light-text-secondary))'; + +/** @deprecated instead use onLightTextTertiary */ +export const blackTertiary = 'var(--plasma-colors-black-tertiary, var(--on-light-text-tertiary))'; + +/** @deprecated instead use onLightSurfaceSolidDefault */ +export const buttonBlack = 'var(--plasma-colors-button-black, var(--on-light-surface-solid-default))'; + +/** @deprecated instead use onLightSurfaceTransparentSecondary */ +export const buttonBlackSecondary = + 'var(--plasma-colors-button-black-secondary, var(--on-light-surface-transparent-secondary))'; + +/** @deprecated instead use onDarkSurfaceSolidDefault */ +export const buttonWhite = 'var(--plasma-colors-button-white, var(--on-dark-surface-solid-default))'; + +/** @deprecated instead use onDarkSurfaceTransparentSecondary */ +export const buttonWhiteSecondary = + 'var(--plasma-colors-button-white-secondary, var(--on-dark-surface-transparent-secondary))'; + +/** @deprecated instead use textPrimary */ +export const text = 'var(--plasma-colors-text, var(--text-primary))'; + +/** @deprecated instead use textPrimary */ +export const primary = 'var(--plasma-colors-primary, var(--text-primary))'; + +/** @deprecated instead use textSecondary */ +export const secondary = 'var(--plasma-colors-secondary, var(--text-secondary))'; + +/** @deprecated instead use textTertiary */ +export const tertiary = 'var(--plasma-colors-tertiary, var(--text-tertiary))'; + +/** @deprecated instead use textParagraph */ +export const paragraph = 'var(--plasma-colors-paragraph, var(--text-paragraph))'; + +/** @deprecated instead use backgroundPrimary */ +export const background = 'var(--plasma-colors-background, var(--background-primary))'; + +/** @deprecated instead use textAccent */ +export const accent = 'var(--plasma-colors-accent, var(--text-accent))'; + +/** @deprecated instead use textPositive */ +export const success = 'var(--plasma-colors-success, var(--text-positive))'; + +/** @deprecated instead use textWarning */ +export const warning = 'var(--plasma-colors-warning, var(--text-warning))'; + +/** @deprecated instead use textNegative */ +export const critical = 'var(--plasma-colors-critical, var(--text-negative))'; + +/** @deprecated instead use overlaySoft */ +export const overlay = 'var(--plasma-colors-overlay, var(--overlay-soft))'; + +/** @deprecated instead use surfaceTransparentPrimary */ +export const surfaceLiquid01 = 'var(--plasma-colors-surface-liquid01, var(--surface-transparent-primary))'; + +/** @deprecated instead use surfaceTransparentSecondary */ +export const surfaceLiquid02 = 'var(--plasma-colors-surface-liquid02, var(--surface-transparent-secondary))'; + +/** @deprecated instead use surfaceTransparentTertiary */ +export const surfaceLiquid03 = 'var(--plasma-colors-surface-liquid03, var(--surface-transparent-tertiary))'; + +/** @deprecated instead use surfaceSolidPrimary */ +export const surfaceSolid01 = 'var(--plasma-colors-surface-solid01, var(--surface-solid-primary))'; + +/** @deprecated instead use surfaceSolidSecondary */ +export const surfaceSolid02 = 'var(--plasma-colors-surface-solid02, var(--surface-solid-secondary))'; + +/** @deprecated instead use surfaceSolidTertiary */ +export const surfaceSolid03 = 'var(--plasma-colors-surface-solid03, var(--surface-solid-tertiary))'; + +/** @deprecated instead use surfaceTransparentCard */ +export const surfaceCard = 'var(--plasma-colors-surface-card, var(--surface-transparent-card))'; + +/** @deprecated instead use surfaceTransparentSecondary */ +export const buttonSecondary = 'var(--plasma-colors-button-secondary, var(--surface-transparent-secondary))'; + +/** @deprecated instead use textAccent */ +export const buttonAccent = 'var(--plasma-colors-button-accent, var(--text-accent))'; + +/** @deprecated instead use surfacePositive */ +export const buttonSuccess = 'var(--plasma-colors-button-success, var(--surface-positive))'; + +/** @deprecated instead use surfaceWarning */ +export const buttonWarning = 'var(--plasma-colors-button-warning, var(--surface-warning))'; + +/** @deprecated instead use surfaceNegative */ +export const buttonCritical = 'var(--plasma-colors-button-critical, var(--surface-negative))'; diff --git a/packages/plasma-tokens/src/themes/index.ts b/packages/plasma-tokens/src/themes/index.ts index 0eadc284e6..64f3b7e4cd 100644 --- a/packages/plasma-tokens/src/themes/index.ts +++ b/packages/plasma-tokens/src/themes/index.ts @@ -24,6 +24,8 @@ export { sberonline__dark, darkSberonline } from './sberonline__dark'; export { sberonline__light, lightSberonline } from './sberonline__light'; export { sberprime__dark, darkSberprime } from './sberprime__dark'; export { sberprime__light, lightSberprime } from './sberprime__light'; +export { sdds_dfa__dark, darkSdds_dfa } from './sdds_dfa__dark'; +export { sdds_dfa__light, lightSdds_dfa } from './sdds_dfa__light'; export { sdds_serv__dark, darkSdds_serv } from './sdds_serv__dark'; export { sdds_serv__light, lightSdds_serv } from './sdds_serv__light'; export { stylesSalute__dark, darkStylesSalute } from './stylesSalute__dark'; diff --git a/packages/plasma-tokens/src/themes/sdds_dfa__dark.ts b/packages/plasma-tokens/src/themes/sdds_dfa__dark.ts new file mode 100644 index 0000000000..5cf154e6f6 --- /dev/null +++ b/packages/plasma-tokens/src/themes/sdds_dfa__dark.ts @@ -0,0 +1,500 @@ +// Generated by robots, do not change this manually! + +export const sdds_dfa__dark = { + ':root': { + '--text-primary-hover': '#F5F5F593', + '--text-primary-active': '#F5F5F5C4', + '--text-secondary-hover': '#F5F5F5FF', + '--text-secondary-active': '#F5F5F5AB', + '--text-tertiary-hover': '#F5F5F5FF', + '--text-tertiary-active': '#F5F5F556', + '--text-paragraph-hover': '#F5F5F57A', + '--text-paragraph-active': '#F5F5F5A3', + '--text-accent-hover': '#17E8ADFF', + '--text-accent-active': '#11B083FF', + '--text-accent-gradient-hover': '#CCCCCCFF', + '--text-accent-gradient-active': '#E6E6E6FF', + '--text-accent-minor-hover': '#ABFCE5FF', + '--text-accent-minor-active': '#70FAD3FF', + '--text-positive-hover': '#2ACB47FF', + '--text-positive-active': '#1F9835FF', + '--text-warning-hover': '#FF8442FF', + '--text-warning-active': '#FF5D05FF', + '--text-negative-hover': '#FF5C6CFF', + '--text-negative-active': '#FF1F35FF', + '--text-info-hover': '#50B1F2FF', + '--text-info-active': '#0F7BC2FF', + '--text-positive-minor-hover': '#64F77FFF', + '--text-positive-minor-active': '#81F897FF', + '--text-warning-minor-hover': '#FDBC96FF', + '--text-warning-minor-active': '#FDCFB4FF', + '--text-negative-minor-hover': '#FFA3ACFF', + '--text-negative-minor-active': '#FFC2C8FF', + '--text-info-minor-hover': '#94D4FFFF', + '--text-info-minor-active': '#B3E0FFFF', + '--text-primary': 'rgba(245,245,245,0.96)', + '--text-secondary': 'rgba(245,245,245,0.56)', + '--text-tertiary': 'rgba(245,245,245,0.28)', + '--text-paragraph': 'rgba(245,245,245,0.8)', + '--text-accent': '#14CC98', + '--text-accent-gradient': 'linear-gradient(45.00deg, rgb(33, 202, 154) 0%, rgb(74, 214, 252) 100%)', + '--text-positive': '#24B23E', + '--text-warning': '#FF7024', + '--text-negative': '#FF3D51', + '--on-dark-text-primary-hover': '#F5F5F593', + '--on-dark-text-primary-active': '#F5F5F5C4', + '--on-dark-text-secondary-hover': '#F5F5F5FF', + '--on-dark-text-secondary-active': '#F5F5F5AB', + '--on-dark-text-tertiary-hover': '#F5F5F5FF', + '--on-dark-text-tertiary-active': '#F5F5F556', + '--on-dark-text-paragraph-hover': '#F5F5F57A', + '--on-dark-text-paragraph-active': '#F5F5F5A3', + '--on-dark-text-accent-hover': '#17E8ADFF', + '--on-dark-text-accent-active': '#11B083FF', + '--on-dark-text-accent-gradient-hover': '#CCCCCCFF', + '--on-dark-text-accent-gradient-active': '#E6E6E6FF', + '--on-dark-text-accent-minor-hover': '#ABFCE5FF', + '--on-dark-text-accent-minor-active': '#70FAD3FF', + '--on-dark-text-positive-hover': '#2ACB47FF', + '--on-dark-text-positive-active': '#1F9835FF', + '--on-dark-text-warning-hover': '#FF8442FF', + '--on-dark-text-warning-active': '#FF5D05FF', + '--on-dark-text-negative-hover': '#FF5C6CFF', + '--on-dark-text-negative-active': '#FF1F35FF', + '--on-dark-text-info-hover': '#50B1F2FF', + '--on-dark-text-info-active': '#0F7BC2FF', + '--on-dark-text-positive-minor-hover': '#64F77FFF', + '--on-dark-text-positive-minor-active': '#81F897FF', + '--on-dark-text-warning-minor-hover': '#FDBC96FF', + '--on-dark-text-warning-minor-active': '#FDCFB4FF', + '--on-dark-text-negative-minor-hover': '#FFA3ACFF', + '--on-dark-text-negative-minor-active': '#FFC2C8FF', + '--on-dark-text-info-minor-hover': '#94D4FFFF', + '--on-dark-text-info-minor-active': '#B3E0FFFF', + '--on-dark-text-primary': 'rgba(245,245,245,0.96)', + '--on-dark-text-secondary': 'rgba(245,245,245,0.56)', + '--on-dark-text-tertiary': 'rgba(245,245,245,0.28)', + '--on-dark-text-paragraph': 'rgba(245,245,245,0.8)', + '--on-dark-text-accent': '#14CC98', + '--on-dark-text-accent-gradient': 'linear-gradient(45.00deg, rgb(33, 202, 154) 0%, rgb(74, 214, 252) 100%)', + '--on-dark-text-positive': '#24B23E', + '--on-dark-text-warning': '#FF7024', + '--on-dark-text-negative': '#FF3D51', + '--on-light-text-primary-hover': '#17171793', + '--on-light-text-primary-active': '#171717C4', + '--on-light-text-secondary-hover': '#171717FF', + '--on-light-text-secondary-active': '#171717AB', + '--on-light-text-tertiary-hover': '#171717FF', + '--on-light-text-tertiary-active': '#17171756', + '--on-light-text-paragraph-hover': '#1717177A', + '--on-light-text-paragraph-active': '#171717A3', + '--on-light-text-accent-hover': '#06B785FF', + '--on-light-text-accent-active': '#047C5AFF', + '--on-light-text-accent-gradient-hover': '#CCCCCCFF', + '--on-light-text-accent-gradient-active': '#E6E6E6FF', + '--on-light-text-accent-minor-hover': '#10604AFF', + '--on-light-text-accent-minor-active': '#0B4636FF', + '--on-light-text-positive-hover': '#1EB83AFF', + '--on-light-text-positive-active': '#15842AFF', + '--on-light-text-warning-hover': '#FB7223FF', + '--on-light-text-warning-active': '#DC5304FF', + '--on-light-text-negative-hover': '#FF475AFF', + '--on-light-text-negative-active': '#FF0A23FF', + '--on-light-text-info-hover': '#34A7F4FF', + '--on-light-text-info-active': '#096CAEFF', + '--on-light-text-positive-minor-hover': '#155B22FF', + '--on-light-text-positive-minor-active': '#104219FF', + '--on-light-text-warning-minor-hover': '#723613FF', + '--on-light-text-warning-minor-active': '#58290EFF', + '--on-light-text-negative-minor-hover': '#7E1621FF', + '--on-light-text-negative-minor-active': '#64121AFF', + '--on-light-text-info-minor-hover': '#174B6EFF', + '--on-light-text-info-minor-active': '#113A55FF', + '--on-light-text-primary': 'rgba(23,23,23,0.96)', + '--on-light-text-secondary': 'rgba(23,23,23,0.56)', + '--on-light-text-tertiary': 'rgba(23,23,23,0.28)', + '--on-light-text-paragraph': 'rgba(23,23,23,0.8)', + '--on-light-text-accent': '#05996F', + '--on-light-text-accent-gradient': 'linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%)', + '--on-light-text-positive': '#1A9E32', + '--on-light-text-warning': '#FA5F05', + '--on-light-text-negative': '#FF293E', + '--inverse-text-primary-hover': '#17171793', + '--inverse-text-primary-active': '#171717C4', + '--inverse-text-secondary-hover': '#171717FF', + '--inverse-text-secondary-active': '#171717AB', + '--inverse-text-tertiary-hover': '#171717FF', + '--inverse-text-tertiary-active': '#17171756', + '--inverse-text-paragraph-hover': '#1717177A', + '--inverse-text-paragraph-active': '#171717A3', + '--inverse-text-accent-hover': '#06B785FF', + '--inverse-text-accent-active': '#047C5AFF', + '--inverse-text-accent-gradient-hover': '#CCCCCCFF', + '--inverse-text-accent-gradient-active': '#E6E6E6FF', + '--inverse-text-accent-minor-hover': '#10604AFF', + '--inverse-text-accent-minor-active': '#0B4636FF', + '--inverse-text-positive-hover': '#1EB83AFF', + '--inverse-text-positive-active': '#15842AFF', + '--inverse-text-warning-hover': '#FB7223FF', + '--inverse-text-warning-active': '#DC5304FF', + '--inverse-text-negative-hover': '#FF475AFF', + '--inverse-text-negative-active': '#FF0A23FF', + '--inverse-text-info-hover': '#34A7F4FF', + '--inverse-text-info-active': '#096CAEFF', + '--inverse-text-positive-minor-hover': '#155B22FF', + '--inverse-text-positive-minor-active': '#104219FF', + '--inverse-text-warning-minor-hover': '#723613FF', + '--inverse-text-warning-minor-active': '#58290EFF', + '--inverse-text-negative-minor-hover': '#7E1621FF', + '--inverse-text-negative-minor-active': '#64121AFF', + '--inverse-text-info-minor-hover': '#174B6EFF', + '--inverse-text-info-minor-active': '#113A55FF', + '--inverse-text-primary': 'rgba(23,23,23,0.96)', + '--inverse-text-secondary': 'rgba(23,23,23,0.56)', + '--inverse-text-tertiary': 'rgba(23,23,23,0.28)', + '--inverse-text-paragraph': 'rgba(23,23,23,0.8)', + '--inverse-text-accent': '#05996F', + '--inverse-text-accent-gradient': 'linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%)', + '--inverse-text-positive': '#1A9E32', + '--inverse-text-warning': '#FA5F05', + '--inverse-text-negative': '#FF293E', + '--surface-solid-primary-hover': '#1C1C1CFF', + '--surface-solid-primary-active': '#121212FF', + '--surface-solid-secondary-hover': '#303030FF', + '--surface-solid-secondary-active': '#212121FF', + '--surface-solid-tertiary-hover': '#404040FF', + '--surface-solid-tertiary-active': '#303030FF', + '--surface-solid-card-hover': '#303030FF', + '--surface-solid-card-active': '#212121FF', + '--surface-solid-default-hover': '#FFFFFFFF', + '--surface-solid-default-active': '#F5F5F5FF', + '--surface-transparent-primary-hover': '#FFFFFF1F', + '--surface-transparent-primary-active': '#FFFFFF0A', + '--surface-transparent-secondary-hover': '#FFFFFF3D', + '--surface-transparent-secondary-active': '#FFFFFF0F', + '--surface-transparent-tertiary-hover': '#FFFFFF52', + '--surface-transparent-tertiary-active': '#FFFFFF24', + '--surface-transparent-deep-hover': '#FFFFFFC2', + '--surface-transparent-deep-active': '#FFFFFF94', + '--surface-transparent-card-hover': '#FFFFFF3D', + '--surface-transparent-card-active': '#FFFFFF0F', + '--surface-clear-hover': '#FFFFFF00', + '--surface-clear-active': '#FFFFFF00', + '--surface-accent-hover': '#00C28BFF', + '--surface-accent-active': '#00A375FF', + '--surface-accent-gradient-hover': '#FFFFFFFF', + '--surface-accent-gradient-active': '#FFFFFFFF', + '--surface-accent-minor-hover': '#0A3D2FFF', + '--surface-accent-minor-active': '#06231BFF', + '--surface-transparent-accent-hover': '#14CC9866', + '--surface-transparent-accent-active': '#14CC9838', + '--surface-positive-hover': '#28C344FF', + '--surface-positive-active': '#23A93BFF', + '--surface-warning-hover': '#FF8442FF', + '--surface-warning-active': '#FF6A1AFF', + '--surface-negative-hover': '#FF5C6CFF', + '--surface-negative-active': '#FF3347FF', + '--surface-info-hover': '#1798EEFF', + '--surface-info-active': '#1086D5FF', + '--surface-positive-minor-hover': '#0E3A16FF', + '--surface-positive-minor-active': '#08210CFF', + '--surface-warning-minor-hover': '#4F250DFF', + '--surface-warning-minor-active': '#351909FF', + '--surface-negative-minor-hover': '#5B1018FF', + '--surface-negative-minor-active': '#410B11FF', + '--surface-info-minor-hover': '#10344CFF', + '--surface-info-minor-active': '#0A2333FF', + '--surface-transparent-positive-hover': '#1A9E3266', + '--surface-transparent-positive-active': '#1A9E3238', + '--surface-transparent-warning-hover': '#FA5F0566', + '--surface-transparent-warning-active': '#FA5F0538', + '--surface-transparent-negative-hover': '#FF293E66', + '--surface-transparent-negative-active': '#FF293E38', + '--surface-transparent-info-hover': '#118CDF66', + '--surface-transparent-info-active': '#118CDF38', + '--surface-clear': '#FFFFFF00', + '--surface-solid-card': '#262626', + '--surface-solid-primary': '#171717', + '--surface-solid-secondary': '#262626', + '--surface-solid-tertiary': '#363636', + '--surface-solid-default': '#F9F9F9', + '--surface-accent': '#00AC7B', + '--surface-accent-gradient': 'linear-gradient(45.00deg, rgb(0, 172, 123) 0.763%, rgb(39, 198, 229) 100%)', + '--surface-positive': '#24B23E', + '--surface-warning': '#FF7024', + '--surface-negative': '#FF3D51', + '--surface-transparent-card': 'rgba(255,255,255,0.12)', + '--surface-transparent-primary': 'rgba(255,255,255,0.06)', + '--surface-transparent-secondary': 'rgba(255,255,255,0.12)', + '--surface-transparent-tertiary': 'rgba(255,255,255,0.2)', + '--surface-transparent-deep': 'rgba(255,255,255,0.64)', + '--on-dark-surface-solid-primary-hover': '#1C1C1CFF', + '--on-dark-surface-solid-primary-active': '#121212FF', + '--on-dark-surface-solid-secondary-hover': '#303030FF', + '--on-dark-surface-solid-secondary-active': '#212121FF', + '--on-dark-surface-solid-tertiary-hover': '#404040FF', + '--on-dark-surface-solid-tertiary-active': '#303030FF', + '--on-dark-surface-solid-card-hover': '#303030FF', + '--on-dark-surface-solid-card-active': '#212121FF', + '--on-dark-surface-solid-default-hover': '#FFFFFFFF', + '--on-dark-surface-solid-default-active': '#F5F5F5FF', + '--on-dark-surface-transparent-primary-hover': '#FFFFFF1F', + '--on-dark-surface-transparent-primary-active': '#FFFFFF0A', + '--on-dark-surface-transparent-secondary-hover': '#FFFFFF3D', + '--on-dark-surface-transparent-secondary-active': '#FFFFFF0F', + '--on-dark-surface-transparent-tertiary-hover': '#FFFFFF52', + '--on-dark-surface-transparent-tertiary-active': '#FFFFFF24', + '--on-dark-surface-transparent-deep-hover': '#FFFFFFC2', + '--on-dark-surface-transparent-deep-active': '#FFFFFF94', + '--on-dark-surface-transparent-card-hover': '#FFFFFF3D', + '--on-dark-surface-transparent-card-active': '#FFFFFF0F', + '--on-dark-surface-clear-hover': '#FFFFFF00', + '--on-dark-surface-clear-active': '#FFFFFF00', + '--on-dark-surface-accent-hover': '#00C28BFF', + '--on-dark-surface-accent-active': '#00A375FF', + '--on-dark-surface-accent-gradient-hover': '#FFFFFFFF', + '--on-dark-surface-accent-gradient-active': '#FFFFFFFF', + '--on-dark-surface-accent-minor-hover': '#0A3D2FFF', + '--on-dark-surface-accent-minor-active': '#06231BFF', + '--on-dark-surface-transparent-accent-hover': '#14CC9866', + '--on-dark-surface-transparent-accent-active': '#14CC9838', + '--on-dark-surface-positive-hover': '#28C344FF', + '--on-dark-surface-positive-active': '#23A93BFF', + '--on-dark-surface-warning-hover': '#FF8442FF', + '--on-dark-surface-warning-active': '#FF6A1AFF', + '--on-dark-surface-negative-hover': '#FF5C6CFF', + '--on-dark-surface-negative-active': '#FF3347FF', + '--on-dark-surface-info-hover': '#1798EEFF', + '--on-dark-surface-info-active': '#1086D5FF', + '--on-dark-surface-positive-minor-hover': '#0E3A16FF', + '--on-dark-surface-positive-minor-active': '#08210CFF', + '--on-dark-surface-warning-minor-hover': '#4F250DFF', + '--on-dark-surface-warning-minor-active': '#351909FF', + '--on-dark-surface-negative-minor-hover': '#5B1018FF', + '--on-dark-surface-negative-minor-active': '#410B11FF', + '--on-dark-surface-info-minor-hover': '#10344CFF', + '--on-dark-surface-info-minor-active': '#0A2333FF', + '--on-dark-surface-transparent-positive-hover': '#1A9E3266', + '--on-dark-surface-transparent-positive-active': '#1A9E3238', + '--on-dark-surface-transparent-warning-hover': '#FA5F0566', + '--on-dark-surface-transparent-warning-active': '#FA5F0538', + '--on-dark-surface-transparent-negative-hover': '#FF293E66', + '--on-dark-surface-transparent-negative-active': '#FF293E38', + '--on-dark-surface-transparent-info-hover': '#118CDF66', + '--on-dark-surface-transparent-info-active': '#118CDF38', + '--on-dark-surface-clear': '#FFFFFF00', + '--on-dark-surface-solid-primary': '#171717', + '--on-dark-surface-solid-secondary': '#262626', + '--on-dark-surface-solid-tertiary': '#363636', + '--on-dark-surface-solid-card': '#262626', + '--on-dark-surface-solid-default': '#F9F9F9', + '--on-dark-surface-accent': '#00AC7B', + '--on-dark-surface-accent-gradient': + 'linear-gradient(45.00deg, rgb(0, 172, 123) 0.763%, rgb(39, 198, 229) 100%)', + '--on-dark-surface-positive': '#24B23E', + '--on-dark-surface-warning': '#FF7024', + '--on-dark-surface-negative': '#FF3D51', + '--on-dark-surface-transparent-card': 'rgba(255,255,255,0.12)', + '--on-dark-surface-transparent-primary': 'rgba(255,255,255,0.06)', + '--on-dark-surface-transparent-secondary': 'rgba(255,255,255,0.12)', + '--on-dark-surface-transparent-tertiary': 'rgba(255,255,255,0.2)', + '--on-dark-surface-transparent-deep': 'rgba(255,255,255,0.64)', + '--on-light-surface-solid-primary-hover': '#FAFAFAFF', + '--on-light-surface-solid-primary-active': '#F0F0F0FF', + '--on-light-surface-solid-secondary-hover': '#E8E8E8FF', + '--on-light-surface-solid-secondary-active': '#D9D9D9FF', + '--on-light-surface-solid-tertiary-hover': '#D1D1D1FF', + '--on-light-surface-solid-tertiary-active': '#C2C2C2FF', + '--on-light-surface-solid-card-hover': '#FFFFFFFF', + '--on-light-surface-solid-card-active': '#FFFFFFFF', + '--on-light-surface-solid-default-hover': '#0D0D0DFF', + '--on-light-surface-solid-default-active': '#030303FF', + '--on-light-surface-transparent-primary-hover': '#0808080F', + '--on-light-surface-transparent-primary-active': '#08080800', + '--on-light-surface-transparent-secondary-hover': '#0808081F', + '--on-light-surface-transparent-secondary-active': '#0808080A', + '--on-light-surface-transparent-tertiary-hover': '#0808083D', + '--on-light-surface-transparent-tertiary-active': '#0808080F', + '--on-light-surface-transparent-deep-hover': '#080808C2', + '--on-light-surface-transparent-deep-active': '#08080894', + '--on-light-surface-transparent-card-hover': '#FFFFFFFF', + '--on-light-surface-transparent-card-active': '#FFFFFFFF', + '--on-light-surface-clear-hover': '#FFFFFF00', + '--on-light-surface-clear-active': '#FFFFFF00', + '--on-light-surface-accent-hover': '#05AD7EFF', + '--on-light-surface-accent-active': '#048F68FF', + '--on-light-surface-accent-gradient-hover': '#FFFFFFFF', + '--on-light-surface-accent-gradient-active': '#FFFFFFFF', + '--on-light-surface-accent-minor-hover': '#7AF5D2FF', + '--on-light-surface-accent-minor-active': '#4BF1C2FF', + '--on-light-surface-transparent-accent-hover': '#05996F66', + '--on-light-surface-transparent-accent-active': '#05996F38', + '--on-light-surface-positive-hover': '#1DAF37FF', + '--on-light-surface-positive-active': '#18952FFF', + '--on-light-surface-warning-hover': '#FB7223FF', + '--on-light-surface-warning-active': '#F05B05FF', + '--on-light-surface-negative-hover': '#FF475AFF', + '--on-light-surface-negative-active': '#FF1F35FF', + '--on-light-surface-info-hover': '#1798EEFF', + '--on-light-surface-info-active': '#1086D5FF', + '--on-light-surface-positive-minor-hover': '#8AF59DFF', + '--on-light-surface-positive-minor-active': '#6EF286FF', + '--on-light-surface-warning-minor-hover': '#FFDECCFF', + '--on-light-surface-warning-minor-active': '#FFCAADFF', + '--on-light-surface-negative-minor-hover': '#FED7DBFF', + '--on-light-surface-negative-minor-active': '#FEC3C9FF', + '--on-light-surface-info-minor-hover': '#C7E9FFFF', + '--on-light-surface-info-minor-active': '#A8DCFFFF', + '--on-light-surface-transparent-positive-hover': '#1A9E3266', + '--on-light-surface-transparent-positive-active': '#1A9E3238', + '--on-light-surface-transparent-warning-hover': '#FA5F0566', + '--on-light-surface-transparent-warning-active': '#FA5F0538', + '--on-light-surface-transparent-negative-hover': '#FF293E66', + '--on-light-surface-transparent-negative-active': '#FF293E38', + '--on-light-surface-transparent-info-hover': '#118CDF66', + '--on-light-surface-transparent-info-active': '#118CDF38', + '--on-light-surface-solid-primary': '#F5F5F5', + '--on-light-surface-solid-secondary': '#DDDDDD', + '--on-light-surface-solid-tertiary': '#C7C7C7', + '--on-light-surface-solid-card': '#FFFFFF', + '--on-light-surface-solid-default': '#080808', + '--on-light-surface-clear': '#FFFFFF00', + '--on-light-surface-accent': '#05996F', + '--on-light-surface-accent-gradient': 'linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%)', + '--on-light-surface-positive': '#1A9E32', + '--on-light-surface-warning': '#FA5F05', + '--on-light-surface-negative': '#FF293E', + '--on-light-surface-transparent-card': 'rgb(255,255,255)', + '--on-light-surface-transparent-primary': 'rgba(8,8,8,0.02)', + '--on-light-surface-transparent-secondary': '#0808080F', + '--on-light-surface-transparent-tertiary': '#0808081F', + '--on-light-surface-transparent-deep': '#080808A3', + '--inverse-surface-solid-primary-hover': '#FAFAFAFF', + '--inverse-surface-solid-primary-active': '#F0F0F0FF', + '--inverse-surface-solid-secondary-hover': '#E8E8E8FF', + '--inverse-surface-solid-secondary-active': '#D9D9D9FF', + '--inverse-surface-solid-tertiary-hover': '#D1D1D1FF', + '--inverse-surface-solid-tertiary-active': '#C2C2C2FF', + '--inverse-surface-solid-card-hover': '#FFFFFFFF', + '--inverse-surface-solid-card-active': '#FFFFFFFF', + '--inverse-surface-solid-default-hover': '#0D0D0DFF', + '--inverse-surface-solid-default-active': '#030303FF', + '--inverse-surface-transparent-primary-hover': '#0808080F', + '--inverse-surface-transparent-primary-active': '#08080800', + '--inverse-surface-transparent-secondary-hover': '#0808081F', + '--inverse-surface-transparent-secondary-active': '#0808080A', + '--inverse-surface-transparent-tertiary-hover': '#0808083D', + '--inverse-surface-transparent-tertiary-active': '#0808080F', + '--inverse-surface-transparent-deep-hover': '#080808C2', + '--inverse-surface-transparent-deep-active': '#08080894', + '--inverse-surface-transparent-card-hover': '#FFFFFFFF', + '--inverse-surface-transparent-card-active': '#FFFFFFFF', + '--inverse-surface-clear-hover': '#FFFFFF00', + '--inverse-surface-clear-active': '#FFFFFF00', + '--inverse-surface-accent-hover': '#05AD7EFF', + '--inverse-surface-accent-active': '#048F68FF', + '--inverse-surface-accent-gradient-hover': '#FFFFFFFF', + '--inverse-surface-accent-gradient-active': '#FFFFFFFF', + '--inverse-surface-accent-minor-hover': '#7AF5D2FF', + '--inverse-surface-accent-minor-active': '#4BF1C2FF', + '--inverse-surface-transparent-accent-hover': '#05996F66', + '--inverse-surface-transparent-accent-active': '#05996F38', + '--inverse-surface-positive-hover': '#1DAF37FF', + '--inverse-surface-positive-active': '#18952FFF', + '--inverse-surface-warning-hover': '#FB7223FF', + '--inverse-surface-warning-active': '#F05B05FF', + '--inverse-surface-negative-hover': '#FF475AFF', + '--inverse-surface-negative-active': '#FF1F35FF', + '--inverse-surface-info-hover': '#1798EEFF', + '--inverse-surface-info-active': '#1086D5FF', + '--inverse-surface-positive-minor-hover': '#8AF59DFF', + '--inverse-surface-positive-minor-active': '#6EF286FF', + '--inverse-surface-warning-minor-hover': '#FFDECCFF', + '--inverse-surface-warning-minor-active': '#FFCAADFF', + '--inverse-surface-negative-minor-hover': '#FED7DBFF', + '--inverse-surface-negative-minor-active': '#FEC3C9FF', + '--inverse-surface-info-minor-hover': '#C7E9FFFF', + '--inverse-surface-info-minor-active': '#A8DCFFFF', + '--inverse-surface-transparent-positive-hover': '#1A9E3266', + '--inverse-surface-transparent-positive-active': '#1A9E3238', + '--inverse-surface-transparent-warning-hover': '#FA5F0566', + '--inverse-surface-transparent-warning-active': '#FA5F0538', + '--inverse-surface-transparent-negative-hover': '#FF293E66', + '--inverse-surface-transparent-negative-active': '#FF293E38', + '--inverse-surface-transparent-info-hover': '#118CDF66', + '--inverse-surface-transparent-info-active': '#118CDF38', + '--inverse-surface-solid-primary': '#F5F5F5', + '--inverse-surface-solid-secondary': '#DDDDDD', + '--inverse-surface-solid-tertiary': '#C7C7C7', + '--inverse-surface-solid-card': '#FFFFFF', + '--inverse-surface-solid-default': '#080808', + '--inverse-surface-clear': '#FFFFFF00', + '--inverse-surface-accent': '#05996F', + '--inverse-surface-accent-gradient': 'linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%)', + '--inverse-surface-positive': '#1A9E32', + '--inverse-surface-warning': '#FA5F05', + '--inverse-surface-negative': '#FF293E', + '--inverse-surface-transparent-card': 'rgb(255,255,255)', + '--inverse-surface-transparent-primary': 'rgba(8,8,8,0.02)', + '--inverse-surface-transparent-secondary': '#0808080F', + '--inverse-surface-transparent-tertiary': '#0808081F', + '--inverse-surface-transparent-deep': '#080808A3', + '--background-primary': '#171717', + '--dark-background-primary': '#171717', + '--light-background-primary': '#F5F5F5', + '--inverse-background-primary': '#F5F5F5', + '--overlay-soft': '#0808088F', + '--overlay-hard': '#080808F5', + '--overlay-blur': '#08080833', + '--on-dark-overlay-soft': '#0808088F', + '--on-dark-overlay-hard': '#080808F5', + '--on-dark-overlay-blur': '#08080833', + '--on-light-overlay-soft': '#F9F9F98F', + '--on-light-overlay-hard': '#F9F9F9F5', + '--on-light-overlay-blur': '#F9F9F933', + '--inverse-overlay-soft': '#F9F9F98F', + '--inverse-overlay-hard': '#F9F9F9F5', + '--inverse-overlay-blur': '#F9F9F933', + '--skeleton-gradient': + 'linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% )', + '--skeleton-gradient-lighter': + 'linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% )', + '--plasma-colors-white-primary': 'var(--on-dark-text-primary)', + '--plasma-colors-white-secondary': 'var(--on-dark-text-secondary)', + '--plasma-colors-white-tertiary': 'var(--on-dark-text-tertiary)', + '--plasma-colors-black-primary': 'var(--on-light-text-primary)', + '--plasma-colors-black-secondary': 'var(--on-light-text-secondary)', + '--plasma-colors-black-tertiary': 'var(--on-light-text-tertiary)', + '--plasma-colors-button-black': 'var(--on-light-surface-solid-default)', + '--plasma-colors-button-black-secondary': 'var(--on-light-surface-transparent-secondary)', + '--plasma-colors-button-white': 'var(--on-dark-surface-solid-default)', + '--plasma-colors-button-white-secondary': 'var(--on-dark-surface-transparent-secondary)', + '--plasma-colors-text': 'var(--text-primary)', + '--plasma-colors-primary': 'var(--text-primary)', + '--plasma-colors-secondary': 'var(--text-secondary)', + '--plasma-colors-tertiary': 'var(--text-tertiary)', + '--plasma-colors-paragraph': 'var(--text-paragraph)', + '--plasma-colors-background': 'var(--background-primary)', + '--plasma-colors-accent': 'var(--text-accent)', + '--plasma-colors-success': 'var(--text-positive)', + '--plasma-colors-warning': 'var(--text-warning)', + '--plasma-colors-critical': 'var(--text-negative)', + '--plasma-colors-overlay': 'var(--overlay-soft)', + '--plasma-colors-surface-liquid01': 'var(--surface-transparent-primary)', + '--plasma-colors-surface-liquid02': 'var(--surface-transparent-secondary)', + '--plasma-colors-surface-liquid03': 'var(--surface-transparent-tertiary)', + '--plasma-colors-surface-solid01': 'var(--surface-solid-primary)', + '--plasma-colors-surface-solid02': 'var(--surface-solid-secondary)', + '--plasma-colors-surface-solid03': 'var(--surface-solid-tertiary)', + '--plasma-colors-surface-card': 'var(--surface-transparent-card)', + '--plasma-colors-button-secondary': 'var(--surface-transparent-secondary)', + '--plasma-colors-button-accent': 'var(--text-accent)', + '--plasma-colors-button-success': 'var(--surface-positive)', + '--plasma-colors-button-warning': 'var(--surface-warning)', + '--plasma-colors-button-critical': 'var(--surface-negative)', + color: 'var(--text-primary)', + 'background-color': 'var(--background-primary)', + }, +}; +/** @deprecated использовать вместо этого sdds_dfa__dark */ +export const darkSdds_dfa = sdds_dfa__dark; diff --git a/packages/plasma-tokens/src/themes/sdds_dfa__light.ts b/packages/plasma-tokens/src/themes/sdds_dfa__light.ts new file mode 100644 index 0000000000..89314126ce --- /dev/null +++ b/packages/plasma-tokens/src/themes/sdds_dfa__light.ts @@ -0,0 +1,502 @@ +// Generated by robots, do not change this manually! + +export const sdds_dfa__light = { + ':root': { + '--text-primary-hover': '#17171793', + '--text-primary-active': '#171717C4', + '--text-secondary-hover': '#171717FF', + '--text-secondary-active': '#171717AB', + '--text-tertiary-hover': '#171717FF', + '--text-tertiary-active': '#17171756', + '--text-paragraph-hover': '#1717177A', + '--text-paragraph-active': '#171717A3', + '--text-accent-hover': '#06C18CFF', + '--text-accent-active': '#047253FF', + '--text-accent-gradient-hover': '#000000FF', + '--text-accent-gradient-active': '#CCCCCCFF', + '--text-accent-minor-hover': '#137257FF', + '--text-accent-minor-active': '#0D4F3CFF', + '--text-positive-hover': '#1FC13DFF', + '--text-positive-active': '#147B27FF', + '--text-warning-hover': '#FB782DFF', + '--text-warning-active': '#D25004FF', + '--text-negative-hover': '#FF5263FF', + '--text-negative-active': '#FF001AFF', + '--text-info-hover': '#0D96F2FF', + '--text-info-active': '#0966A5FF', + '--text-positive-minor-hover': '#196B28FF', + '--text-positive-minor-active': '#114A1CFF', + '--text-warning-minor-hover': '#843E15FF', + '--text-warning-minor-active': '#602D10FF', + '--text-negative-minor-hover': '#8F1925FF', + '--text-negative-minor-active': '#6C131CFF', + '--text-info-minor-hover': '#1A577FFF', + '--text-info-minor-active': '#13405DFF', + '--text-primary': 'rgba(23,23,23,0.96)', + '--text-secondary': 'rgba(23,23,23,0.56)', + '--text-tertiary': 'rgba(23,23,23,0.28)', + '--text-paragraph': 'rgba(23,23,23,0.8)', + '--text-accent': '#05996F', + '--text-accent-gradient': 'linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%)', + '--text-positive': '#1A9E32', + '--text-warning': '#FA5F05', + '--text-negative': '#FF293E', + '--on-dark-text-primary-hover': '#F5F5F593', + '--on-dark-text-primary-active': '#F5F5F5C4', + '--on-dark-text-secondary-hover': '#F5F5F5FF', + '--on-dark-text-secondary-active': '#F5F5F5AB', + '--on-dark-text-tertiary-hover': '#F5F5F5FF', + '--on-dark-text-tertiary-active': '#F5F5F556', + '--on-dark-text-paragraph-hover': '#F5F5F57A', + '--on-dark-text-paragraph-active': '#F5F5F5A3', + '--on-dark-text-accent-hover': '#20E9B0FF', + '--on-dark-text-accent-active': '#11A77CFF', + '--on-dark-text-accent-gradient-hover': '#000000FF', + '--on-dark-text-accent-gradient-active': '#CCCCCCFF', + '--on-dark-text-accent-minor-hover': '#B5FCE8FF', + '--on-dark-text-accent-minor-active': '#66F9D0FF', + '--on-dark-text-positive-hover': '#2BD44AFF', + '--on-dark-text-positive-active': '#1D9032FF', + '--on-dark-text-warning-hover': '#FF8B4DFF', + '--on-dark-text-warning-active': '#FA5700FF', + '--on-dark-text-negative-hover': '#FF6675FF', + '--on-dark-text-negative-active': '#FF142CFF', + '--on-dark-text-info-hover': '#2AA0EFFF', + '--on-dark-text-info-active': '#0E75B9FF', + '--on-dark-text-positive-minor-hover': '#C5FCCFFF', + '--on-dark-text-positive-minor-active': '#77F88FFF', + '--on-dark-text-warning-minor-hover': '#FFFCFAFF', + '--on-dark-text-warning-minor-active': '#FDC9AAFF', + '--on-dark-text-negative-minor-hover': '#FFFFFFFF', + '--on-dark-text-negative-minor-active': '#FFB8BFFF', + '--on-dark-text-info-minor-hover': '#FAFDFFFF', + '--on-dark-text-info-minor-active': '#A8DCFFFF', + '--on-dark-text-primary': 'rgba(245,245,245,0.96)', + '--on-dark-text-secondary': 'rgba(245,245,245,0.56)', + '--on-dark-text-tertiary': 'rgba(245,245,245,0.28)', + '--on-dark-text-paragraph': 'rgba(245,245,245,0.8)', + '--on-dark-text-accent': '#14CC98', + '--on-dark-text-accent-gradient': 'linear-gradient(45.00deg, rgb(33, 202, 154) 0%, rgb(74, 214, 252) 100%)', + '--on-dark-text-positive': '#24B23E', + '--on-dark-text-warning': '#FF7024', + '--on-dark-text-negative': '#FF3D51', + '--on-light-text-primary-hover': '#17171793', + '--on-light-text-primary-active': '#171717C4', + '--on-light-text-secondary-hover': '#171717FF', + '--on-light-text-secondary-active': '#171717AB', + '--on-light-text-tertiary-hover': '#171717FF', + '--on-light-text-tertiary-active': '#17171756', + '--on-light-text-paragraph-hover': '#1717177A', + '--on-light-text-paragraph-active': '#171717A3', + '--on-light-text-accent-hover': '#06C18CFF', + '--on-light-text-accent-active': '#047253FF', + '--on-light-text-accent-gradient-hover': '#000000FF', + '--on-light-text-accent-gradient-active': '#CCCCCCFF', + '--on-light-text-accent-minor-hover': '#137257FF', + '--on-light-text-accent-minor-active': '#0D4F3CFF', + '--on-light-text-positive-hover': '#1FC13DFF', + '--on-light-text-positive-active': '#147B27FF', + '--on-light-text-warning-hover': '#FB782DFF', + '--on-light-text-warning-active': '#D25004FF', + '--on-light-text-negative-hover': '#FF5263FF', + '--on-light-text-negative-active': '#FF001AFF', + '--on-light-text-info-hover': '#0D96F2FF', + '--on-light-text-info-active': '#0966A5FF', + '--on-light-text-positive-minor-hover': '#196B28FF', + '--on-light-text-positive-minor-active': '#114A1CFF', + '--on-light-text-warning-minor-hover': '#843E15FF', + '--on-light-text-warning-minor-active': '#602D10FF', + '--on-light-text-negative-minor-hover': '#8F1925FF', + '--on-light-text-negative-minor-active': '#6C131CFF', + '--on-light-text-info-minor-hover': '#1A577FFF', + '--on-light-text-info-minor-active': '#13405DFF', + '--on-light-text-primary': 'rgba(23,23,23,0.96)', + '--on-light-text-secondary': 'rgba(23,23,23,0.56)', + '--on-light-text-tertiary': 'rgba(23,23,23,0.28)', + '--on-light-text-paragraph': 'rgba(23,23,23,0.8)', + '--on-light-text-accent': '#05996F', + '--on-light-text-accent-gradient': 'linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%)', + '--on-light-text-positive': '#1A9E32', + '--on-light-text-warning': '#FA5F05', + '--on-light-text-negative': '#FF293E', + '--inverse-text-primary-hover': '#F5F5F593', + '--inverse-text-primary-active': '#F5F5F5C4', + '--inverse-text-secondary-hover': '#F5F5F5FF', + '--inverse-text-secondary-active': '#F5F5F5AB', + '--inverse-text-tertiary-hover': '#F5F5F5FF', + '--inverse-text-tertiary-active': '#F5F5F556', + '--inverse-text-paragraph-hover': '#F5F5F57A', + '--inverse-text-paragraph-active': '#F5F5F5A3', + '--inverse-text-accent-hover': '#20E9B0FF', + '--inverse-text-accent-active': '#11A77CFF', + '--inverse-text-accent-gradient-hover': '#000000FF', + '--inverse-text-accent-gradient-active': '#CCCCCCFF', + '--inverse-text-accent-minor-hover': '#B5FCE8FF', + '--inverse-text-accent-minor-active': '#66F9D0FF', + '--inverse-text-positive-hover': '#2BD44AFF', + '--inverse-text-positive-active': '#1D9032FF', + '--inverse-text-warning-hover': '#FF8B4DFF', + '--inverse-text-warning-active': '#FA5700FF', + '--inverse-text-negative-hover': '#FF6675FF', + '--inverse-text-negative-active': '#FF142CFF', + '--inverse-text-info-hover': '#2AA0EFFF', + '--inverse-text-info-active': '#0E75B9FF', + '--inverse-text-positive-minor-hover': '#C5FCCFFF', + '--inverse-text-positive-minor-active': '#77F88FFF', + '--inverse-text-warning-minor-hover': '#FFFCFAFF', + '--inverse-text-warning-minor-active': '#FDC9AAFF', + '--inverse-text-negative-minor-hover': '#FFFFFFFF', + '--inverse-text-negative-minor-active': '#FFB8BFFF', + '--inverse-text-info-minor-hover': '#FAFDFFFF', + '--inverse-text-info-minor-active': '#A8DCFFFF', + '--inverse-text-primary': 'rgba(245,245,245,0.96)', + '--inverse-text-secondary': 'rgba(245,245,245,0.56)', + '--inverse-text-tertiary': 'rgba(245,245,245,0.28)', + '--inverse-text-paragraph': 'rgba(245,245,245,0.8)', + '--inverse-text-accent': '#14CC98', + '--inverse-text-accent-gradient': 'linear-gradient(45.00deg, rgb(33, 202, 154) 0%, rgb(74, 214, 252) 100%)', + '--inverse-text-positive': '#24B23E', + '--inverse-text-warning': '#FF7024', + '--inverse-text-negative': '#FF3D51', + '--surface-solid-primary-hover': '#FAFAFAFF', + '--surface-solid-primary-active': '#F0F0F0FF', + '--surface-solid-secondary-hover': '#EDEDEDFF', + '--surface-solid-secondary-active': '#D4D4D4FF', + '--surface-solid-tertiary-hover': '#D6D6D6FF', + '--surface-solid-tertiary-active': '#BDBDBDFF', + '--surface-solid-card-hover': '#FFFFFFFF', + '--surface-solid-card-active': '#FFFFFFFF', + '--surface-solid-default-hover': '#262626FF', + '--surface-solid-default-active': '#030303FF', + '--surface-transparent-primary-hover': '#08080800', + '--surface-transparent-primary-active': '#0808080A', + '--surface-transparent-secondary-hover': '#08080805', + '--surface-transparent-secondary-active': '#0808081A', + '--surface-transparent-tertiary-hover': '#0808080A', + '--surface-transparent-tertiary-active': '#08080829', + '--surface-transparent-deep-hover': '#0808088F', + '--surface-transparent-deep-active': '#080808AD', + '--surface-transparent-card-hover': '#FFFFFFFF', + '--surface-transparent-card-active': '#FFFFFFFF', + '--surface-clear-hover': '#FFFFFF00', + '--surface-clear-active': '#FFFFFF00', + '--surface-accent-hover': '#00C28BFF', + '--surface-accent-active': '#00996EFF', + '--surface-accent-gradient-hover': '#FFFFFFFF', + '--surface-accent-gradient-active': '#FFFFFFFF', + '--surface-accent-minor-hover': '#71F4CFFF', + '--surface-accent-minor-active': '#41F1BFFF', + '--surface-transparent-accent-hover': '#05996F33', + '--surface-transparent-accent-active': '#05996F52', + '--surface-positive-hover': '#1EB83AFF', + '--surface-positive-active': '#178C2CFF', + '--surface-warning-hover': '#FB782DFF', + '--surface-warning-active': '#E65705FF', + '--surface-negative-hover': '#FF5263FF', + '--surface-negative-active': '#FF142CFF', + '--surface-info-hover': '#1798EEFF', + '--surface-info-active': '#0F81CCFF', + '--surface-positive-minor-hover': '#93F6A5FF', + '--surface-positive-minor-active': '#64F27EFF', + '--surface-warning-minor-hover': '#FFDECCFF', + '--surface-warning-minor-active': '#FFC3A3FF', + '--surface-negative-minor-hover': '#FEE1E4FF', + '--surface-negative-minor-active': '#FEC3C9FF', + '--surface-info-minor-hover': '#C7E9FFFF', + '--surface-info-minor-active': '#9ED8FFFF', + '--surface-transparent-positive-hover': '#1A9E3233', + '--surface-transparent-positive-active': '#1A9E3252', + '--surface-transparent-warning-hover': '#FA5F0533', + '--surface-transparent-warning-active': '#FA5F0552', + '--surface-transparent-negative-hover': '#FF293E33', + '--surface-transparent-negative-active': '#FF293E52', + '--surface-transparent-info-hover': '#118CDF33', + '--surface-transparent-info-active': '#118CDF52', + '--surface-solid-primary': '#F5F5F5', + '--surface-solid-secondary': '#DDDDDD', + '--surface-solid-tertiary': '#C7C7C7', + '--surface-solid-card': '#FFFFFF', + '--surface-solid-default': '#080808', + '--surface-transparent-primary': 'rgba(8,8,8,0.02)', + '--surface-transparent-secondary': 'rgba(8,8,8,0.06)', + '--surface-transparent-tertiary': 'rgba(8,8,8,0.12)', + '--surface-transparent-deep': 'rgba(8,8,8,0.64)', + '--surface-transparent-card': 'rgb(255,255,255)', + '--surface-clear': '#FFFFFF00', + '--surface-accent': '#00AC7B', + '--surface-accent-gradient': 'linear-gradient(45.00deg, rgb(0, 172, 123) 0.763%, rgb(39, 198, 229) 100%)', + '--surface-negative': '#FF293E', + '--surface-warning': '#FA5F05', + '--surface-positive': '#1A9E32', + '--on-dark-surface-solid-primary-hover': '#363636FF', + '--on-dark-surface-solid-primary-active': '#0D0D0DFF', + '--on-dark-surface-solid-secondary-hover': '#3B3B3BFF', + '--on-dark-surface-solid-secondary-active': '#1C1C1CFF', + '--on-dark-surface-solid-tertiary-hover': '#4A4A4AFF', + '--on-dark-surface-solid-tertiary-active': '#2B2B2BFF', + '--on-dark-surface-solid-card-hover': '#3B3B3BFF', + '--on-dark-surface-solid-card-active': '#1C1C1CFF', + '--on-dark-surface-solid-default-hover': '#FFFFFFFF', + '--on-dark-surface-solid-default-active': '#F5F5F5FF', + '--on-dark-surface-transparent-primary-hover': '#FFFFFF05', + '--on-dark-surface-transparent-primary-active': '#FFFFFF1A', + '--on-dark-surface-transparent-secondary-hover': '#FFFFFF0A', + '--on-dark-surface-transparent-secondary-active': '#FFFFFF29', + '--on-dark-surface-transparent-tertiary-hover': '#FFFFFF1F', + '--on-dark-surface-transparent-tertiary-active': '#FFFFFF3D', + '--on-dark-surface-transparent-deep-hover': '#FFFFFF8F', + '--on-dark-surface-transparent-deep-active': '#FFFFFFAD', + '--on-dark-surface-transparent-card-hover': '#FFFFFF0A', + '--on-dark-surface-transparent-card-active': '#FFFFFF29', + '--on-dark-surface-clear-hover': '#FFFFFF00', + '--on-dark-surface-clear-active': '#FFFFFF00', + '--on-dark-surface-accent-hover': '#00C28BFF', + '--on-dark-surface-accent-active': '#00996EFF', + '--on-dark-surface-accent-gradient-hover': '#FFFFFFFF', + '--on-dark-surface-accent-gradient-active': '#FFFFFFFF', + '--on-dark-surface-accent-minor-hover': '#0B4636FF', + '--on-dark-surface-accent-minor-active': '#041A14FF', + '--on-dark-surface-transparent-accent-hover': '#14CC9833', + '--on-dark-surface-transparent-accent-active': '#14CC9852', + '--on-dark-surface-positive-hover': '#28C344FF', + '--on-dark-surface-positive-active': '#21A138FF', + '--on-dark-surface-warning-hover': '#FF8B4DFF', + '--on-dark-surface-warning-active': '#FF630FFF', + '--on-dark-surface-negative-hover': '#FF6675FF', + '--on-dark-surface-negative-active': '#FF293EFF', + '--on-dark-surface-info-hover': '#1798EEFF', + '--on-dark-surface-info-active': '#0F81CCFF', + '--on-dark-surface-positive-minor-hover': '#0E3A16FF', + '--on-dark-surface-positive-minor-active': '#061909FF', + '--on-dark-surface-warning-minor-hover': '#58290EFF', + '--on-dark-surface-warning-minor-active': '#2C1507FF', + '--on-dark-surface-negative-minor-hover': '#64121AFF', + '--on-dark-surface-negative-minor-active': '#380A0FFF', + '--on-dark-surface-info-minor-hover': '#10344CFF', + '--on-dark-surface-info-minor-active': '#091D2AFF', + '--on-dark-surface-transparent-positive-hover': '#1A9E3233', + '--on-dark-surface-transparent-positive-active': '#1A9E3252', + '--on-dark-surface-transparent-warning-hover': '#FA5F0533', + '--on-dark-surface-transparent-warning-active': '#FA5F0552', + '--on-dark-surface-transparent-negative-hover': '#FF293E33', + '--on-dark-surface-transparent-negative-active': '#FF293E52', + '--on-dark-surface-transparent-info-hover': '#118CDF33', + '--on-dark-surface-transparent-info-active': '#118CDF52', + '--on-dark-surface-solid-card': '#262626', + '--on-dark-surface-solid-primary': '#171717', + '--on-dark-surface-solid-secondary': '#262626', + '--on-dark-surface-solid-tertiary': '#363636', + '--on-dark-surface-solid-default': '#F9F9F9', + '--on-dark-surface-transparent-primary': 'rgba(255,255,255,0.06)', + '--on-dark-surface-transparent-secondary': 'rgba(255,255,255,0.12)', + '--on-dark-surface-transparent-tertiary': 'rgba(255,255,255,0.2)', + '--on-dark-surface-transparent-deep': 'rgba(255,255,255,0.64)', + '--on-dark-surface-transparent-card': 'rgba(255,255,255,0.12)', + '--on-dark-surface-clear': '#FFFFFF00', + '--on-dark-surface-accent': '#00AC7B', + '--on-dark-surface-accent-gradient': + 'linear-gradient(45.00deg, rgb(0, 172, 123) 0.763%, rgb(39, 198, 229) 100%)', + '--on-dark-surface-positive': '#24B23E', + '--on-dark-surface-warning': '#FF7024', + '--on-dark-surface-negative': '#FF3D51', + '--on-light-surface-solid-primary-hover': '#FAFAFAFF', + '--on-light-surface-solid-primary-active': '#F0F0F0FF', + '--on-light-surface-solid-secondary-hover': '#EDEDEDFF', + '--on-light-surface-solid-secondary-active': '#D4D4D4FF', + '--on-light-surface-solid-tertiary-hover': '#D6D6D6FF', + '--on-light-surface-solid-tertiary-active': '#BDBDBDFF', + '--on-light-surface-solid-card-hover': '#FFFFFFFF', + '--on-light-surface-solid-card-active': '#FFFFFFFF', + '--on-light-surface-solid-default-hover': '#262626FF', + '--on-light-surface-solid-default-active': '#030303FF', + '--on-light-surface-transparent-primary-hover': '#08080800', + '--on-light-surface-transparent-primary-active': '#0808080A', + '--on-light-surface-transparent-secondary-hover': '#08080805', + '--on-light-surface-transparent-secondary-active': '#0808081A', + '--on-light-surface-transparent-tertiary-hover': '#0808080A', + '--on-light-surface-transparent-tertiary-active': '#08080829', + '--on-light-surface-transparent-deep-hover': '#0808088F', + '--on-light-surface-transparent-deep-active': '#080808AD', + '--on-light-surface-transparent-card-hover': '#FFFFFFFF', + '--on-light-surface-transparent-card-active': '#FFFFFFFF', + '--on-light-surface-clear-hover': '#FFFFFF00', + '--on-light-surface-clear-active': '#FFFFFF00', + '--on-light-surface-accent-hover': '#00C28BFF', + '--on-light-surface-accent-active': '#00996EFF', + '--on-light-surface-accent-gradient-hover': '#FFFFFFFF', + '--on-light-surface-accent-gradient-active': '#FFFFFFFF', + '--on-light-surface-accent-minor-hover': '#71F4CFFF', + '--on-light-surface-accent-minor-active': '#41F1BFFF', + '--on-light-surface-transparent-accent-hover': '#05996F33', + '--on-light-surface-transparent-accent-active': '#05996F52', + '--on-light-surface-positive-hover': '#1EB83AFF', + '--on-light-surface-positive-active': '#178C2CFF', + '--on-light-surface-warning-hover': '#FB782DFF', + '--on-light-surface-warning-active': '#E65705FF', + '--on-light-surface-negative-hover': '#FF5263FF', + '--on-light-surface-negative-active': '#FF142CFF', + '--on-light-surface-info-hover': '#1798EEFF', + '--on-light-surface-info-active': '#0F81CCFF', + '--on-light-surface-positive-minor-hover': '#93F6A5FF', + '--on-light-surface-positive-minor-active': '#64F27EFF', + '--on-light-surface-warning-minor-hover': '#FFDECCFF', + '--on-light-surface-warning-minor-active': '#FFC3A3FF', + '--on-light-surface-negative-minor-hover': '#FEE1E4FF', + '--on-light-surface-negative-minor-active': '#FEC3C9FF', + '--on-light-surface-info-minor-hover': '#C7E9FFFF', + '--on-light-surface-info-minor-active': '#9ED8FFFF', + '--on-light-surface-transparent-positive-hover': '#1A9E3233', + '--on-light-surface-transparent-positive-active': '#1A9E3252', + '--on-light-surface-transparent-warning-hover': '#FA5F0533', + '--on-light-surface-transparent-warning-active': '#FA5F0552', + '--on-light-surface-transparent-negative-hover': '#FF293E33', + '--on-light-surface-transparent-negative-active': '#FF293E52', + '--on-light-surface-transparent-info-hover': '#118CDF33', + '--on-light-surface-transparent-info-active': '#118CDF52', + '--on-light-surface-solid-primary': '#F5F5F5', + '--on-light-surface-solid-secondary': '#DDDDDD', + '--on-light-surface-solid-tertiary': '#C7C7C7', + '--on-light-surface-solid-card': '#FFFFFF', + '--on-light-surface-solid-default': '#080808', + '--on-light-surface-clear': '#FFFFFF00', + '--on-light-surface-transparent-card': 'rgb(255,255,255)', + '--on-light-surface-transparent-primary': 'rgba(8,8,8,0.02)', + '--on-light-surface-transparent-secondary': 'rgba(8,8,8,0.06)', + '--on-light-surface-transparent-tertiary': 'rgba(8,8,8,0.12)', + '--on-light-surface-transparent-deep': 'rgba(8,8,8,0.64)', + '--on-light-surface-accent': '#00AC7B', + '--on-light-surface-accent-gradient': + 'linear-gradient(45.00deg, rgb(0, 172, 123) 0.763%, rgb(39, 198, 229) 100%)', + '--on-light-surface-positive': '#1A9E32', + '--on-light-surface-warning': '#FA5F05', + '--on-light-surface-negative': '#FF293E', + '--inverse-surface-solid-primary-hover': '#363636FF', + '--inverse-surface-solid-primary-active': '#0D0D0DFF', + '--inverse-surface-solid-secondary-hover': '#3B3B3BFF', + '--inverse-surface-solid-secondary-active': '#1C1C1CFF', + '--inverse-surface-solid-tertiary-hover': '#4A4A4AFF', + '--inverse-surface-solid-tertiary-active': '#2B2B2BFF', + '--inverse-surface-solid-card-hover': '#3B3B3BFF', + '--inverse-surface-solid-card-active': '#1C1C1CFF', + '--inverse-surface-solid-default-hover': '#FFFFFFFF', + '--inverse-surface-solid-default-active': '#F5F5F5FF', + '--inverse-surface-transparent-primary-hover': '#FFFFFF05', + '--inverse-surface-transparent-primary-active': '#FFFFFF1A', + '--inverse-surface-transparent-secondary-hover': '#FFFFFF0A', + '--inverse-surface-transparent-secondary-active': '#FFFFFF29', + '--inverse-surface-transparent-tertiary-hover': '#FFFFFF1F', + '--inverse-surface-transparent-tertiary-active': '#FFFFFF3D', + '--inverse-surface-transparent-deep-hover': '#FFFFFF8F', + '--inverse-surface-transparent-deep-active': '#FFFFFFAD', + '--inverse-surface-transparent-card-hover': '#FFFFFF0A', + '--inverse-surface-transparent-card-active': '#FFFFFF29', + '--inverse-surface-clear-hover': '#FFFFFF00', + '--inverse-surface-clear-active': '#FFFFFF00', + '--inverse-surface-accent-hover': '#00C28BFF', + '--inverse-surface-accent-active': '#00996EFF', + '--inverse-surface-accent-gradient-hover': '#FFFFFFFF', + '--inverse-surface-accent-gradient-active': '#FFFFFFFF', + '--inverse-surface-accent-minor-hover': '#0B4636FF', + '--inverse-surface-accent-minor-active': '#041A14FF', + '--inverse-surface-transparent-accent-hover': '#14CC9833', + '--inverse-surface-transparent-accent-active': '#14CC9852', + '--inverse-surface-positive-hover': '#28C344FF', + '--inverse-surface-positive-active': '#21A138FF', + '--inverse-surface-warning-hover': '#FF8B4DFF', + '--inverse-surface-warning-active': '#FF630FFF', + '--inverse-surface-negative-hover': '#FF6675FF', + '--inverse-surface-negative-active': '#FF293EFF', + '--inverse-surface-info-hover': '#1798EEFF', + '--inverse-surface-info-active': '#0F81CCFF', + '--inverse-surface-positive-minor-hover': '#0E3A16FF', + '--inverse-surface-positive-minor-active': '#061909FF', + '--inverse-surface-warning-minor-hover': '#58290EFF', + '--inverse-surface-warning-minor-active': '#2C1507FF', + '--inverse-surface-negative-minor-hover': '#64121AFF', + '--inverse-surface-negative-minor-active': '#380A0FFF', + '--inverse-surface-info-minor-hover': '#10344CFF', + '--inverse-surface-info-minor-active': '#091D2AFF', + '--inverse-surface-transparent-positive-hover': '#1A9E3233', + '--inverse-surface-transparent-positive-active': '#1A9E3252', + '--inverse-surface-transparent-warning-hover': '#FA5F0533', + '--inverse-surface-transparent-warning-active': '#FA5F0552', + '--inverse-surface-transparent-negative-hover': '#FF293E33', + '--inverse-surface-transparent-negative-active': '#FF293E52', + '--inverse-surface-transparent-info-hover': '#118CDF33', + '--inverse-surface-transparent-info-active': '#118CDF52', + '--inverse-surface-clear': '#FFFFFF00', + '--inverse-surface-solid-card': '#262626', + '--inverse-surface-solid-primary': '#171717', + '--inverse-surface-solid-secondary': '#262626', + '--inverse-surface-solid-tertiary': '#363636', + '--inverse-surface-solid-default': '#F9F9F9', + '--inverse-surface-transparent-card': 'rgba(255,255,255,0.12)', + '--inverse-surface-transparent-primary': 'rgba(255,255,255,0.06)', + '--inverse-surface-transparent-secondary': 'rgba(255,255,255,0.12)', + '--inverse-surface-transparent-tertiary': 'rgba(255,255,255,0.2)', + '--inverse-surface-transparent-deep': 'rgba(255,255,255,0.64)', + '--inverse-surface-accent': '#00AC7B', + '--inverse-surface-accent-gradient': + 'linear-gradient(45.00deg, rgb(0, 172, 123) 0.763%, rgb(39, 198, 229) 100%)', + '--inverse-surface-positive': '#24B23E', + '--inverse-surface-warning': '#FF7024', + '--inverse-surface-negative': '#FF3D51', + '--background-primary': '#F5F5F5', + '--dark-background-primary': '#171717', + '--light-background-primary': '#F5F5F5', + '--inverse-background-primary': '#171717', + '--overlay-soft': '#F9F9F98F', + '--overlay-hard': '#F9F9F9F5', + '--overlay-blur': '#F9F9F933', + '--on-dark-overlay-soft': '#0808088F', + '--on-dark-overlay-hard': '#080808F5', + '--on-dark-overlay-blur': '#08080833', + '--on-light-overlay-soft': '#F9F9F98F', + '--on-light-overlay-hard': '#F9F9F9F5', + '--on-light-overlay-blur': '#F9F9F933', + '--inverse-overlay-soft': '#0808088F', + '--inverse-overlay-hard': '#080808F5', + '--inverse-overlay-blur': '#08080833', + '--skeleton-gradient': + 'linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% )', + '--skeleton-gradient-lighter': + 'linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% )', + '--plasma-colors-white-primary': 'var(--on-dark-text-primary)', + '--plasma-colors-white-secondary': 'var(--on-dark-text-secondary)', + '--plasma-colors-white-tertiary': 'var(--on-dark-text-tertiary)', + '--plasma-colors-black-primary': 'var(--on-light-text-primary)', + '--plasma-colors-black-secondary': 'var(--on-light-text-secondary)', + '--plasma-colors-black-tertiary': 'var(--on-light-text-tertiary)', + '--plasma-colors-button-black': 'var(--on-light-surface-solid-default)', + '--plasma-colors-button-black-secondary': 'var(--on-light-surface-transparent-secondary)', + '--plasma-colors-button-white': 'var(--on-dark-surface-solid-default)', + '--plasma-colors-button-white-secondary': 'var(--on-dark-surface-transparent-secondary)', + '--plasma-colors-text': 'var(--text-primary)', + '--plasma-colors-primary': 'var(--text-primary)', + '--plasma-colors-secondary': 'var(--text-secondary)', + '--plasma-colors-tertiary': 'var(--text-tertiary)', + '--plasma-colors-paragraph': 'var(--text-paragraph)', + '--plasma-colors-background': 'var(--background-primary)', + '--plasma-colors-accent': 'var(--text-accent)', + '--plasma-colors-success': 'var(--text-positive)', + '--plasma-colors-warning': 'var(--text-warning)', + '--plasma-colors-critical': 'var(--text-negative)', + '--plasma-colors-overlay': 'var(--overlay-soft)', + '--plasma-colors-surface-liquid01': 'var(--surface-transparent-primary)', + '--plasma-colors-surface-liquid02': 'var(--surface-transparent-secondary)', + '--plasma-colors-surface-liquid03': 'var(--surface-transparent-tertiary)', + '--plasma-colors-surface-solid01': 'var(--surface-solid-primary)', + '--plasma-colors-surface-solid02': 'var(--surface-solid-secondary)', + '--plasma-colors-surface-solid03': 'var(--surface-solid-tertiary)', + '--plasma-colors-surface-card': 'var(--surface-transparent-card)', + '--plasma-colors-button-secondary': 'var(--surface-transparent-secondary)', + '--plasma-colors-button-accent': 'var(--text-accent)', + '--plasma-colors-button-success': 'var(--surface-positive)', + '--plasma-colors-button-warning': 'var(--surface-warning)', + '--plasma-colors-button-critical': 'var(--surface-negative)', + color: 'var(--text-primary)', + 'background-color': 'var(--background-primary)', + }, +}; +/** @deprecated использовать вместо этого sdds_dfa__light */ +export const lightSdds_dfa = sdds_dfa__light; diff --git a/packages/plasma-ui/package-lock.json b/packages/plasma-ui/package-lock.json index 2e8085a566..eaf65a98ab 100644 --- a/packages/plasma-ui/package-lock.json +++ b/packages/plasma-ui/package-lock.json @@ -1,15 +1,15 @@ { "name": "@salutejs/plasma-ui", - "version": "1.255.0", + "version": "1.257.1-dev.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@salutejs/plasma-ui", - "version": "1.255.0", + "version": "1.257.1-dev.0", "license": "MIT", "dependencies": { - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "@salutejs/plasma-typo": "0.40.0", "color": "3.1.2", "lodash.throttle": "4.1.1", @@ -23,10 +23,10 @@ "@babel/preset-env": "7.24.4", "@babel/preset-react": "7.24.1", "@babel/preset-typescript": "7.24.1", - "@salutejs/plasma-cy-utils": "0.92.0", - "@salutejs/plasma-icons": "1.198.0", - "@salutejs/plasma-sb-utils": "0.158.0", - "@salutejs/plasma-tokens": "1.81.0", + "@salutejs/plasma-cy-utils": "0.94.0-dev.0", + "@salutejs/plasma-icons": "1.198.3-dev.0", + "@salutejs/plasma-sb-utils": "0.160.0-dev.0", + "@salutejs/plasma-tokens": "1.83.0-dev.0", "@salutejs/use-virtual": "2.0.0", "@storybook/addon-docs": "7.6.17", "@storybook/addon-essentials": "7.6.17", @@ -4393,9 +4393,9 @@ "dev": true }, "node_modules/@salutejs/plasma-core": { - "version": "1.160.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.160.0.tgz", - "integrity": "sha512-ddpmy2lmCjPY0SQAcVma/rjqV+yzXY512MC6WtC6qq5RGZi+x/QKFGyL6eLVZbVE7QqxvvqSed/YiA22OaAXUA==", + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", "dependencies": { "@popperjs/core": "2.9.2", "@salutejs/plasma-typo": "0.40.0", @@ -4411,9 +4411,9 @@ } }, "node_modules/@salutejs/plasma-cy-utils": { - "version": "0.92.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.92.0.tgz", - "integrity": "sha512-huAKimH6MCBSk66ZtPoXGm4wC00nh78tPTEp+aC9/i3WifrXcZ8U3XSy3Sy1prSXygVCGdkF1jNVxTRp0Q/cSA==", + "version": "0.94.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.94.0-dev.0.tgz", + "integrity": "sha512-X778wOZh9VCzLwRqU0JfmeycdkqyI6ywYoIOFlM5oMUsbymRt3UqoTg/r9sEAD3BFCVmOSE1t6O1xgYI1iKXKg==", "dev": true, "peerDependencies": { "react": ">=16.13.1", @@ -4422,9 +4422,9 @@ } }, "node_modules/@salutejs/plasma-icons": { - "version": "1.198.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.0.tgz", - "integrity": "sha512-0OdHWq12uVhIGWKiHD7qyHEMNntphl1YOnuLwls83oE5nutlxeFHm9dWsLRY50jJZJN+lcpAe86pueb1Ie5JgA==", + "version": "1.198.3-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.3-dev.0.tgz", + "integrity": "sha512-pQv0PUF3280wVvZKxGriCozqgdQcx1xjPfQhYkbugu1WCU+/lPNb/FwfOnsfZRmIU0B9v7Moo0vwzxp/8sCfuA==", "dev": true, "peerDependencies": { "react": ">=16.13.1", @@ -4433,13 +4433,13 @@ } }, "node_modules/@salutejs/plasma-sb-utils": { - "version": "0.158.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.158.0.tgz", - "integrity": "sha512-VSuHeTFX/sYHeq/8sDxu3aB0b1sF6llju0QUOLke1WGzB+UIrjmXvjCLnfPAcymhUjSODx1wieDUvn+597l3uw==", + "version": "0.160.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.160.0-dev.0.tgz", + "integrity": "sha512-9jx+mpeC7CAf0t/eAaN7YsO5ozGBUzlWCz0RqomkiTkGTBb9f+CuYCxkZ58a9AZQI8SBHIaopjOP2IuRabuHSg==", "dev": true, "dependencies": { "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "param-case": "^3.0.4" }, "peerDependencies": { @@ -4449,9 +4449,9 @@ } }, "node_modules/@salutejs/plasma-tokens": { - "version": "1.81.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens/-/plasma-tokens-1.81.0.tgz", - "integrity": "sha512-IK9RK3eC4hIES9+bZ3lzq5x0M0vyX7zpsWmIYUIx2PIE8j/E7heQvqJQAW6d3O5RtpgKFoyDomeVX2nr78ffdA==", + "version": "1.83.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens/-/plasma-tokens-1.83.0-dev.0.tgz", + "integrity": "sha512-6Yau3W/9b9ZGeYPdWM8gVk187ThnqRIlvcfWsio7iFOtr8maFc1MRabd+rgsZBXMSRlqMTUSF3VmA5WO06ABFg==", "dev": true, "peerDependencies": { "styled-components": "^5.1.1" @@ -23464,9 +23464,9 @@ "dev": true }, "@salutejs/plasma-core": { - "version": "1.160.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.160.0.tgz", - "integrity": "sha512-ddpmy2lmCjPY0SQAcVma/rjqV+yzXY512MC6WtC6qq5RGZi+x/QKFGyL6eLVZbVE7QqxvvqSed/YiA22OaAXUA==", + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", "requires": { "@popperjs/core": "2.9.2", "@salutejs/plasma-typo": "0.40.0", @@ -23477,32 +23477,32 @@ } }, "@salutejs/plasma-cy-utils": { - "version": "0.92.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.92.0.tgz", - "integrity": "sha512-huAKimH6MCBSk66ZtPoXGm4wC00nh78tPTEp+aC9/i3WifrXcZ8U3XSy3Sy1prSXygVCGdkF1jNVxTRp0Q/cSA==", + "version": "0.94.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.94.0-dev.0.tgz", + "integrity": "sha512-X778wOZh9VCzLwRqU0JfmeycdkqyI6ywYoIOFlM5oMUsbymRt3UqoTg/r9sEAD3BFCVmOSE1t6O1xgYI1iKXKg==", "dev": true }, "@salutejs/plasma-icons": { - "version": "1.198.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.0.tgz", - "integrity": "sha512-0OdHWq12uVhIGWKiHD7qyHEMNntphl1YOnuLwls83oE5nutlxeFHm9dWsLRY50jJZJN+lcpAe86pueb1Ie5JgA==", + "version": "1.198.3-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.3-dev.0.tgz", + "integrity": "sha512-pQv0PUF3280wVvZKxGriCozqgdQcx1xjPfQhYkbugu1WCU+/lPNb/FwfOnsfZRmIU0B9v7Moo0vwzxp/8sCfuA==", "dev": true }, "@salutejs/plasma-sb-utils": { - "version": "0.158.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.158.0.tgz", - "integrity": "sha512-VSuHeTFX/sYHeq/8sDxu3aB0b1sF6llju0QUOLke1WGzB+UIrjmXvjCLnfPAcymhUjSODx1wieDUvn+597l3uw==", + "version": "0.160.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.160.0-dev.0.tgz", + "integrity": "sha512-9jx+mpeC7CAf0t/eAaN7YsO5ozGBUzlWCz0RqomkiTkGTBb9f+CuYCxkZ58a9AZQI8SBHIaopjOP2IuRabuHSg==", "dev": true, "requires": { "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "param-case": "^3.0.4" } }, "@salutejs/plasma-tokens": { - "version": "1.81.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens/-/plasma-tokens-1.81.0.tgz", - "integrity": "sha512-IK9RK3eC4hIES9+bZ3lzq5x0M0vyX7zpsWmIYUIx2PIE8j/E7heQvqJQAW6d3O5RtpgKFoyDomeVX2nr78ffdA==", + "version": "1.83.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens/-/plasma-tokens-1.83.0-dev.0.tgz", + "integrity": "sha512-6Yau3W/9b9ZGeYPdWM8gVk187ThnqRIlvcfWsio7iFOtr8maFc1MRabd+rgsZBXMSRlqMTUSF3VmA5WO06ABFg==", "dev": true }, "@salutejs/plasma-typo": { diff --git a/packages/plasma-ui/package.json b/packages/plasma-ui/package.json index aae6d99042..276ae51059 100644 --- a/packages/plasma-ui/package.json +++ b/packages/plasma-ui/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-ui", - "version": "1.255.0", + "version": "1.257.1-dev.0", "description": "Salute Design System.", "main": "index.js", "module": "es/index.js", @@ -12,7 +12,7 @@ "author": "Salute Frontend Team ", "license": "MIT", "dependencies": { - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "@salutejs/plasma-typo": "0.40.0", "color": "3.1.2", "lodash.throttle": "4.1.1", @@ -33,10 +33,10 @@ "@babel/preset-env": "7.24.4", "@babel/preset-react": "7.24.1", "@babel/preset-typescript": "7.24.1", - "@salutejs/plasma-cy-utils": "0.92.0", - "@salutejs/plasma-icons": "1.198.0", - "@salutejs/plasma-sb-utils": "0.158.0", - "@salutejs/plasma-tokens": "1.81.0", + "@salutejs/plasma-cy-utils": "0.94.0-dev.0", + "@salutejs/plasma-icons": "1.198.3-dev.0", + "@salutejs/plasma-sb-utils": "0.160.0-dev.0", + "@salutejs/plasma-tokens": "1.83.0-dev.0", "@salutejs/use-virtual": "2.0.0", "@storybook/addon-docs": "7.6.17", "@storybook/addon-essentials": "7.6.17", @@ -109,4 +109,4 @@ "Чельцов Евгений Олегович" ], "sideEffects": false -} +} \ No newline at end of file diff --git a/packages/plasma-web/api/plasma-web.api.md b/packages/plasma-web/api/plasma-web.api.md index 15f4d43cdd..28cad61751 100644 --- a/packages/plasma-web/api/plasma-web.api.md +++ b/packages/plasma-web/api/plasma-web.api.md @@ -95,6 +95,18 @@ import { counterTokens } from '@salutejs/plasma-new-hope/styled-components'; import { CustomComboboxProps } from '@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types'; import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types'; import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types'; +import { DatePickerCalendarProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types'; +import { DatePickerCalendarProps as DatePickerCalendarProps_2 } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types'; +import { datePickerClasses } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerdVariationProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types'; +import { DatePickerPlacement } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerPlacementBasic } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerPopoverProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types'; +import { DatePickerProps } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerRangePlacement } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerRangeProps } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerTextFieldProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types'; +import { datePickerTokens } from '@salutejs/plasma-new-hope/styled-components'; import { defaultValidate } from '@salutejs/plasma-hope'; import { DisabledProps } from '@salutejs/plasma-core'; import { DividerProps } from '@salutejs/plasma-new-hope/styled-components'; @@ -162,6 +174,7 @@ import { PaginationProps } from '@salutejs/plasma-new-hope/styled-components'; import { PanelProps } from '@salutejs/plasma-new-hope/types/components/Panel'; import { PickOptional } from '@salutejs/plasma-core'; import { PinProps } from '@salutejs/plasma-core'; +import { PolymorphicClassName } from '@salutejs/plasma-new-hope/types/engines/types'; import { PopoverPlacement } from '@salutejs/plasma-new-hope/styled-components'; import { PopoverProps } from '@salutejs/plasma-new-hope/styled-components'; import { PopoverTrigger } from '@salutejs/plasma-new-hope/styled-components'; @@ -172,6 +185,7 @@ import { PopupProps as PopupBaseProps } from '@salutejs/plasma-new-hope/styled-c import { PopupProvider as PopupBaseProvider } from '@salutejs/plasma-new-hope/styled-components'; import { PopupInfo } from '@salutejs/plasma-new-hope/styled-components'; import { PopupProps } from '@salutejs/plasma-hope'; +import { PortalProps } from '@salutejs/plasma-new-hope/styled-components'; import { PreviewGallery } from '@salutejs/plasma-hope'; import { PreviewGalleryItemProps } from '@salutejs/plasma-hope'; import { PreviewGalleryProps } from '@salutejs/plasma-hope'; @@ -181,6 +195,7 @@ import { ProgressProps } from '@salutejs/plasma-new-hope/styled-components'; import { PropsType } from '@salutejs/plasma-new-hope/types/engines/types'; import { RadioGroup } from '@salutejs/plasma-new-hope/styled-components'; import { radiuses } from '@salutejs/plasma-core'; +import { RangeInputRefs } from '@salutejs/plasma-new-hope/styled-components'; import { RangeProps } from '@salutejs/plasma-new-hope/styled-components'; import { rangeTokens } from '@salutejs/plasma-new-hope/styled-components'; import { Ratio } from '@salutejs/plasma-new-hope/styled-components'; @@ -247,6 +262,7 @@ import { TextFieldPrimitiveValue } from '@salutejs/plasma-new-hope/types/compone import { TextfieldPrimitiveValue } from '@salutejs/plasma-new-hope/types/components/Range/Range.types'; import type { TextFieldProps as TextFieldProps_2 } from '@salutejs/plasma-hope'; import { TextFieldView } from '@salutejs/plasma-hope'; +import { TextSkeletonBaseProps } from '@salutejs/plasma-new-hope/types/components/Skeleton/TextSkeleton/TextSkeleton.types'; import { TextSkeletonProps } from '@salutejs/plasma-new-hope/styled-components'; import { TimingFunction } from '@salutejs/plasma-core'; import { ToastPosition } from '@salutejs/plasma-new-hope/styled-components'; @@ -287,18 +303,18 @@ import { WithSkeletonProps } from '@salutejs/plasma-new-hope/styled-components'; // @public export const Accordion: FunctionComponent & { view: string; @@ -361,17 +377,17 @@ export { AudioPlayerProps } // @public (undocumented) export const Avatar: FunctionComponent & HTMLAttributes & { size: "m" | "s" | "l" | "xxl" | "fit"; @@ -396,25 +412,25 @@ export { AvatarProps } // @public export const Badge: FunctionComponent & HTMLAttributes & { text?: string | undefined; @@ -437,7 +453,7 @@ export { blurs } // @public (undocumented) export const Body1: FunctionComponent & { breakWord?: boolean | undefined; @@ -446,7 +462,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const Body2: FunctionComponent & { breakWord?: boolean | undefined; @@ -455,7 +471,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const BodyL: FunctionComponent & { breakWord?: boolean | undefined; @@ -464,7 +480,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const BodyM: FunctionComponent & { breakWord?: boolean | undefined; @@ -473,7 +489,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const BodyS: FunctionComponent & { breakWord?: boolean | undefined; @@ -482,7 +498,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const BodyXS: FunctionComponent & { breakWord?: boolean | undefined; @@ -491,7 +507,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const BodyXXS: FunctionComponent & { breakWord?: boolean | undefined; @@ -504,39 +520,39 @@ export { BreakWordProps } // @public export const Button: FunctionComponent & ((Omit, "value"> & Omit, "type"> & AsProps_2 & { text?: string | undefined; @@ -585,14 +601,14 @@ contentRight?: ReactNode; // @public (undocumented) export const Button1: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const Button2: FunctionComponent & TypographyOldProps & RefAttributes>; @@ -601,45 +617,45 @@ export { ButtonBase } // @public export const ButtonGroup: FunctionComponent & ButtonGroupProps & RefAttributes>; @@ -653,14 +669,18 @@ export const Calendar: FC; // @public (undocumented) export const CalendarBase: FunctionComponent & HTMLAttributes & Calendar_2 & { +}> & Calendar_2 & { type?: "Days" | "Months" | "Years" | undefined; +size?: string | undefined; +view?: string | undefined; } & RefAttributes>; export { CalendarBaseProps } @@ -671,13 +691,18 @@ export const CalendarBaseRange: ({ value, disabledList, eventList, min, max, onC // @public (undocumented) export const CalendarDouble: FunctionComponent & HTMLAttributes & Calendar_2 & RefAttributes>; +}> & HTMLAttributes & Calendar_2 & { +size?: string | undefined; +view?: string | undefined; +} & RefAttributes>; export { CalendarDoubleProps } @@ -693,7 +718,7 @@ export { canUseDOM } // @public (undocumented) export const Caption: FunctionComponent & TypographyOldProps & RefAttributes>; @@ -728,13 +753,13 @@ export { CarouselProps } // @public export const Cell: FunctionComponent & (({ size?: string | undefined; @@ -781,25 +806,25 @@ export { CellTextboxTitle } // @public export const Checkbox: FunctionComponent & CheckboxProps_2 & RefAttributes>; @@ -811,26 +836,26 @@ export type CheckboxProps = ComponentProps; // @public export const Chip: FunctionComponent & ChipProps & RefAttributes>; @@ -855,13 +880,13 @@ export { ColSizeProps } // @public (undocumented) export const Combobox: FunctionComponent & ((Omit, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & { valueType?: "single" | undefined; @@ -929,8 +954,8 @@ export { ComboboxProps } // @public (undocumented) export const Container: FunctionComponent & ContainerProps & RefAttributes>; @@ -941,18 +966,18 @@ export { convertRoundnessMatrix } // @public export const Counter: FunctionComponent & HTMLAttributes & { count: number; @@ -965,6 +990,97 @@ export { CounterProps } export { counterTokens } +// @public (undocumented) +export const DatePicker: FunctionComponent & DatePickerdVariationProps & DatePickerTextFieldProps & DatePickerCalendarProps & DatePickerPopoverProps & Omit, "defaultValue"> & RefAttributes>; + +export { datePickerClasses } + +export { DatePickerPlacement } + +export { DatePickerPlacementBasic } + +export { DatePickerProps } + +// @public (undocumented) +export const DatePickerRange: FunctionComponent & DatePickerdVariationProps & { +defaultFirstDate?: Date | undefined; +defaultSecondDate?: Date | undefined; +onCommitFirstDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined) => void) | undefined; +onCommitSecondDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined) => void) | undefined; +} & { +label?: string | undefined; +view?: string | undefined; +disabled?: boolean | undefined; +readOnly?: boolean | undefined; +size?: string | undefined; +contentLeft?: ReactNode; +contentRight?: ReactNode; +leftHelper?: string | undefined; +dividerVariant?: "none" | "icon" | "dash" | undefined; +dividerIcon?: ReactNode; +firstValueError?: boolean | undefined; +secondValueError?: boolean | undefined; +firstValueSuccess?: boolean | undefined; +secondValueSuccess?: boolean | undefined; +firstPlaceholder?: string | undefined; +secondPlaceholder?: string | undefined; +firstTextfieldContentLeft?: ReactElement> | undefined; +firstTextfieldContentRight?: ReactElement> | undefined; +secondTextfieldContentLeft?: ReactElement> | undefined; +secondTextfieldContentRight?: ReactElement> | undefined; +firstTextfieldTextBefore?: string | undefined; +secondTextfieldTextBefore?: string | undefined; +firstTextfieldTextAfter?: string | undefined; +secondTextfieldTextAfter?: string | undefined; +onChangeFirstValue?: BaseCallbackChangeInstance | undefined; +onChangeSecondValue?: BaseCallbackChangeInstance | undefined; +onFocusFirstTextfield?: ((event: ChangeEvent) => void) | undefined; +onFocusSecondTextfield?: ((event: ChangeEvent) => void) | undefined; +onBlurFirstTextfield?: ((event: ChangeEvent) => void) | undefined; +onBlurSecondTextfield?: ((event: ChangeEvent) => void) | undefined; +} & DatePickerCalendarProps_2 & Omit & { +placement?: DatePickerRangePlacement | DatePickerRangePlacement[] | undefined; +isDoubleCalendar?: boolean | undefined; +} & HTMLAttributes & RefAttributes>; + +export { DatePickerRangePlacement } + +export { DatePickerRangeProps } + +export { datePickerTokens } + export { defaultValidate } export { DisabledProps } @@ -972,17 +1088,17 @@ export { DisabledProps } // @public export const Divider: FunctionComponent & DividerProps & RefAttributes>; @@ -993,14 +1109,14 @@ export { dividerTokens } // @public export const Drawer: FunctionComponent & PopupBaseProps & PanelProps & { placement?: "top" | "bottom" | "right" | "left" | undefined; @@ -1045,13 +1161,13 @@ export { DrawerProps } // @public (undocumented) export const Dropdown: FunctionComponent & DropdownProps & RefAttributes>; @@ -1077,7 +1193,7 @@ export { DropdownProps } // @public (undocumented) export const DsplL: FunctionComponent & { breakWord?: boolean | undefined; @@ -1086,7 +1202,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const DsplM: FunctionComponent & { breakWord?: boolean | undefined; @@ -1095,7 +1211,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const DsplS: FunctionComponent & { breakWord?: boolean | undefined; @@ -1116,14 +1232,14 @@ export { FocusProps } // @public (undocumented) export const Footnote1: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const Footnote2: FunctionComponent & TypographyOldProps & RefAttributes>; @@ -1142,7 +1258,7 @@ export { gridSizes } // @public (undocumented) export const H1: FunctionComponent & { breakWord?: boolean | undefined; @@ -1151,7 +1267,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const H2: FunctionComponent & { breakWord?: boolean | undefined; @@ -1160,7 +1276,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const H3: FunctionComponent & { breakWord?: boolean | undefined; @@ -1169,7 +1285,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const H4: FunctionComponent & { breakWord?: boolean | undefined; @@ -1178,7 +1294,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const H5: FunctionComponent & { breakWord?: boolean | undefined; @@ -1187,67 +1303,67 @@ breakWord?: boolean | undefined; // @public (undocumented) export const Headline1: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const Headline2: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const Headline3: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const Headline4: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const Headline5: FunctionComponent & TypographyOldProps & RefAttributes>; // @public export const IconButton: FunctionComponent & ((Omit, "value"> & Omit, "type"> & AsProps_2 & { text?: string | undefined; @@ -1306,19 +1422,19 @@ export { ImageProps } // @public (undocumented) export const Indicator: FunctionComponent & HTMLAttributes & { size: string; @@ -1332,41 +1448,41 @@ export { InputHTMLAttributes } // @public export const LineSkeleton: FunctionComponent & HTMLAttributes & SkeletonSizeProps & { customGradientColor?: string | undefined; @@ -1378,22 +1494,22 @@ export { LineSkeletonProps } // @public export const Link: FunctionComponent & AnchorHTMLAttributes & LinkCustomProps & RefAttributes>; @@ -1429,15 +1545,15 @@ export { monthShortName } // @public (undocumented) const Notification_2: React_2.FunctionComponent & NotificationProps & React_2.RefAttributes>; export { Notification_2 as Notification } @@ -1463,14 +1579,14 @@ export { OverlayProps } // @public (undocumented) export const P1: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const P2: FunctionComponent & TypographyOldProps & RefAttributes>; @@ -1479,26 +1595,26 @@ export { padZeroNumber } // @public export const Pagination: FunctionComponent & PaginationProps & RefAttributes>; @@ -1513,14 +1629,14 @@ export { PaginationProps } // @public (undocumented) export const ParagraphText1: FunctionComponent & TypographyOldProps & RefAttributes>; // @public (undocumented) export const ParagraphText2: FunctionComponent & TypographyOldProps & RefAttributes>; @@ -1531,7 +1647,7 @@ export { PinProps } // @public (undocumented) export const Popover: FunctionComponent & HTMLAttributes & CustomPopoverProps & RefAttributes>; @@ -1558,6 +1674,11 @@ export { PopupInfo } export { PopupProps } +// @public (undocumented) +export const Portal: FunctionComponent & PortalProps & RefAttributes>; + +export { PortalProps } + export { PreviewGallery } export { PreviewGalleryItemProps } @@ -1571,16 +1692,16 @@ export { PriceProps } // @public (undocumented) export const Progress: FunctionComponent & ProgressProps & RefAttributes>; @@ -1589,25 +1710,25 @@ export { ProgressProps } // @public export const Radiobox: FunctionComponent & Filter, "size"> & Omit & RefAttributes>; @@ -1623,19 +1744,19 @@ export { radiuses } // @public const Range_2: FunctionComponent & (({ label?: string | undefined; @@ -1673,7 +1794,7 @@ firstTextfieldTextBefore: string; secondTextfieldTextBefore: string; dividerVariant?: "none" | undefined; dividerIcon?: undefined; -} & HTMLAttributes & RefAttributes) | ({ +} & HTMLAttributes & RefAttributes) | ({ label?: string | undefined; leftHelper?: string | undefined; contentLeft?: ReactNode; @@ -1709,7 +1830,7 @@ dividerVariant?: "dash" | undefined; dividerIcon?: undefined; firstTextfieldTextBefore?: string | undefined; secondTextfieldTextBefore?: string | undefined; -} & HTMLAttributes & RefAttributes) | ({ +} & HTMLAttributes & RefAttributes) | ({ label?: string | undefined; leftHelper?: string | undefined; contentLeft?: ReactNode; @@ -1745,7 +1866,7 @@ dividerIcon?: ReactNode; dividerVariant?: "icon" | undefined; firstTextfieldTextBefore?: string | undefined; secondTextfieldTextBefore?: string | undefined; -} & HTMLAttributes & RefAttributes))>; +} & HTMLAttributes & RefAttributes))>; export { Range_2 as Range } export { RangeProps } @@ -1775,26 +1896,26 @@ export { ScrollSnapProps } // @public export const SegmentGroup: FunctionComponent & HTMLAttributes & { selectionMode?: "multiple" | "single" | undefined; @@ -1811,21 +1932,21 @@ export { SegmentGroupProps } // @public export const SegmentItem: FunctionComponent & ButtonHTMLAttributes & { value: string; @@ -1859,7 +1980,7 @@ export { shadows } // @public export const Sheet: FunctionComponent & SheetProps & RefAttributes>; @@ -1876,17 +1997,17 @@ export { SkeletonGradientProps } // @public export const Slider: FunctionComponent & ((SingleSliderProps & RefAttributes) | (DoubleSliderProps & RefAttributes))>; @@ -1920,27 +2041,27 @@ export { StyledPreviewGallery } // @public (undocumented) export const Subtitle: FunctionComponent & SubtitleProps & RefAttributes>; // @public (undocumented) export const Switch: FunctionComponent & SwitchProps_2 & RefAttributes>; @@ -2009,26 +2130,26 @@ export { TextareaResize } // @public export const TextField: React_2.ForwardRefExoticComponent & (({ size?: string | undefined; @@ -2080,7 +2201,7 @@ export { TextFieldView } // @public (undocumented) export const TextL: FunctionComponent & { breakWord?: boolean | undefined; @@ -2089,7 +2210,7 @@ breakWord?: boolean | undefined; // @public (undocumented) export const TextM: FunctionComponent & { breakWord?: boolean | undefined; @@ -2098,27 +2219,62 @@ breakWord?: boolean | undefined; // @public (undocumented) export const TextS: FunctionComponent & { breakWord?: boolean | undefined; } & SpacingProps_2 & BoldProps & HTMLAttributes & RefAttributes>; // @public -export const TextSkeleton: FC< { -lines: number; -width?: string | number | undefined; -} & HTMLAttributes & SkeletonSizeProps & { +export const TextSkeleton: FC & HTMLAttributes & SkeletonSizeProps & { customGradientColor?: string | undefined; roundness?: 0 | 8 | 12 | 14 | 16 | 18 | 20 | 24 | 28 | 32 | 250 | undefined; -} & SkeletonGradientProps_2>; +} & SkeletonGradientProps_2 & RefAttributes & TextSkeletonBaseProps>; export { TextSkeletonProps } // @public (undocumented) export const TextXS: FunctionComponent & { breakWord?: boolean | undefined; @@ -2129,16 +2285,16 @@ export { TimingFunction } // @public (undocumented) export const Toast: FunctionComponent & HTMLAttributes & CustomToastProps & RefAttributes>; @@ -2158,13 +2314,13 @@ export { toCssSize } // @public export const Toolbar: FunctionComponent & HTMLAttributes & { children: ReactNode; @@ -2191,7 +2347,7 @@ export { transformStyles } // @public (undocumented) export const Underline: FunctionComponent & TypographyOldProps & RefAttributes>; diff --git a/packages/plasma-web/package-lock.json b/packages/plasma-web/package-lock.json index 3e17e30333..2abae43658 100644 --- a/packages/plasma-web/package-lock.json +++ b/packages/plasma-web/package-lock.json @@ -1,20 +1,20 @@ { "name": "@salutejs/plasma-web", - "version": "1.339.0", + "version": "1.350.1-dev.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@salutejs/plasma-web", - "version": "1.339.0", + "version": "1.350.1-dev.0", "license": "MIT", "dependencies": { - "@salutejs/plasma-core": "1.160.0", - "@salutejs/plasma-hope": "1.285.0", - "@salutejs/plasma-new-hope": "0.93.0", - "@salutejs/plasma-tokens-b2b": "1.40.0", - "@salutejs/plasma-tokens-b2c": "0.50.0", - "@salutejs/plasma-tokens-web": "1.55.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "@salutejs/plasma-hope": "1.287.1-dev.0", + "@salutejs/plasma-new-hope": "0.104.1-dev.0", + "@salutejs/plasma-tokens-b2b": "1.41.0-dev.0", + "@salutejs/plasma-tokens-b2c": "0.51.0-dev.0", + "@salutejs/plasma-tokens-web": "1.56.0-dev.0", "@salutejs/plasma-typo": "0.40.0" }, "devDependencies": { @@ -32,9 +32,9 @@ "@rollup/plugin-commonjs": "25.0.7", "@rollup/plugin-node-resolve": "15.2.3", "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-cy-utils": "0.92.0", - "@salutejs/plasma-icons": "1.198.0", - "@salutejs/plasma-sb-utils": "0.158.0", + "@salutejs/plasma-cy-utils": "0.94.0-dev.0", + "@salutejs/plasma-icons": "1.198.3-dev.0", + "@salutejs/plasma-sb-utils": "0.160.0-dev.0", "@storybook/addon-docs": "7.6.17", "@storybook/addon-essentials": "7.6.17", "@storybook/addons": "7.6.17", @@ -4768,9 +4768,9 @@ "dev": true }, "node_modules/@salutejs/plasma-core": { - "version": "1.160.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.160.0.tgz", - "integrity": "sha512-ddpmy2lmCjPY0SQAcVma/rjqV+yzXY512MC6WtC6qq5RGZi+x/QKFGyL6eLVZbVE7QqxvvqSed/YiA22OaAXUA==", + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", "dependencies": { "@popperjs/core": "2.9.2", "@salutejs/plasma-typo": "0.40.0", @@ -4786,9 +4786,9 @@ } }, "node_modules/@salutejs/plasma-cy-utils": { - "version": "0.92.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.92.0.tgz", - "integrity": "sha512-huAKimH6MCBSk66ZtPoXGm4wC00nh78tPTEp+aC9/i3WifrXcZ8U3XSy3Sy1prSXygVCGdkF1jNVxTRp0Q/cSA==", + "version": "0.94.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.94.0-dev.0.tgz", + "integrity": "sha512-X778wOZh9VCzLwRqU0JfmeycdkqyI6ywYoIOFlM5oMUsbymRt3UqoTg/r9sEAD3BFCVmOSE1t6O1xgYI1iKXKg==", "dev": true, "peerDependencies": { "react": ">=16.13.1", @@ -4797,12 +4797,12 @@ } }, "node_modules/@salutejs/plasma-hope": { - "version": "1.285.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-hope/-/plasma-hope-1.285.0.tgz", - "integrity": "sha512-5qz3y1Xvt5gU0PxB1JGC3ITKMETveURIT+Dfc+Q0tMTfAGNwtQATvvWldlUqjx+3udPDFqctpJhT6ZGE4HP/sg==", + "version": "1.287.1-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-hope/-/plasma-hope-1.287.1-dev.0.tgz", + "integrity": "sha512-0xPWIRhNzfixFv5eHQ2hmpXDYRI80sXJHZ8wyoA7/W/13+cJDJ1VjavVX8Klw7+283DnOPoiQmFZE9PrqyoQDA==", "dependencies": { "@popperjs/core": "2.9.2", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "@salutejs/plasma-typo": "0.40.0", "react-file-drop": "3.1.6", "react-popper": "2.3.0", @@ -4817,9 +4817,9 @@ } }, "node_modules/@salutejs/plasma-icons": { - "version": "1.198.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.0.tgz", - "integrity": "sha512-0OdHWq12uVhIGWKiHD7qyHEMNntphl1YOnuLwls83oE5nutlxeFHm9dWsLRY50jJZJN+lcpAe86pueb1Ie5JgA==", + "version": "1.198.3-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.3-dev.0.tgz", + "integrity": "sha512-pQv0PUF3280wVvZKxGriCozqgdQcx1xjPfQhYkbugu1WCU+/lPNb/FwfOnsfZRmIU0B9v7Moo0vwzxp/8sCfuA==", "dev": true, "peerDependencies": { "react": ">=16.13.1", @@ -4828,14 +4828,15 @@ } }, "node_modules/@salutejs/plasma-new-hope": { - "version": "0.93.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.93.0.tgz", - "integrity": "sha512-yGzNS6SR1u8WSXRIoPS4zwVRow5R/fGyKMry5pDSbQ6GPNJnLvFKVbGff6OhNIL7Tgt3XAYAt7qCN6Sw8s5tug==", + "version": "0.104.1-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.104.1-dev.0.tgz", + "integrity": "sha512-wzGlfIZXzAZ7XTNm6S49UUIt8VWYyXNy+GTvcDgITSm7nQGtYxa6d0tttCH7xDhMdjxJY5mya+0TvY+f9j7fZQ==", "dependencies": { "@linaria/core": "5.0.2", "@linaria/react": "5.0.3", "@popperjs/core": "2.11.8", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "dayjs": "1.11.11", "focus-visible": "5.2.0", "lodash.throttle": "4.1.1", "react-draggable": "4.4.3", @@ -4877,13 +4878,13 @@ } }, "node_modules/@salutejs/plasma-sb-utils": { - "version": "0.158.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.158.0.tgz", - "integrity": "sha512-VSuHeTFX/sYHeq/8sDxu3aB0b1sF6llju0QUOLke1WGzB+UIrjmXvjCLnfPAcymhUjSODx1wieDUvn+597l3uw==", + "version": "0.160.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.160.0-dev.0.tgz", + "integrity": "sha512-9jx+mpeC7CAf0t/eAaN7YsO5ozGBUzlWCz0RqomkiTkGTBb9f+CuYCxkZ58a9AZQI8SBHIaopjOP2IuRabuHSg==", "dev": true, "dependencies": { "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "param-case": "^3.0.4" }, "peerDependencies": { @@ -4893,19 +4894,19 @@ } }, "node_modules/@salutejs/plasma-tokens-b2b": { - "version": "1.40.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2b/-/plasma-tokens-b2b-1.40.0.tgz", - "integrity": "sha512-/jN5XNEMv8zP1vRqHw2EndeyC6yVT6d+BD9HFnXpqmA7SYiuVfHF9NAtFnK1GvQqgu1uEdiG1AJmIaO/yr/fDA==" + "version": "1.41.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2b/-/plasma-tokens-b2b-1.41.0-dev.0.tgz", + "integrity": "sha512-1U+tQLppSiADU4c+VhEztQXxlvWEO2/4FfkTuK5nVTl2A7Jbf8Qhh3SHVym5GWAXFd0MrSxSla4EshgMoA4yDA==" }, "node_modules/@salutejs/plasma-tokens-b2c": { - "version": "0.50.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2c/-/plasma-tokens-b2c-0.50.0.tgz", - "integrity": "sha512-gMn3NXuUJA46nNh7wMJydpQx4301Ozq7F46Pitwn5tG87IUIDlOU83QihyWqCKPQvp3bx5htx9TF/CjiDRtg6A==" + "version": "0.51.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2c/-/plasma-tokens-b2c-0.51.0-dev.0.tgz", + "integrity": "sha512-BqSUKqHgAd2I38HeEQjm3+3y0FWcRyCCGkrQ+PCzNQa3s6Oc1zsFUu5MAjcXF5oS/3zIJvUJBjSIg/837xz29w==" }, "node_modules/@salutejs/plasma-tokens-web": { - "version": "1.55.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-web/-/plasma-tokens-web-1.55.0.tgz", - "integrity": "sha512-B0gZeGaupBMiZpK02ZAIMFSOGDImd2D3qkwtpy51lb2InSuoG2qaxggqpQgQzKAvxKrz2boPebpN+vq4yaxNzQ==" + "version": "1.56.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-web/-/plasma-tokens-web-1.56.0-dev.0.tgz", + "integrity": "sha512-LHU3tkS0Cem00DEP8PFIEoWM/PGaI8r20x/zkpc8GFaCdF0AYWfrZ9ecPhgJKKxBR530RL5sCiYdMO2z5CnSjQ==" }, "node_modules/@salutejs/plasma-typo": { "version": "0.40.0", @@ -8196,6 +8197,11 @@ "integrity": "sha512-RSU6Hyeg14am3Ah4VZEmeX8H7kLwEEirXe6aU2IPfKNvhXwTflK5HQRDNI0ypQXoqmm+QPyG2IaPuQE5zMwSIQ==", "dev": true }, + "node_modules/dayjs": { + "version": "1.11.11", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz", + "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==" + }, "node_modules/debug": { "version": "2.6.9", "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", @@ -18965,9 +18971,9 @@ "dev": true }, "@salutejs/plasma-core": { - "version": "1.160.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.160.0.tgz", - "integrity": "sha512-ddpmy2lmCjPY0SQAcVma/rjqV+yzXY512MC6WtC6qq5RGZi+x/QKFGyL6eLVZbVE7QqxvvqSed/YiA22OaAXUA==", + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", "requires": { "@popperjs/core": "2.9.2", "@salutejs/plasma-typo": "0.40.0", @@ -18978,18 +18984,18 @@ } }, "@salutejs/plasma-cy-utils": { - "version": "0.92.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.92.0.tgz", - "integrity": "sha512-huAKimH6MCBSk66ZtPoXGm4wC00nh78tPTEp+aC9/i3WifrXcZ8U3XSy3Sy1prSXygVCGdkF1jNVxTRp0Q/cSA==", + "version": "0.94.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.94.0-dev.0.tgz", + "integrity": "sha512-X778wOZh9VCzLwRqU0JfmeycdkqyI6ywYoIOFlM5oMUsbymRt3UqoTg/r9sEAD3BFCVmOSE1t6O1xgYI1iKXKg==", "dev": true }, "@salutejs/plasma-hope": { - "version": "1.285.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-hope/-/plasma-hope-1.285.0.tgz", - "integrity": "sha512-5qz3y1Xvt5gU0PxB1JGC3ITKMETveURIT+Dfc+Q0tMTfAGNwtQATvvWldlUqjx+3udPDFqctpJhT6ZGE4HP/sg==", + "version": "1.287.1-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-hope/-/plasma-hope-1.287.1-dev.0.tgz", + "integrity": "sha512-0xPWIRhNzfixFv5eHQ2hmpXDYRI80sXJHZ8wyoA7/W/13+cJDJ1VjavVX8Klw7+283DnOPoiQmFZE9PrqyoQDA==", "requires": { "@popperjs/core": "2.9.2", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "@salutejs/plasma-typo": "0.40.0", "react-file-drop": "3.1.6", "react-popper": "2.3.0", @@ -18998,20 +19004,21 @@ } }, "@salutejs/plasma-icons": { - "version": "1.198.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.0.tgz", - "integrity": "sha512-0OdHWq12uVhIGWKiHD7qyHEMNntphl1YOnuLwls83oE5nutlxeFHm9dWsLRY50jJZJN+lcpAe86pueb1Ie5JgA==", + "version": "1.198.3-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.3-dev.0.tgz", + "integrity": "sha512-pQv0PUF3280wVvZKxGriCozqgdQcx1xjPfQhYkbugu1WCU+/lPNb/FwfOnsfZRmIU0B9v7Moo0vwzxp/8sCfuA==", "dev": true }, "@salutejs/plasma-new-hope": { - "version": "0.93.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.93.0.tgz", - "integrity": "sha512-yGzNS6SR1u8WSXRIoPS4zwVRow5R/fGyKMry5pDSbQ6GPNJnLvFKVbGff6OhNIL7Tgt3XAYAt7qCN6Sw8s5tug==", + "version": "0.104.1-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.104.1-dev.0.tgz", + "integrity": "sha512-wzGlfIZXzAZ7XTNm6S49UUIt8VWYyXNy+GTvcDgITSm7nQGtYxa6d0tttCH7xDhMdjxJY5mya+0TvY+f9j7fZQ==", "requires": { "@linaria/core": "5.0.2", "@linaria/react": "5.0.3", "@popperjs/core": "2.11.8", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "dayjs": "1.11.11", "focus-visible": "5.2.0", "lodash.throttle": "4.1.1", "react-draggable": "4.4.3", @@ -19032,30 +19039,30 @@ } }, "@salutejs/plasma-sb-utils": { - "version": "0.158.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.158.0.tgz", - "integrity": "sha512-VSuHeTFX/sYHeq/8sDxu3aB0b1sF6llju0QUOLke1WGzB+UIrjmXvjCLnfPAcymhUjSODx1wieDUvn+597l3uw==", + "version": "0.160.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.160.0-dev.0.tgz", + "integrity": "sha512-9jx+mpeC7CAf0t/eAaN7YsO5ozGBUzlWCz0RqomkiTkGTBb9f+CuYCxkZ58a9AZQI8SBHIaopjOP2IuRabuHSg==", "dev": true, "requires": { "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "param-case": "^3.0.4" } }, "@salutejs/plasma-tokens-b2b": { - "version": "1.40.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2b/-/plasma-tokens-b2b-1.40.0.tgz", - "integrity": "sha512-/jN5XNEMv8zP1vRqHw2EndeyC6yVT6d+BD9HFnXpqmA7SYiuVfHF9NAtFnK1GvQqgu1uEdiG1AJmIaO/yr/fDA==" + "version": "1.41.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2b/-/plasma-tokens-b2b-1.41.0-dev.0.tgz", + "integrity": "sha512-1U+tQLppSiADU4c+VhEztQXxlvWEO2/4FfkTuK5nVTl2A7Jbf8Qhh3SHVym5GWAXFd0MrSxSla4EshgMoA4yDA==" }, "@salutejs/plasma-tokens-b2c": { - "version": "0.50.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2c/-/plasma-tokens-b2c-0.50.0.tgz", - "integrity": "sha512-gMn3NXuUJA46nNh7wMJydpQx4301Ozq7F46Pitwn5tG87IUIDlOU83QihyWqCKPQvp3bx5htx9TF/CjiDRtg6A==" + "version": "0.51.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2c/-/plasma-tokens-b2c-0.51.0-dev.0.tgz", + "integrity": "sha512-BqSUKqHgAd2I38HeEQjm3+3y0FWcRyCCGkrQ+PCzNQa3s6Oc1zsFUu5MAjcXF5oS/3zIJvUJBjSIg/837xz29w==" }, "@salutejs/plasma-tokens-web": { - "version": "1.55.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-web/-/plasma-tokens-web-1.55.0.tgz", - "integrity": "sha512-B0gZeGaupBMiZpK02ZAIMFSOGDImd2D3qkwtpy51lb2InSuoG2qaxggqpQgQzKAvxKrz2boPebpN+vq4yaxNzQ==" + "version": "1.56.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-web/-/plasma-tokens-web-1.56.0-dev.0.tgz", + "integrity": "sha512-LHU3tkS0Cem00DEP8PFIEoWM/PGaI8r20x/zkpc8GFaCdF0AYWfrZ9ecPhgJKKxBR530RL5sCiYdMO2z5CnSjQ==" }, "@salutejs/plasma-typo": { "version": "0.40.0", @@ -21609,6 +21616,11 @@ "integrity": "sha512-RSU6Hyeg14am3Ah4VZEmeX8H7kLwEEirXe6aU2IPfKNvhXwTflK5HQRDNI0ypQXoqmm+QPyG2IaPuQE5zMwSIQ==", "dev": true }, + "dayjs": { + "version": "1.11.11", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz", + "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==" + }, "debug": { "version": "2.6.9", "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", diff --git a/packages/plasma-web/package.json b/packages/plasma-web/package.json index 70ca470a7f..88b4da2557 100644 --- a/packages/plasma-web/package.json +++ b/packages/plasma-web/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-web", - "version": "1.339.0", + "version": "1.350.1-dev.0", "description": "Salute Design System / React UI kit for web applications", "author": "Salute Frontend Team ", "license": "MIT", @@ -19,12 +19,12 @@ "directory": "packages/plasma-web" }, "dependencies": { - "@salutejs/plasma-core": "1.160.0", - "@salutejs/plasma-hope": "1.285.0", - "@salutejs/plasma-new-hope": "0.93.0", - "@salutejs/plasma-tokens-b2b": "1.40.0", - "@salutejs/plasma-tokens-b2c": "0.50.0", - "@salutejs/plasma-tokens-web": "1.55.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "@salutejs/plasma-hope": "1.287.1-dev.0", + "@salutejs/plasma-new-hope": "0.104.1-dev.0", + "@salutejs/plasma-tokens-b2b": "1.41.0-dev.0", + "@salutejs/plasma-tokens-b2c": "0.51.0-dev.0", + "@salutejs/plasma-tokens-web": "1.56.0-dev.0", "@salutejs/plasma-typo": "0.40.0" }, "peerDependencies": { @@ -48,9 +48,9 @@ "@rollup/plugin-commonjs": "25.0.7", "@rollup/plugin-node-resolve": "15.2.3", "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-cy-utils": "0.92.0", - "@salutejs/plasma-icons": "1.198.0", - "@salutejs/plasma-sb-utils": "0.158.0", + "@salutejs/plasma-cy-utils": "0.94.0-dev.0", + "@salutejs/plasma-icons": "1.198.3-dev.0", + "@salutejs/plasma-sb-utils": "0.160.0-dev.0", "@storybook/addon-docs": "7.6.17", "@storybook/addon-essentials": "7.6.17", "@storybook/addons": "7.6.17", @@ -110,4 +110,4 @@ "Fanil Zubairov" ], "sideEffects": false -} +} \ No newline at end of file diff --git a/packages/plasma-web/src/components/Calendar/Calendar.component-test.tsx b/packages/plasma-web/src/components/Calendar/Calendar.component-test.tsx index 0ceebe64c3..2aa0fd6b50 100644 --- a/packages/plasma-web/src/components/Calendar/Calendar.component-test.tsx +++ b/packages/plasma-web/src/components/Calendar/Calendar.component-test.tsx @@ -394,7 +394,10 @@ describe('plasma-web: Calendar keyboard navigation', () => { .should('have.attr', 'tabindex', '0') .should('have.attr', 'data-year', date.getFullYear() - 1); - cy.get('[id="id-grid-label"]').contains(`${getMonth()} ${date.getFullYear() - 1}`); + cy.get('[id="id-grid-label"] span').first().contains(`${getMonth()}`); + cy.get('[id="id-grid-label"] span') + .last() + .contains(`${date.getFullYear() - 1}`); cy.get('body').type('{shift}{pagedown}'.repeat(2)); cy.get('body') @@ -403,7 +406,10 @@ describe('plasma-web: Calendar keyboard navigation', () => { .should('have.attr', 'tabindex', '0') .should('have.attr', 'data-year', date.getFullYear() + 1); - cy.get('[id="id-grid-label"]').contains(`${getMonth()} ${date.getFullYear() + 1}`); + cy.get('[id="id-grid-label"] span').first().contains(`${getMonth()}`); + cy.get('[id="id-grid-label"] span') + .last() + .contains(`${date.getFullYear() + 1}`); }); it('navigate with arrow abroad bounds', () => { diff --git a/packages/plasma-web/src/components/Calendar/Calendar.tsx b/packages/plasma-web/src/components/Calendar/Calendar.tsx index 2b35827380..f034ca3263 100644 --- a/packages/plasma-web/src/components/Calendar/Calendar.tsx +++ b/packages/plasma-web/src/components/Calendar/Calendar.tsx @@ -7,6 +7,7 @@ import { mergeConfig, } from '@salutejs/plasma-new-hope/styled-components'; import type { CalendarBaseProps, CalendarDoubleProps } from '@salutejs/plasma-new-hope/styled-components'; +import type { FC } from 'react'; import { config as baseConfig } from './CalendarBase.config'; import { config as doubleConfig } from './CalendarDouble.config'; @@ -20,8 +21,8 @@ export const CalendarBaseRange = withRange(CalendarBase); export const CalendarDoubleRange = withRange(CalendarDouble); export const Calendar = boundCalendar({ - base: CalendarBase, + base: CalendarBase as FC, baseRange: CalendarBaseRange, - double: CalendarDouble, + double: CalendarDouble as FC, doubleRange: CalendarDoubleRange, }); diff --git a/packages/plasma-web/src/components/Calendar/CalendarBase.config.ts b/packages/plasma-web/src/components/Calendar/CalendarBase.config.ts index 3ad7eb625d..83cc1c49de 100644 --- a/packages/plasma-web/src/components/Calendar/CalendarBase.config.ts +++ b/packages/plasma-web/src/components/Calendar/CalendarBase.config.ts @@ -8,50 +8,142 @@ export const config = { variations: { view: { default: css` - ${calendarBaseTokens.calendarBackgroundColor}: transparent; - ${calendarBaseTokens.calendarSelectedItemBackground}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarSelectedItemColor}: var(--plasma-colors-background-primary); - ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(--plasma-colors-primary); + ${calendarBaseTokens.calendarSelectedItemBackground}: var(--surface-solid-default); + ${calendarBaseTokens.calendarSelectedItemColor}: var(--inverse-text-primary); + ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary); + ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(--surface-solid-default); ${calendarBaseTokens.calendarCurrentItemBackgroundHover}: transparent; - ${calendarBaseTokens.calendarCurrentItemColorHover}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarBaseTokens.calendarActiveItemBackground}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarActiveItemColor}: var(--plasma-colors-surface-solid03); - ${calendarBaseTokens.calendarHoveredItemBackground}: var(--plasma-colors-accent); - ${calendarBaseTokens.calendarHoveredItemColor}: var(--plasma-colors-background-primary); - ${calendarBaseTokens.calendarRangeBackground}: var(--plasma-colors-surface-liquid02); - ${calendarBaseTokens.calendarOutlineFocusColor}: var(--plasma-colors-button-focused); - ${calendarBaseTokens.calendarContentPrimaryColor}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarContentSecondaryColor}: var(--plasma-colors-secondary); - `, - /** - * @deprecated - * использовать `default` - */ - primary: css` - ${calendarBaseTokens.calendarBackgroundColor}: transparent; - ${calendarBaseTokens.calendarSelectedItemBackground}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarSelectedItemColor}: var(--plasma-colors-background-primary); - ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarCurrentItemBackgroundHover}: transparent; - ${calendarBaseTokens.calendarCurrentItemColorHover}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarBaseTokens.calendarActiveItemBackground}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarActiveItemColor}: var(--plasma-colors-surface-solid03); - ${calendarBaseTokens.calendarHoveredItemBackground}: var(--plasma-colors-accent); - ${calendarBaseTokens.calendarHoveredItemColor}: var(--plasma-colors-background-primary); - ${calendarBaseTokens.calendarRangeBackground}: var(--plasma-colors-surface-liquid02); - ${calendarBaseTokens.calendarOutlineFocusColor}: var(--plasma-colors-button-focused); - ${calendarBaseTokens.calendarContentPrimaryColor}: var(--plasma-colors-primary); - ${calendarBaseTokens.calendarContentSecondaryColor}: var(--plasma-colors-secondary); + ${calendarBaseTokens.calendarCurrentItemColorHover}: var(--text-primary); + ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary); + ${calendarBaseTokens.calendarActiveItemBackground}: var(--surface-solid-default); + ${calendarBaseTokens.calendarActiveItemColor}: var(--inverse-text-primary); + ${calendarBaseTokens.calendarHoveredItemBackground}: var(--surface-accent); + ${calendarBaseTokens.calendarHoveredItemColor}: var(--text-primary); + ${calendarBaseTokens.calendarRangeBackground}: var(--surface-transparent-secondary); + ${calendarBaseTokens.calendarOutlineFocusColor}: var(--surface-accent); + ${calendarBaseTokens.calendarContentPrimaryColor}: var(--surface-solid-default); + ${calendarBaseTokens.calendarContentSecondaryColor}: var(--text-secondary); + ${calendarBaseTokens.calendarDayOfWeekColor}: var(--text-secondary); + + ${calendarBaseTokens.iconButtonColor}: var(--text-primary); + ${calendarBaseTokens.iconButtonBackgroundColor}: var(--surface-clear); + ${calendarBaseTokens.iconButtonColorHover}: var(--text-primary-hover); + ${calendarBaseTokens.iconButtonBackgroundColorHover}: var(--surface-clear); + ${calendarBaseTokens.iconButtonColorActive}: var(--text-primary-hover); + ${calendarBaseTokens.iconButtonBackgroundColorActive}: var(--surface-clear); + ${calendarBaseTokens.iconButtonFocusColor}: var(--surface-accent); `, }, size: { + l: css` + ${calendarBaseTokens.calendarWidth}: 24.5rem; + ${calendarBaseTokens.calendarHeight}: 25rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.75rem; + ${calendarBaseTokens.calendarYearItemWidth}: 7.8125rem; + ${calendarBaseTokens.calendarYearItemHeight}: 5.25rem; + + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.75rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 7.8125rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 5.25rem; + + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.75rem; + ${calendarBaseTokens.calendarDayItemWidth}: 3.5rem; + ${calendarBaseTokens.calendarDayItemHeight}: 3rem; + + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 3.5rem; + ${calendarBaseTokens.iconButtonWidth}: 3.5rem; + ${calendarBaseTokens.iconButtonPadding}: 1.5rem; + ${calendarBaseTokens.iconButtonRadius}: 0.875rem; + `, m: css` - ${calendarBaseTokens.calendarHeaderArrowContainerWidth}: 5.5rem; - ${calendarBaseTokens.calendarItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarWidth}: 21rem; + ${calendarBaseTokens.calendarHeight}: 21rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.625rem; + ${calendarBaseTokens.calendarYearItemWidth}: 6.688rem; + ${calendarBaseTokens.calendarYearItemHeight}: 4.375rem; + + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.625rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 6.688rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 4.375rem; + + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.625rem; + ${calendarBaseTokens.calendarDayItemWidth}: 3rem; + ${calendarBaseTokens.calendarDayItemHeight}: 2.5rem; + + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.375rem; + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); @@ -59,24 +151,133 @@ export const config = { ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 3rem; + ${calendarBaseTokens.iconButtonWidth}: 3rem; + ${calendarBaseTokens.iconButtonPadding}: 1.25rem; + ${calendarBaseTokens.iconButtonRadius}: 0.75rem; + `, + s: css` + ${calendarBaseTokens.calendarWidth}: 17.5rem; + ${calendarBaseTokens.calendarHeight}: 17rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarYearItemWidth}: 5.5rem; + ${calendarBaseTokens.calendarYearItemHeight}: 3.5rem; + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size); ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 5.5rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 3.5rem; + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size); ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarDayItemWidth}: 2.5rem; + ${calendarBaseTokens.calendarDayItemHeight}: 2rem; + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size); ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 2.5rem; + ${calendarBaseTokens.iconButtonWidth}: 2.5rem; + ${calendarBaseTokens.iconButtonPadding}: 1rem; + ${calendarBaseTokens.iconButtonRadius}: 0.625rem; + `, + xs: css` + ${calendarBaseTokens.calendarWidth}: 17.5rem; + ${calendarBaseTokens.calendarHeight}: 15.5rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.375rem; + ${calendarBaseTokens.calendarYearItemWidth}: 5.625rem; + ${calendarBaseTokens.calendarYearItemHeight}: 3.281rem; + + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.375rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 5.625rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 3.281rem; + + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.375rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarDayItemWidth}: 2.5rem; + ${calendarBaseTokens.calendarDayItemHeight}: 1.875rem; + + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family); + ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size); + ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style); + ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing); + ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height); + ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight); + ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 2rem; + ${calendarBaseTokens.iconButtonWidth}: 2rem; + ${calendarBaseTokens.iconButtonPadding}: 0.75rem; + ${calendarBaseTokens.iconButtonRadius}: 0.5rem; `, }, }, diff --git a/packages/plasma-web/src/components/Calendar/CalendarDouble.config.ts b/packages/plasma-web/src/components/Calendar/CalendarDouble.config.ts index 636fd2beaf..bd3cd59543 100644 --- a/packages/plasma-web/src/components/Calendar/CalendarDouble.config.ts +++ b/packages/plasma-web/src/components/Calendar/CalendarDouble.config.ts @@ -8,51 +8,144 @@ export const config = { variations: { view: { default: css` + ${calendarDoubleTokens.calendarSeparatorBackground}: var(--surface-transparent-secondary); ${calendarDoubleTokens.calendarBackgroundColor}: transparent; - ${calendarDoubleTokens.calendarSelectedItemBackground}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarSelectedItemColor}: var(--plasma-colors-background-primary); - ${calendarDoubleTokens.calendarSelectableItemBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarCurrentItemBorderColor}: var(--plasma-colors-primary); + ${calendarDoubleTokens.calendarSelectedItemBackground}: var(--surface-solid-default); + ${calendarDoubleTokens.calendarSelectedItemColor}: var(--inverse-text-primary); + ${calendarDoubleTokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary); + ${calendarDoubleTokens.calendarCurrentItemBorderColor}: var(--surface-solid-default); ${calendarDoubleTokens.calendarCurrentItemBackgroundHover}: transparent; - ${calendarDoubleTokens.calendarCurrentItemColorHover}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarCurrentItemChildBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarActiveItemBackground}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarActiveItemColor}: var(--plasma-colors-surface-solid03); - ${calendarDoubleTokens.calendarHoveredItemBackground}: var(--plasma-colors-accent); - ${calendarDoubleTokens.calendarHoveredItemColor}: var(--plasma-colors-background-primary); - ${calendarDoubleTokens.calendarSeparatorBackground}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarRangeBackground}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarOutlineFocusColor}: var(--plasma-colors-button-focused); - ${calendarDoubleTokens.calendarContentPrimaryColor}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarContentSecondaryColor}: var(--plasma-colors-secondary); - `, - /** - * @deprecated - * использовать `default` - */ - primary: css` - ${calendarDoubleTokens.calendarBackgroundColor}: transparent; - ${calendarDoubleTokens.calendarSelectedItemBackground}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarSelectedItemColor}: var(--plasma-colors-background-primary); - ${calendarDoubleTokens.calendarSelectableItemBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarCurrentItemBorderColor}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarCurrentItemBackgroundHover}: transparent; - ${calendarDoubleTokens.calendarCurrentItemColorHover}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarCurrentItemChildBackgroundHover}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarActiveItemBackground}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarActiveItemColor}: var(--plasma-colors-surface-solid03); - ${calendarDoubleTokens.calendarHoveredItemBackground}: var(--plasma-colors-accent); - ${calendarDoubleTokens.calendarHoveredItemColor}: var(--plasma-colors-background-primary); - ${calendarDoubleTokens.calendarSeparatorBackground}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarRangeBackground}: var(--plasma-colors-surface-liquid02); - ${calendarDoubleTokens.calendarOutlineFocusColor}: var(--plasma-colors-button-focused); - ${calendarDoubleTokens.calendarContentPrimaryColor}: var(--plasma-colors-primary); - ${calendarDoubleTokens.calendarContentSecondaryColor}: var(--plasma-colors-secondary); + ${calendarDoubleTokens.calendarCurrentItemColorHover}: var(--text-primary); + ${calendarDoubleTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary); + ${calendarDoubleTokens.calendarActiveItemBackground}: var(--surface-solid-default); + ${calendarDoubleTokens.calendarActiveItemColor}: var(--inverse-text-primary); + ${calendarDoubleTokens.calendarHoveredItemBackground}: var(--surface-accent); + ${calendarDoubleTokens.calendarHoveredItemColor}: var(--text-primary); + ${calendarDoubleTokens.calendarRangeBackground}: var(--surface-transparent-secondary); + ${calendarDoubleTokens.calendarOutlineFocusColor}: var(--surface-accent); + ${calendarDoubleTokens.calendarContentPrimaryColor}: var(--surface-solid-default); + ${calendarDoubleTokens.calendarContentSecondaryColor}: var(--text-secondary); + + ${calendarDoubleTokens.iconButtonColor}: var(--text-primary); + ${calendarDoubleTokens.iconButtonBackgroundColor}: var(--surface-clear); + ${calendarDoubleTokens.iconButtonColorHover}: var(--text-primary-hover); + ${calendarDoubleTokens.iconButtonBackgroundColorHover}: var(--surface-clear); + ${calendarDoubleTokens.iconButtonColorActive}: var(--text-primary-hover); + ${calendarDoubleTokens.iconButtonBackgroundColorActive}: var(--surface-clear); + ${calendarDoubleTokens.iconButtonFocusColor}: var(--surface-accent); `, }, size: { + l: css` + ${calendarDoubleTokens.calendarWidth}: 51.063rem; + ${calendarDoubleTokens.calendarHeight}: 25rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.75rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 7.8125rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 5.25rem; + + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.75rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 7.8125rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 5.25rem; + + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.75rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 3.5rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 3rem; + + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.5rem; + + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 3.5rem; + ${calendarDoubleTokens.iconButtonWidth}: 3.5rem; + ${calendarDoubleTokens.iconButtonPadding}: 1.5rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.875rem; + `, m: css` - ${calendarDoubleTokens.calendarItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarWidth}: 44.063rem; + ${calendarDoubleTokens.calendarHeight}: 21rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.625rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 6.688rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 4.375rem; + + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.625rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 6.688rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 4.375rem; + + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.625rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 3rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 2.5rem; + + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.375rem; + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); @@ -60,24 +153,133 @@ export const config = { ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 3rem; + ${calendarDoubleTokens.iconButtonWidth}: 3rem; + ${calendarDoubleTokens.iconButtonPadding}: 1.25rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.75rem; + `, + s: css` + ${calendarDoubleTokens.calendarWidth}: 37.063rem; + ${calendarDoubleTokens.calendarHeight}: 17rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 5.5rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 3.5rem; + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size); ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 5.5rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 3.5rem; + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size); ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 2.5rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 2rem; + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family); ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size); ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style); ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height); ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 2.5rem; + ${calendarDoubleTokens.iconButtonWidth}: 2.5rem; + ${calendarDoubleTokens.iconButtonPadding}: 1rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.625rem; + `, + xs: css` + ${calendarDoubleTokens.calendarWidth}: 37.063rem; + ${calendarDoubleTokens.calendarHeight}: 15.5rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.375rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 5.625rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 3.281rem; + + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.375rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 5.625rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 3.281rem; + + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarDoubleTokens.calendarDaysPadding}: 0.375rem 0 0 0; + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.375rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 2.5rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 1.875rem; + + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0; + + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family); + ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size); + ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style); + ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing); + ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height); + ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight); + ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 2rem; + ${calendarDoubleTokens.iconButtonWidth}: 2rem; + ${calendarDoubleTokens.iconButtonPadding}: 0.75rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.5rem; `, }, }, diff --git a/packages/plasma-web/src/components/DatePicker/DatePicker.component-test.tsx b/packages/plasma-web/src/components/DatePicker/DatePicker.component-test.tsx new file mode 100644 index 0000000000..2b26891638 --- /dev/null +++ b/packages/plasma-web/src/components/DatePicker/DatePicker.component-test.tsx @@ -0,0 +1,535 @@ +import React, { useState } from 'react'; +import type { ComponentProps, FC, PropsWithChildren } from 'react'; +import { createGlobalStyle } from 'styled-components'; +import { standard as standardTypo } from '@salutejs/plasma-typo'; +import { IconSber } from '@salutejs/plasma-icons'; +import { mount, CypressTestDecorator, getComponent, PadMe } from '@salutejs/plasma-cy-utils'; + +import { DatePicker as DatePickerB2C, DatePickerRange as DatePickerRangeB2C } from '.'; + +type DatePickerProps = ComponentProps & { + enableContentLeft?: boolean; + enableContentRight?: boolean; +}; + +type DatePickerRangeProps = ComponentProps & { + enableContentLeft?: boolean; + enableContentRight?: boolean; + enableFirstTextfieldContentLeft?: boolean; + enableSecondTextfieldContentLeft?: boolean; + enableFirstTextfieldContentRight?: boolean; + enableSecondTextfieldContentRight?: boolean; +}; + +const StandardTypoStyle = createGlobalStyle(standardTypo); + +describe('plasma-web: DatePicker', () => { + const DatePicker = getComponent('DatePicker') as typeof DatePickerB2C; + + const CypressTestDecoratorWithTypo: FC = ({ children }) => ( + + + {children} + + ); + + const Demo = ({ + enableContentLeft, + enableContentRight, + valueError, + valueSuccess, + size = 'xs', + onToggle, + ...rest + }: DatePickerProps) => { + const [isOpen, setIsOpen] = useState(false); + + const iconSize = size === 'xs' ? 'xs' : 's'; + + return ( + : undefined} + contentRight={enableContentRight ? : undefined} + onToggle={(is, e) => { + setIsOpen(is); + onToggle?.(is, e); + }} + onCommitDate={() => setIsOpen(false)} + {...rest} + /> + ); + }; + + it('default', () => { + mount( + + + + + , + ); + + cy.get('#demo input').realClick(); + cy.matchImageSnapshot({ + failureThreshold: 0.02, + failureThresholdType: 'percent', + }); + }); + + it('prop: size l', () => { + mount( + + + , + ); + + cy.get('input').realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: size m', () => { + mount( + + + , + ); + + cy.get('input').realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: size s', () => { + mount( + + + , + ); + + cy.get('input').realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: size xs', () => { + mount( + + + , + ); + + cy.get('input').realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: defaultDate, enableContentLeft, enableContentRight', () => { + mount( + + + , + ); + + cy.get('input').realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: valueError, valueSuccess', () => { + mount( + + + + + , + ); + + cy.matchImageSnapshot(); + }); + + it('prop: label, leftHelper, placeholder', () => { + mount( + + + + + , + ); + + cy.get('#demo input').realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: format', () => { + mount( + + + + + + + , + ); + + cy.matchImageSnapshot(); + }); + + it('prop: disabled, readOnly', () => { + mount( + + + + + , + ); + + cy.matchImageSnapshot(); + }); + + it('prop: placement', () => { + cy.viewport(500, 800); + + mount( + +
+ + + , + ); + + cy.get('input').realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: onToggle, outside click', () => { + mount( + + outer text + { + expect(isOpen).to.be.oneOf([true, false]); + expect(event.type).to.eq('click'); + }} + /> + , + ); + + cy.get('input').click(); + cy.get('#outer').click(); + }); + + it('prop: input date', () => { + mount( + + + , + ); + + cy.get('input').click().type('14.06.2023'); + cy.get('.popover-root').should('be.visible'); + cy.realPress('Enter'); + + cy.matchImageSnapshot(); + }); + + it('prop: input masked date', () => { + mount( + + + , + ); + + cy.get('input').click().type('06'); + cy.get('.popover-root').should('be.visible'); + cy.get('input').should('have.value', '06/'); + cy.get('input').type('14'); + cy.get('input').should('have.value', '06/14/'); + cy.get('input').type('{backspace}'); + cy.get('input').should('have.value', '06/1'); + cy.get('input').type('42023'); + + cy.matchImageSnapshot(); + }); +}); + +describe('plasma-web: DatePickerRange', () => { + const DatePickerRange = getComponent('DatePickerRange') as typeof DatePickerRangeB2C; + const IconButton = getComponent('IconButton'); + + const CypressTestDecoratorWithTypo: FC = ({ children }) => ( + + + {children} + + ); + + const Demo = ({ + enableContentLeft, + enableContentRight, + enableFirstTextfieldContentLeft, + enableSecondTextfieldContentLeft, + enableFirstTextfieldContentRight, + enableSecondTextfieldContentRight, + size = 'xs', + onToggle, + ...rest + }: DatePickerRangeProps) => { + const [isOpen, setIsOpen] = useState(false); + + const iconSize = size === 'xs' ? 'xs' : 's'; + + const ActionButton = () => ( + + + + ); + + return ( + : undefined} + contentRight={enableContentRight ? : undefined} + firstTextfieldContentLeft={enableFirstTextfieldContentLeft ? : undefined} + firstTextfieldContentRight={enableFirstTextfieldContentRight ? : undefined} + secondTextfieldContentLeft={enableSecondTextfieldContentLeft ? : undefined} + secondTextfieldContentRight={ + enableSecondTextfieldContentRight ? : undefined + } + onToggle={(is, e) => { + setIsOpen(is); + onToggle?.(is, e); + }} + onCommitSecondDate={() => setIsOpen(false)} + {...rest} + /> + ); + }; + + it('default', () => { + mount( + + + + + , + ); + + cy.get('#demo input').first().realClick(); + cy.matchImageSnapshot({ + failureThreshold: 0.02, + failureThresholdType: 'percent', + }); + }); + + it('prop: size l', () => { + mount( + + + , + ); + + cy.get('input').first().realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: size m', () => { + mount( + + + , + ); + + cy.get('input').first().realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: size s', () => { + mount( + + + , + ); + + cy.get('input').first().realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: size xs', () => { + mount( + + + , + ); + + cy.get('input').first().realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: defaultDate, enableContent', () => { + mount( + + + , + ); + + cy.get('input').first().realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: valueError, valueSuccess', () => { + mount( + + + + + + + , + ); + + cy.matchImageSnapshot(); + }); + + it('prop: label, leftHelper, placeholder', () => { + mount( + + + + + , + ); + + cy.get('#demo input').first().realClick(); + cy.matchImageSnapshot(); + }); + + it('prop: format', () => { + mount( + + + + + + + , + ); + + cy.matchImageSnapshot(); + }); + + it('prop: disabled, readOnly', () => { + mount( + + + + + , + ); + + cy.matchImageSnapshot(); + }); + + it('prop: placement', () => { + cy.viewport(500, 800); + + mount( + +
+ + + , + ); + + cy.get('input').first().realClick(); + cy.matchImageSnapshot({ + failureThreshold: 0.02, + failureThresholdType: 'percent', + }); + }); + + it('prop: onToggle, outside click', () => { + mount( + + outer text + { + expect(isOpen).to.be.oneOf([true, false]); + expect(event.type).to.eq('click'); + }} + /> + , + ); + + cy.get('input').first().click(); + cy.get('#outer').click(); + }); + + it('prop: input date', () => { + mount( + + + , + ); + + cy.get('input').first().click().type('14.06.2023'); + cy.realPress('Enter'); + cy.focused().type('17.06.2023'); + + cy.matchImageSnapshot(); + }); + + it('prop: input date, double calendar', () => { + cy.viewport(900, 800); + + mount( + + + , + ); + + cy.get('input').first().click().type('14.06.2023'); + cy.realPress('Enter'); + cy.focused().type('17.07.2023'); + + cy.matchImageSnapshot(); + }); +}); diff --git a/packages/plasma-web/src/components/DatePicker/DatePicker.config.ts b/packages/plasma-web/src/components/DatePicker/DatePicker.config.ts new file mode 100644 index 0000000000..eda631db2b --- /dev/null +++ b/packages/plasma-web/src/components/DatePicker/DatePicker.config.ts @@ -0,0 +1,528 @@ +import { datePickerTokens as tokens, css } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + }, + variations: { + view: { + default: css` + ${tokens.background}: var(--surface-clear); + ${tokens.borderColor}: var(--surface-transparent-tertiary); + ${tokens.borderColorError}: var(--surface-negative); + ${tokens.borderColorSuccess}: var(--surface-positive); + ${tokens.borderColorHover}: var(--plasma-colors-secondary); + ${tokens.borderColorFocus}: var(--surface-accent); + + ${tokens.dividerColor}: var(--text-primary); + ${tokens.labelColor}: var(--text-primary); + ${tokens.leftHelperColor}: var(--text-secondary); + + ${tokens.textFieldColor}: var(--text-primary); + ${tokens.textFieldPlaceholderColor}: var(--text-secondary); + ${tokens.textFieldCaretColor}: var(--text-accent); + + ${tokens.textFieldBorderColorFocus}: var(--surface-accent); + ${tokens.textFieldBorderColorError}: var(--surface-negative); + ${tokens.textFieldBorderColorErrorFocus}: var(--surface-accent); + ${tokens.textFieldBorderColorSuccess}: var(--surface-positive); + ${tokens.textFieldBorderColorSuccessFocus}: var(--surface-accent); + + ${tokens.textFieldTextBeforeColor}: var(--text-tertiary); + ${tokens.textFieldTextAfterColor}: var(--text-tertiary); + + ${tokens.focusColor}: var(--text-accent); + + ${tokens.calendarShadow}: var(--shadow-down-soft-s); + ${tokens.calendarSeparatorBackground}: var(--surface-transparent-secondary); + ${tokens.calendarBackgroundColor}: var(--surface-solid-card); + ${tokens.calendarSelectedItemBackground}: var(--surface-solid-default); + ${tokens.calendarSelectedItemColor}: var(--inverse-text-primary); + ${tokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary); + ${tokens.calendarCurrentItemBorderColor}: var(--surface-solid-default); + ${tokens.calendarCurrentItemBackgroundHover}: transparent; + ${tokens.calendarCurrentItemColorHover}: var(--text-primary); + ${tokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary); + ${tokens.calendarActiveItemBackground}: var(--surface-solid-default); + ${tokens.calendarActiveItemColor}: var(--inverse-text-primary); + ${tokens.calendarHoveredItemBackground}: var(--surface-accent); + ${tokens.calendarHoveredItemColor}: var(--text-primary); + ${tokens.calendarRangeBackground}: var(--surface-transparent-secondary); + ${tokens.calendarOutlineFocusColor}: var(--surface-accent); + ${tokens.calendarContentPrimaryColor}: var(--surface-solid-default); + ${tokens.calendarContentSecondaryColor}: var(--text-secondary); + + ${tokens.iconButtonColor}: var(--text-primary); + ${tokens.iconButtonBackgroundColor}: var(--surface-clear); + ${tokens.iconButtonColorHover}: var(--text-primary-hover); + ${tokens.iconButtonBackgroundColorHover}: var(--surface-clear); + ${tokens.iconButtonColorActive}: var(--text-primary-hover); + ${tokens.iconButtonBackgroundColorActive}: var(--surface-clear); + ${tokens.iconButtonFocusColor}: var(--surface-accent); + `, + }, + size: { + l: css` + ${tokens.width}: 26.5rem; + ${tokens.borderRadius}: 0.875rem; + ${tokens.borderWidth}: 0.0625rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.leftContentMargin}: 0 0 0 1rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.75rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.textFieldHeight}: 3.5rem; + ${tokens.textFieldBorderRadius}: 0.875rem; + ${tokens.textFieldBorderWidth}: 0.0625rem; + ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarBorderRadius}: 0.875rem; + ${tokens.calendarPaddingTop}: 0.875rem + ${tokens.calendarWidth}: 26.5rem; + + ${tokens.calendarYearsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarYearItemBorderRadius}: 0.75rem; + ${tokens.calendarYearItemWidth}: 7.8125rem; + ${tokens.calendarYearItemHeight}: 5.25rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarMonthItemBorderRadius}: 0.75rem; + ${tokens.calendarMonthItemWidth}: 7.8125rem; + ${tokens.calendarMonthItemHeight}: 5.25rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarDayItemBorderRadius}: 0.75rem; + ${tokens.calendarDayItemWidth}: 3.5rem; + ${tokens.calendarDayItemHeight}: 3rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.875rem 1rem 0 1rem; + ${tokens.calendarHeaderArrowGap}: 0.5rem; + + ${tokens.calendarHeaderPadding}: 0 0 0 1rem; + ${tokens.calendarHeaderDateGap}: 0.5rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h3-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h3-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h3-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h3-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h3-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h3-bold-font-weight); + + ${tokens.iconButtonHeight}: 3.5rem; + ${tokens.iconButtonWidth}: 3.5rem; + ${tokens.iconButtonPadding}: 1.5rem; + ${tokens.iconButtonRadius}: 0.875rem; + `, + m: css` + ${tokens.width}: 23rem; + ${tokens.borderRadius}: 0.75rem; + ${tokens.borderWidth}: 0.0625rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.leftContentMargin}: 0 0 0 0.875rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.625rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.textFieldHeight}: 3rem; + ${tokens.textFieldBorderRadius}: 0.75rem; + ${tokens.textFieldBorderWidth}: 0.0625rem; + ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarWidth}: 23rem; + ${tokens.calendarBorderRadius}: 0.875rem; + + ${tokens.calendarYearsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarYearItemBorderRadius}: 0.625rem; + ${tokens.calendarYearItemWidth}: 6.688rem; + ${tokens.calendarYearItemHeight}: 4.375rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarMonthItemBorderRadius}: 0.625rem; + ${tokens.calendarMonthItemWidth}: 6.688rem; + ${tokens.calendarMonthItemHeight}: 4.375rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarDayItemBorderRadius}: 0.625rem; + ${tokens.calendarDayItemWidth}: 3rem; + ${tokens.calendarDayItemHeight}: 2.5rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.75rem 1rem 0 1rem; + ${tokens.calendarHeaderArrowGap}: 0.5rem; + + ${tokens.calendarHeaderPadding}: 0 0 0 0.875rem; + ${tokens.calendarHeaderDateGap}: 0.375rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${tokens.iconButtonHeight}: 3rem; + ${tokens.iconButtonWidth}: 3rem; + ${tokens.iconButtonPadding}: 1.25rem; + ${tokens.iconButtonRadius}: 0.75rem; + `, + s: css` + ${tokens.width}: 19.5rem; + ${tokens.borderRadius}: 0.625rem; + ${tokens.borderWidth}: 0.0625rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.leftContentMargin}: 0 0.375rem 0 0.75rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.5rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.textFieldHeight}: 2.5rem; + ${tokens.textFieldBorderRadius}: 0.625rem; + ${tokens.textFieldBorderWidth}: 0.0625rem; + ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarWidth}: 19.5rem; + ${tokens.calendarBorderRadius}: 0.875rem; + + ${tokens.calendarYearsPadding}: 0.5rem 1rem 0.875rem 1rem; + ${tokens.calendarYearItemBorderRadius}: 0.5rem; + ${tokens.calendarYearItemWidth}: 5.5rem; + ${tokens.calendarYearItemHeight}: 3.5rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 1rem 0.875rem 1rem; + ${tokens.calendarMonthItemBorderRadius}: 0.5rem; + ${tokens.calendarMonthItemWidth}: 5.5rem; + ${tokens.calendarMonthItemHeight}: 3.5rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.5rem 1rem 0.875rem 1rem; + ${tokens.calendarDayItemBorderRadius}: 0.5rem; + ${tokens.calendarDayItemWidth}: 2.5rem; + ${tokens.calendarDayItemHeight}: 2rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.75rem 1rem 0 1rem; + ${tokens.calendarHeaderArrowGap}: 0.5rem; + + ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${tokens.calendarHeaderDateGap}: 0.25rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${tokens.iconButtonHeight}: 2rem; + ${tokens.iconButtonWidth}: 2rem; + ${tokens.iconButtonPadding}: 0.75rem; + ${tokens.iconButtonRadius}: 0.5rem; + `, + xs: css` + ${tokens.width}: 19rem; + ${tokens.borderRadius}: 0.5rem; + ${tokens.borderWidth}: 0.0625rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.leftContentMargin}: 0 0 0 0.5rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.375rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldHeight}: 2rem; + ${tokens.textFieldBorderRadius}: 0.5rem; + ${tokens.textFieldBorderWidth}: 0.0625rem; + ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarWidth}: 19rem; + ${tokens.calendarBorderRadius}: 0.5rem; + ${tokens.calendarPaddingTop}: 0.5rem + + ${tokens.calendarYearsPadding}: 0.5rem 0.75rem 0.625rem 0.75rem; + ${tokens.calendarYearItemBorderRadius}: 0.375rem; + ${tokens.calendarYearItemWidth}: 5.625rem; + ${tokens.calendarYearItemHeight}: 3.281rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 0.75rem 0.625rem 0.75rem; + ${tokens.calendarMonthItemBorderRadius}: 0.375rem; + ${tokens.calendarMonthItemWidth}: 5.625rem; + ${tokens.calendarMonthItemHeight}: 3.281rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.375rem 0.75rem 0.625rem 0.75rem; + ${tokens.calendarDayItemBorderRadius}: 0.375rem; + ${tokens.calendarDayItemWidth}: 2.5rem; + ${tokens.calendarDayItemHeight}: 2rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.5rem 0.75rem 0 0.75rem; + ${tokens.calendarHeaderArrowGap}: 0; + + ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${tokens.calendarHeaderDateGap}: 0.25rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight); + + ${tokens.iconButtonHeight}: 2rem; + ${tokens.iconButtonWidth}: 2rem; + ${tokens.iconButtonPadding}: 0.75rem; + ${tokens.iconButtonRadius}: 0.5rem; + `, + }, + disabled: { + true: css` + ${tokens.disabledOpacity}: 0.4; + `, + }, + readOnly: { + true: css` + ${tokens.backgroundReadOnly}: var(--surface-clear); + ${tokens.borderColorReadOnly}: var(--surface-transparent-tertiary); + ${tokens.labelColorReadOnly}: var(--text-secondary); + ${tokens.leftHelperColorReadOnly}: var(--text-secondary); + ${tokens.dividerColorReadOnly}: var(--text-secondary); + + ${tokens.textFieldColorReadOnly}: var(--text-secondary); + ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-clear); + ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary); + `, + }, + }, +}; diff --git a/packages/plasma-web/src/components/DatePicker/DatePicker.stories.tsx b/packages/plasma-web/src/components/DatePicker/DatePicker.stories.tsx new file mode 100644 index 0000000000..a4246bab5c --- /dev/null +++ b/packages/plasma-web/src/components/DatePicker/DatePicker.stories.tsx @@ -0,0 +1,255 @@ +import React, { ComponentProps, useRef, useState } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { action } from '@storybook/addon-actions'; +import { IconPlaceholder, InSpacingDecorator } from '@salutejs/plasma-sb-utils'; + +import { IconButton } from '../IconButton/IconButton'; + +import { DatePicker, DatePickerRange } from './DatePicker'; + +const onChangeValue = action('onChangeValue'); +const onBlur = action('onBlur'); +const onFocus = action('onFocus'); + +const onChangeFirstValue = action('onChangeFirstValue'); +const onChangeSecondValue = action('onChangeSecondValue'); + +const sizes = ['l', 'm', 's', 'xs']; +const views = ['default']; +const dividers = ['none', 'dash', 'icon']; + +const meta: Meta = { + title: 'Controls/DatePicker', + decorators: [InSpacingDecorator], + argTypes: { + view: { + options: views, + control: { + type: 'inline-radio', + }, + }, + size: { + options: sizes, + control: { + type: 'inline-radio', + }, + }, + min: { + control: { + type: 'date', + }, + }, + max: { + control: { + type: 'date', + }, + }, + }, +}; + +export default meta; + +type StoryPropsDefault = ComponentProps & { + enableContentLeft: boolean; + enableContentRight: boolean; +}; + +const StoryDefault = ({ + enableContentLeft, + enableContentRight, + valueError, + valueSuccess, + size, + ...rest +}: StoryPropsDefault) => { + const [isOpen, setIsOpen] = useState(false); + + const iconSize = size === 'xs' ? 'xs' : 's'; + + return ( + : undefined} + contentRight={enableContentRight ? : undefined} + onBlur={onBlur} + onFocus={onFocus} + onToggle={(is) => setIsOpen(is)} + onChangeValue={(e, currentValue) => { + onChangeValue(e, currentValue); + }} + onCommitDate={() => setIsOpen(false)} + {...rest} + /> + ); +}; + +export const Default: StoryObj = { + argTypes: { + defaultDate: { + control: { + type: 'date', + }, + }, + }, + args: { + label: 'Лейбл', + leftHelper: 'Подсказка к полю', + placeholder: '30.05.2024', + size: 'l', + view: 'default', + defaultDate: new Date(2024, 5, 14), + min: new Date(2024, 1, 1), + max: new Date(2024, 12, 29), + maskWithFormat: false, + disabled: false, + readOnly: false, + textBefore: '', + enableContentLeft: true, + enableContentRight: true, + valueError: false, + valueSuccess: false, + }, + render: (args) => , +}; + +type StoryPropsRange = ComponentProps & { + enableContentLeft: boolean; + enableContentRight: boolean; + enableFirstTextfieldContentLeft: boolean; + enableSecondTextfieldContentLeft: boolean; + enableFirstTextfieldContentRight: boolean; + enableSecondTextfieldContentRight: boolean; +}; + +const ActionButton = ({ size }) => { + const iconSize = size === 'xs' ? 'xs' : 's'; + return ( + + + + ); +}; + +const StoryRange = ({ + dividerVariant, + enableContentLeft, + enableContentRight, + firstTextfieldTextBefore, + secondTextfieldTextBefore, + enableFirstTextfieldContentLeft, + enableSecondTextfieldContentLeft, + enableFirstTextfieldContentRight, + enableSecondTextfieldContentRight, + firstValueError, + firstValueSuccess, + secondValueError, + secondValueSuccess, + size, + ...rest +}: StoryPropsRange) => { + const rangeRef = useRef(null); + + const [isOpen, setIsOpen] = useState(false); + const [firstDate, setFirstDate] = useState(''); + + const iconSize = size === 'xs' ? 'xs' : 's'; + const showDividerIcon = dividerVariant === 'icon'; + const showDefaultTextBefore = dividerVariant === 'none'; + + const dividerIconProps = { + dividerIcon: showDividerIcon ? : null, + dividerVariant, + }; + + return ( + : undefined} + contentRight={enableContentRight ? : undefined} + firstTextfieldContentLeft={ + enableFirstTextfieldContentLeft ? : undefined + } + firstTextfieldContentRight={ + enableFirstTextfieldContentRight ? : undefined + } + secondTextfieldContentLeft={ + enableSecondTextfieldContentLeft ? : undefined + } + secondTextfieldContentRight={ + enableSecondTextfieldContentRight ? : undefined + } + firstTextfieldTextBefore={ + showDefaultTextBefore ? firstTextfieldTextBefore || 'С' : firstTextfieldTextBefore + } + secondTextfieldTextBefore={ + showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore + } + onToggle={(is) => setIsOpen(is)} + onChangeFirstValue={(e, currentValue) => { + onChangeFirstValue(e, currentValue); + }} + onChangeSecondValue={(e, currentValue) => { + onChangeSecondValue(e, currentValue); + }} + onCommitFirstDate={(currentValue) => { + setFirstDate(currentValue); + }} + onCommitSecondDate={(currentValue) => { + firstDate && currentValue && setIsOpen(false); + }} + {...dividerIconProps} + {...rest} + /> + ); +}; + +export const Range: StoryObj = { + argTypes: { + dividerVariant: { + options: dividers, + control: { + type: 'inline-radio', + }, + }, + }, + args: { + label: 'Лейбл', + leftHelper: 'Подсказка к полю', + firstPlaceholder: '30.05.2024', + secondPlaceholder: '04.06.2024', + firstTextfieldTextBefore: '', + secondTextfieldTextBefore: '', + firstTextfieldTextAfter: '', + secondTextfieldTextAfter: '', + size: 'l', + view: 'default', + isDoubleCalendar: false, + dividerVariant: 'dash', + min: new Date(2024, 1, 1), + max: new Date(2024, 12, 29), + maskWithFormat: false, + disabled: false, + readOnly: false, + enableContentLeft: true, + enableContentRight: true, + enableFirstTextfieldContentLeft: false, + enableFirstTextfieldContentRight: false, + enableSecondTextfieldContentLeft: false, + enableSecondTextfieldContentRight: false, + + firstValueError: false, + firstValueSuccess: false, + secondValueError: false, + secondValueSuccess: false, + }, + render: (args) => , +}; diff --git a/packages/plasma-web/src/components/DatePicker/DatePicker.ts b/packages/plasma-web/src/components/DatePicker/DatePicker.ts new file mode 100644 index 0000000000..2c664ca314 --- /dev/null +++ b/packages/plasma-web/src/components/DatePicker/DatePicker.ts @@ -0,0 +1,14 @@ +import { + datePickerConfig, + datePickerRangeConfig, + component, + mergeConfig, +} from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './DatePicker.config'; + +const mergedConfig = mergeConfig(datePickerConfig, config); +export const DatePicker = component(mergedConfig); + +const mergedRangeConfig = mergeConfig(datePickerRangeConfig, config); +export const DatePickerRange = component(mergedRangeConfig); diff --git a/packages/plasma-web/src/components/DatePicker/index.ts b/packages/plasma-web/src/components/DatePicker/index.ts new file mode 100644 index 0000000000..0675665ef9 --- /dev/null +++ b/packages/plasma-web/src/components/DatePicker/index.ts @@ -0,0 +1,10 @@ +export type { + DatePickerProps, + DatePickerPlacementBasic, + DatePickerPlacement, + DatePickerRangeProps, + DatePickerRangePlacement, +} from '@salutejs/plasma-new-hope/styled-components'; + +export { DatePicker, DatePickerRange } from './DatePicker'; +export { datePickerClasses, datePickerTokens } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/plasma-web/src/components/Portal/Portal.component-test.tsx b/packages/plasma-web/src/components/Portal/Portal.component-test.tsx new file mode 100644 index 0000000000..ccd995a8e3 --- /dev/null +++ b/packages/plasma-web/src/components/Portal/Portal.component-test.tsx @@ -0,0 +1,76 @@ +import { mount, CypressTestDecorator, getComponent } from '@salutejs/plasma-cy-utils'; +import { standard as standardTypo } from '@salutejs/plasma-typo'; +import React, { FC, PropsWithChildren, useState, useRef } from 'react'; +import styled, { createGlobalStyle } from 'styled-components'; + +const StandardTypoStyle = createGlobalStyle(standardTypo); + +const text = 'Тортик - это ложь'; + +const StyledWrapper = styled.div` + padding: 1.25rem; + margin-bottom: 0.625rem; + margin-top: 0.625rem; + + border: 1px solid; +`; + +describe('plasma-web: Portal', () => { + const Portal = getComponent('Portal'); + const Button = getComponent('Button'); + const BodyM = getComponent('BodyM'); + + const CypressTestDecoratorWithTypo: FC = ({ children }) => ( + + + {children} + + ); + + function Demo({ disabled = false }: { disabled?: boolean }) { + const [show, setShow] = useState(false); + const containerRef = useRef(null); + + return ( + <> + + + Содержимое портала появится в нижнем блоке. + + Если портал выключен (disabled), то содержимое появится в данном блоке. + + {show && containerRef.current && ( + + Содержимое портала + + )} + + + + ); +}; + +export const Default: StoryObj = { + render: (args) => , +}; diff --git a/packages/plasma-web/src/components/Portal/Portal.tsx b/packages/plasma-web/src/components/Portal/Portal.tsx new file mode 100644 index 0000000000..60ea33d97a --- /dev/null +++ b/packages/plasma-web/src/components/Portal/Portal.tsx @@ -0,0 +1,10 @@ +import { portalConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +const mergedConfig = mergeConfig(portalConfig); +const PortalComponent = component(mergedConfig); + +/* + * Вспомогательный компонент. Используется в Popup, Popover. + * Представляет собой ReactDOM.createPortal() в форме компонента. + */ +export const Portal = PortalComponent; diff --git a/packages/plasma-web/src/components/Portal/index.ts b/packages/plasma-web/src/components/Portal/index.ts new file mode 100644 index 0000000000..922be8e235 --- /dev/null +++ b/packages/plasma-web/src/components/Portal/index.ts @@ -0,0 +1,3 @@ +export { Portal } from './Portal'; + +export type { PortalProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/plasma-web/src/components/Range/Range.config.ts b/packages/plasma-web/src/components/Range/Range.config.ts index 006ec54dc0..2e51bec301 100644 --- a/packages/plasma-web/src/components/Range/Range.config.ts +++ b/packages/plasma-web/src/components/Range/Range.config.ts @@ -46,7 +46,7 @@ export const config = { ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height); - ${tokens.leftContentMargin}: 0 0.375rem 0 1rem; + ${tokens.leftContentMargin}: 0 0 0 1rem; ${tokens.rightContentMargin}: 0; ${tokens.labelOffset}: 0 0 0.75rem 0; @@ -94,7 +94,7 @@ export const config = { ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height); - ${tokens.leftContentMargin}: 0 0.375rem 0 0.875rem; + ${tokens.leftContentMargin}: 0 0 0 0.875rem; ${tokens.rightContentMargin}: 0; ${tokens.labelOffset}: 0 0 0.625rem 0; @@ -142,7 +142,7 @@ export const config = { ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height); - ${tokens.leftContentMargin}: 0 0.375rem 0 0.75rem; + ${tokens.leftContentMargin}: 0 0 0 0.75rem; ${tokens.rightContentMargin}: 0; ${tokens.labelOffset}: 0 0 0.5rem 0; @@ -190,7 +190,7 @@ export const config = { ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height); - ${tokens.leftContentMargin}: 0 0.25rem 0 0.5rem; + ${tokens.leftContentMargin}: 0 0 0 0.5rem; ${tokens.rightContentMargin}: 0; ${tokens.labelOffset}: 0 0 0.375rem 0; diff --git a/packages/plasma-web/src/components/Sheet/Sheet.stories.tsx b/packages/plasma-web/src/components/Sheet/Sheet.stories.tsx index 397f8c0c40..7ed7f92fca 100644 --- a/packages/plasma-web/src/components/Sheet/Sheet.stories.tsx +++ b/packages/plasma-web/src/components/Sheet/Sheet.stories.tsx @@ -222,7 +222,7 @@ const StoryWithInsideScroll = ({
{ + let theme = context.globals.theme; + + const Theme = themes[theme]; + + return ( + <> + + + + + ); +}; diff --git a/packages/sdds-dfa/.storybook/decoratorToast.tsx b/packages/sdds-dfa/.storybook/decoratorToast.tsx new file mode 100644 index 0000000000..ed9fc787d9 --- /dev/null +++ b/packages/sdds-dfa/.storybook/decoratorToast.tsx @@ -0,0 +1,9 @@ +import React from 'react'; +import type { Decorator } from '@storybook/react'; +import { ToastProvider } from '../src/components/Toast'; + +export const withToast: Decorator = (Story) => ( + + + +); diff --git a/packages/sdds-dfa/.storybook/docsPage.tsx b/packages/sdds-dfa/.storybook/docsPage.tsx new file mode 100644 index 0000000000..4c922f1adb --- /dev/null +++ b/packages/sdds-dfa/.storybook/docsPage.tsx @@ -0,0 +1,11 @@ +import { Description, Primary, Subtitle, Title, Controls } from '@storybook/addon-docs'; + +export const docsPage = () => ( + <> + + <Subtitle /> + <Description /> + <Primary /> + <Controls /> + </> +); diff --git a/packages/sdds-dfa/.storybook/main.ts b/packages/sdds-dfa/.storybook/main.ts new file mode 100644 index 0000000000..78e3c05c85 --- /dev/null +++ b/packages/sdds-dfa/.storybook/main.ts @@ -0,0 +1,32 @@ +import { mergeConfig } from 'vite'; +import type { StorybookConfig } from '@storybook/react-vite'; + +const config: StorybookConfig = { + staticDirs: ['public'], + stories: ['../src/**/*.stories.tsx', '../README.stories.mdx'], + addons: ['@storybook/addon-essentials'], + framework: { + name: '@storybook/react-vite', + options: {}, + }, + core: { + disableTelemetry: true, + }, + docs: { + autodocs: true, + defaultName: 'Docs', + }, + async viteFinal(config) { + return mergeConfig(config, { + base: '', + resolve: { + dedupe: ['react', 'react-dom', 'styled-components'], + }, + build: { + sourcemap: false, + }, + }); + }, +}; + +export default config; diff --git a/packages/sdds-dfa/.storybook/manager-head.html b/packages/sdds-dfa/.storybook/manager-head.html new file mode 100644 index 0000000000..c0435a8f2e --- /dev/null +++ b/packages/sdds-dfa/.storybook/manager-head.html @@ -0,0 +1,11 @@ +<link rel="stylesheet" href="https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansText.0.2.0.css"> +<link rel="stylesheet" href="https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansDisplay.0.2.0.css"> +<link rel="icon" href="sb-favicon.png"/> + +<style> + body { + font-family: 'SB Sans Text', Helvetica, Arial, sans-serif; + margin: 0; + padding: 0; + } +</style> diff --git a/packages/sdds-dfa/.storybook/manager.js b/packages/sdds-dfa/.storybook/manager.js new file mode 100644 index 0000000000..c06aed62ab --- /dev/null +++ b/packages/sdds-dfa/.storybook/manager.js @@ -0,0 +1,6 @@ +import { addons } from '@storybook/addons'; +import theme from './theme'; + +addons.setConfig({ + theme, +}); diff --git a/packages/sdds-dfa/.storybook/preview-head.html b/packages/sdds-dfa/.storybook/preview-head.html new file mode 100644 index 0000000000..8899b6275c --- /dev/null +++ b/packages/sdds-dfa/.storybook/preview-head.html @@ -0,0 +1,30 @@ +<link rel="stylesheet" href="https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansText.0.2.0.css"> +<link rel="stylesheet" href="https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansDisplay.0.2.0.css"> +<style> + /* stylelint-disable-next-line selector-nested-pattern */ + body { + margin: 0; + padding: 0 !important; + + /* stylelint-disable-next-line string-quotes */ + font-family: "SB Sans Text", Helvetica, Arial, sans-serif; + } + + .docblock-source { + box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05) !important; + } + + .docblock-argstable tbody { + box-shadow: inset rgba(0, 0, 0, 0.16), + 0px 1px 4px rgba(0, 0, 0, 0.05) !important; + } + + .sbdocs-preview { + background: var(--background-primary) !important; + box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05) !important; + } + + .sbdocs-table { + color: #080808; + } +</style> diff --git a/packages/sdds-dfa/.storybook/preview.tsx b/packages/sdds-dfa/.storybook/preview.tsx new file mode 100644 index 0000000000..fc86552d23 --- /dev/null +++ b/packages/sdds-dfa/.storybook/preview.tsx @@ -0,0 +1,80 @@ +import type { Preview } from '@storybook/react'; + +import storybookTheme from './theme'; +import { docsPage } from './docsPage'; +import { withTheme, SDDS_DFA_LIGHT_THEME, SDDS_DFA_DARK_THEME } from './decoratorThemes'; +import { withToast } from './decoratorToast'; + +// Workaround: to make VoiceOver read russian text properly +if (typeof document !== 'undefined') { + document.documentElement.setAttribute('lang', 'ru'); +} + +const preview: Preview = { + decorators: [withTheme, withToast], + globalTypes: { + theme: { + description: 'Global theme for components', + defaultValue: SDDS_DFA_LIGHT_THEME, + toolbar: { + title: 'Theme', + items: [SDDS_DFA_LIGHT_THEME, SDDS_DFA_DARK_THEME], + }, + }, + typoVersion: { + description: 'Global typography version for components', + defaultValue: 'standard', + toolbar: { + title: 'Typography version', + items: ['standard', 'old'], + }, + }, + }, + parameters: { + docs: { + page: docsPage, + theme: storybookTheme, + source: { type: 'code' }, + }, + options: { + storySort: { + method: 'alphabetical', + order: ['About', 'Intro', 'Colors', 'Typography', 'Controls', 'Hooks'], + }, + }, + viewport: { + viewports: { + '375': { + name: '375x812', + styles: { + width: '375px', + height: '812px', + }, + }, + '768': { + name: '768x576', + styles: { + width: '768px', + height: '576px', + }, + }, + '1024': { + name: '1024x768', + styles: { + width: '1024px', + height: '768px', + }, + }, + '1920': { + name: '1920x1080', + styles: { + width: '1920px', + height: '1080px', + }, + }, + }, + }, + }, +}; + +export default preview; diff --git a/packages/sdds-dfa/.storybook/public/images/320_320_0.jpg b/packages/sdds-dfa/.storybook/public/images/320_320_0.jpg new file mode 100644 index 0000000000..430ef834dd Binary files /dev/null and b/packages/sdds-dfa/.storybook/public/images/320_320_0.jpg differ diff --git a/packages/sdds-dfa/.storybook/public/images/320_320_1.jpg b/packages/sdds-dfa/.storybook/public/images/320_320_1.jpg new file mode 100644 index 0000000000..9c4bc766a0 Binary files /dev/null and b/packages/sdds-dfa/.storybook/public/images/320_320_1.jpg differ diff --git a/packages/sdds-dfa/.storybook/public/images/320_320_10.jpg b/packages/sdds-dfa/.storybook/public/images/320_320_10.jpg new file mode 100644 index 0000000000..90911bc7c7 Binary files /dev/null and b/packages/sdds-dfa/.storybook/public/images/320_320_10.jpg differ diff --git a/packages/sdds-dfa/.storybook/public/images/320_320_11.jpg b/packages/sdds-dfa/.storybook/public/images/320_320_11.jpg new file mode 100644 index 0000000000..8ab0bc0c62 Binary files /dev/null and b/packages/sdds-dfa/.storybook/public/images/320_320_11.jpg differ diff --git a/packages/sdds-dfa/.storybook/public/images/320_320_12.jpg b/packages/sdds-dfa/.storybook/public/images/320_320_12.jpg new file mode 100644 index 0000000000..078d43e4d9 Binary files /dev/null and b/packages/sdds-dfa/.storybook/public/images/320_320_12.jpg differ diff --git a/packages/sdds-dfa/.storybook/public/images/320_320_2.jpg b/packages/sdds-dfa/.storybook/public/images/320_320_2.jpg new file mode 100644 index 0000000000..b2597faf0c Binary files /dev/null and b/packages/sdds-dfa/.storybook/public/images/320_320_2.jpg differ diff --git a/packages/sdds-dfa/.storybook/public/images/320_320_3.jpg b/packages/sdds-dfa/.storybook/public/images/320_320_3.jpg new file mode 100644 index 0000000000..c8c974a7ce Binary files /dev/null and b/packages/sdds-dfa/.storybook/public/images/320_320_3.jpg differ diff --git a/packages/sdds-dfa/.storybook/public/images/320_320_4.jpg b/packages/sdds-dfa/.storybook/public/images/320_320_4.jpg new file mode 100644 index 0000000000..7f05e17c75 Binary files /dev/null and b/packages/sdds-dfa/.storybook/public/images/320_320_4.jpg differ diff --git a/packages/sdds-dfa/.storybook/public/images/320_320_5.jpg b/packages/sdds-dfa/.storybook/public/images/320_320_5.jpg new file mode 100644 index 0000000000..56802388fa Binary files /dev/null and b/packages/sdds-dfa/.storybook/public/images/320_320_5.jpg differ diff --git a/packages/sdds-dfa/.storybook/public/images/320_320_6.jpg b/packages/sdds-dfa/.storybook/public/images/320_320_6.jpg new file mode 100644 index 0000000000..336f18f096 Binary files /dev/null and b/packages/sdds-dfa/.storybook/public/images/320_320_6.jpg differ diff --git a/packages/sdds-dfa/.storybook/public/images/320_320_7.jpg b/packages/sdds-dfa/.storybook/public/images/320_320_7.jpg new file mode 100644 index 0000000000..f2bdec59dc Binary files /dev/null and b/packages/sdds-dfa/.storybook/public/images/320_320_7.jpg differ diff --git a/packages/sdds-dfa/.storybook/public/images/320_320_8.jpg b/packages/sdds-dfa/.storybook/public/images/320_320_8.jpg new file mode 100644 index 0000000000..7acdc55d91 Binary files /dev/null and b/packages/sdds-dfa/.storybook/public/images/320_320_8.jpg differ diff --git a/packages/sdds-dfa/.storybook/public/images/320_320_9.jpg b/packages/sdds-dfa/.storybook/public/images/320_320_9.jpg new file mode 100644 index 0000000000..5ff9dc76cc Binary files /dev/null and b/packages/sdds-dfa/.storybook/public/images/320_320_9.jpg differ diff --git a/packages/sdds-dfa/.storybook/public/images/avocado.png b/packages/sdds-dfa/.storybook/public/images/avocado.png new file mode 100644 index 0000000000..9f36ee9848 Binary files /dev/null and b/packages/sdds-dfa/.storybook/public/images/avocado.png differ diff --git a/packages/sdds-dfa/.storybook/public/images/favicon.png b/packages/sdds-dfa/.storybook/public/images/favicon.png new file mode 100644 index 0000000000..0c08799afd Binary files /dev/null and b/packages/sdds-dfa/.storybook/public/images/favicon.png differ diff --git a/packages/sdds-dfa/.storybook/public/images/logo.png b/packages/sdds-dfa/.storybook/public/images/logo.png new file mode 100644 index 0000000000..16326408ab Binary files /dev/null and b/packages/sdds-dfa/.storybook/public/images/logo.png differ diff --git a/packages/sdds-dfa/.storybook/public/sb-favicon.png b/packages/sdds-dfa/.storybook/public/sb-favicon.png new file mode 100644 index 0000000000..8f236dfe9b Binary files /dev/null and b/packages/sdds-dfa/.storybook/public/sb-favicon.png differ diff --git a/packages/sdds-dfa/.storybook/theme.js b/packages/sdds-dfa/.storybook/theme.js new file mode 100644 index 0000000000..6b2b2ff256 --- /dev/null +++ b/packages/sdds-dfa/.storybook/theme.js @@ -0,0 +1,26 @@ +import { create } from '@storybook/theming'; + +export default create({ + base: 'light', + + // UI + appBg: '#FFFFFF', + appContentBg: '#FFFFFF', + appBorderColor: 'rgba(0, 0, 0, 0.16)', + appBorderRadius: 4, + + colorPrimary: '#226AF1', + colorSecondary: '#226AF1', + + // Typography + fontBase: "'SB Sans Text', Helvetica, Arial, sans-serif", + + // Toolbar default and active colors + barTextColor: 'rgba(8, 8, 8, 0.56)', + barSelectedColor: '#226AF1', + barBg: '#FFFFFF', + + // Logo + brandTitle: 'SDDS DFA UI Kit', + brandUrl: 'https://plasma.sberdevices.ru', +}); diff --git a/packages/themes/data-themes/LICENSE.txt b/packages/sdds-dfa/LICENSE.txt similarity index 100% rename from packages/themes/data-themes/LICENSE.txt rename to packages/sdds-dfa/LICENSE.txt diff --git a/packages/sdds-dfa/README.md b/packages/sdds-dfa/README.md new file mode 100644 index 0000000000..c7ac6ea6f7 --- /dev/null +++ b/packages/sdds-dfa/README.md @@ -0,0 +1,65 @@ +# Библиотека компонентов SDDS DFA + +Реализация компонентов для создания веб-приложений. + +## Использование + +Компоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/); + +Использование данного пакета предполагает установку зависимостей: `react` & `react-dom`; + +Использование `styled-components` на проект необязательно, так же как и использование `typescript`. + +### Установка пакета + +```bash +$ npm install --save react react-dom +$ npm install --save styled-components@5.3.1 +$ npm install --save @salutejs/sdds-dfa @salutejs/sdds-themes +``` + +## Настройка + +Создайте компонент для подключения глобальных стилей: + +```jsx title="GlobalStyle.tsx" +import { createGlobalStyle } from 'styled-components'; +import { sdds_dfa__light } from '@salutejs/sdds-themes'; + +const ThemeStyle = createGlobalStyle(sdds_dfa__light); + +export const GlobalStyle = () => ( + <> + <ThemeStyle /> + </> +); +``` + +### Корень приложения + +В корне приложения вызовите компонент глобальных стилей `GlobalStyle`: + +- Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`. +- Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем. + +Для корректной работы `SSR - server side rendering` - приложение нужно обернуть в `SSRProvider` (доступен в `sdds-dfa`); + +### Использование компонентов + +Все компоненты доступны из папки `components` или напрямую из пакета: + +```jsx +// App.tsx +import { Button } from '@salutejs/sdds-dfa'; +import { textAccent } from '@salutejs/sdds-themes/tokens/sdds-dfa'; + +export const App = () => { + return ( + <Button>Hello, SDDS DFA!</Button> + + <p style={{color: textAccent}}> + Token usage example + </p> + ); +}; +``` diff --git a/packages/sdds-dfa/README.stories.mdx b/packages/sdds-dfa/README.stories.mdx new file mode 100644 index 0000000000..9e74ed0346 --- /dev/null +++ b/packages/sdds-dfa/README.stories.mdx @@ -0,0 +1,70 @@ +import { Meta } from "@storybook/addon-docs"; + +<Meta title="About" /> + +# Библиотека компонентов SDDS DFA + +Реализация компонентов для создания веб-приложений. + + +## Использование + +Компоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/); + +Использование данного пакета предполагает установку зависимостей: `react` & `react-dom`; + +Использование `styled-components` на проект необязательно, так же как и использование `typescript`. + +### Установка пакета + +```bash +$ npm install --save react react-dom +$ npm install --save styled-components@5.1.1 +$ npm install --save @salutejs/sdds-dfa @salutejs/sdds-themes +``` + +## Настройка + +Создайте компонент для подключения глобальных стилей: + +```jsx title="GlobalStyle.tsx" +import { createGlobalStyle } from 'styled-components'; +import { sdds_dfa__light } from '@salutejs/sdds-themes'; + +const ThemeStyle = createGlobalStyle(sdds_dfa__light); + +export const GlobalStyle = () => ( + <> + <ThemeStyle /> + </> +); +``` + +### Корень приложения + +В корне приложения вызовите компонент глобальных стилей `GlobalStyle`: + +- Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`. +- Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем. + +Для корректной работы dfaer side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-dfa); + +### Использование компонентов + +Все компоненты доступны из папки `components` или напрямую из пакета: + +```jsx +// App.tsx +import { Button } from '@salutejs/sdds-dfa'; +import { textAccent } from '@salutejs/sdds-themes/tokens/sdds-dfa'; + +export const App = () => { + return ( + <Button>Hello, SDDS DFA!</Button> + + <p style={{color: textAccent}}> + Token usage example + </p> + ); +}; +``` diff --git a/packages/sdds-dfa/api-extractor.json b/packages/sdds-dfa/api-extractor.json new file mode 100644 index 0000000000..c2b6c4e9cc --- /dev/null +++ b/packages/sdds-dfa/api-extractor.json @@ -0,0 +1,5 @@ +{ + "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", + "extends": "../../api-extractor.json", + "projectFolder": "." +} diff --git a/packages/sdds-dfa/api/sdds-dfa.api.md b/packages/sdds-dfa/api/sdds-dfa.api.md new file mode 100644 index 0000000000..3939b0a610 --- /dev/null +++ b/packages/sdds-dfa/api/sdds-dfa.api.md @@ -0,0 +1,1968 @@ +## API Report File for "@salutejs/sdds-dfa" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +/// <reference types="react" /> + +import { AccordionItem } from '@salutejs/plasma-new-hope/styled-components'; +import { addFocus } from '@salutejs/plasma-new-hope/styled-components'; +import { addNotification } from '@salutejs/plasma-new-hope/styled-components'; +import { AlignProp } from '@salutejs/plasma-new-hope/types/components/Cell/Cell.types'; +import { AnchorHTMLAttributes } from 'react'; +import { AsProps } from '@salutejs/plasma-new-hope/types/types'; +import { AvatarGroupProps } from '@salutejs/plasma-new-hope/styled-components'; +import { AvatarProps } from '@salutejs/plasma-new-hope/styled-components'; +import { BadgeProps } from '@salutejs/plasma-new-hope/styled-components'; +import { BaseboxProps } from '@salutejs/plasma-new-hope/styled-components'; +import { BaseCallbackChangeInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types'; +import { BaseCallbackKeyboardInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types'; +import { bodyL } from '@salutejs/sdds-themes/tokens'; +import { bodyLBold } from '@salutejs/sdds-themes/tokens'; +import { bodyM } from '@salutejs/sdds-themes/tokens'; +import { bodyMBold } from '@salutejs/sdds-themes/tokens'; +import { bodyS } from '@salutejs/sdds-themes/tokens'; +import { bodySBold } from '@salutejs/sdds-themes/tokens'; +import { bodyXS } from '@salutejs/sdds-themes/tokens'; +import { bodyXSBold } from '@salutejs/sdds-themes/tokens'; +import { bodyXXS } from '@salutejs/sdds-themes/tokens'; +import { bodyXXSBold } from '@salutejs/sdds-themes/tokens'; +import { BoldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Typography.types'; +import { ButtonBase } from '@salutejs/plasma-new-hope/styled-components'; +import { ButtonGroupProps } from '@salutejs/plasma-new-hope/styled-components'; +import { ButtonHTMLAttributes } from 'react'; +import { Calendar as Calendar_2 } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types'; +import type { CalendarBaseProps } from '@salutejs/plasma-new-hope/styled-components'; +import type { CalendarDoubleProps } from '@salutejs/plasma-new-hope/styled-components'; +import { CalendarProps } from '@salutejs/plasma-new-hope/styled-components'; +import { CalendarRange } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types'; +import { CalendarStateType } from '@salutejs/plasma-new-hope/styled-components'; +import { CellProps } from '@salutejs/plasma-new-hope/styled-components'; +import { CellTextbox } from '@salutejs/plasma-new-hope/styled-components'; +import { CellTextboxLabel } from '@salutejs/plasma-new-hope/styled-components'; +import { CellTextboxSubtitle } from '@salutejs/plasma-new-hope/styled-components'; +import { CellTextboxTitle } from '@salutejs/plasma-new-hope/styled-components'; +import { ChangeEvent } from 'react'; +import { CheckboxProps as CheckboxProps_2 } from '@salutejs/plasma-new-hope/types/components/Checkbox/Checkbox.types'; +import { ChipProps } from '@salutejs/plasma-new-hope/styled-components'; +import { closeNotification } from '@salutejs/plasma-new-hope/styled-components'; +import { ClosePlacementType } from '@salutejs/plasma-new-hope/styled-components'; +import { Col } from '@salutejs/plasma-new-hope/styled-components'; +import { ColCount } from '@salutejs/plasma-new-hope/styled-components'; +import { ColOffsetProps } from '@salutejs/plasma-new-hope/styled-components'; +import { ColProps } from '@salutejs/plasma-new-hope/styled-components'; +import { ColSizeProps } from '@salutejs/plasma-new-hope/styled-components'; +import { ComboboxProps } from '@salutejs/plasma-new-hope/styled-components'; +import { ComponentClass } from 'react'; +import { ComponentProps } from 'react'; +import { CounterProps } from '@salutejs/plasma-new-hope/styled-components'; +import { counterTokens } from '@salutejs/plasma-new-hope/styled-components'; +import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types'; +import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types'; +import { DatePickerCalendarProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types'; +import { DatePickerCalendarProps as DatePickerCalendarProps_2 } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types'; +import { datePickerClasses } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerdVariationProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types'; +import { DatePickerPlacement } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerPlacementBasic } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerPopoverProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types'; +import { DatePickerProps } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerRangePlacement } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerRangeProps } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerTextFieldProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types'; +import { datePickerTokens } from '@salutejs/plasma-new-hope/styled-components'; +import { DividerProps } from '@salutejs/plasma-new-hope/styled-components'; +import { dividerTokens } from '@salutejs/plasma-new-hope/styled-components'; +import { DoubleSliderProps } from '@salutejs/plasma-new-hope/styled-components'; +import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components'; +import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components'; +import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components'; +import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components'; +import { DropdownProps } from '@salutejs/plasma-new-hope/styled-components'; +import { dsplL } from '@salutejs/sdds-themes/tokens'; +import { dsplLBold } from '@salutejs/sdds-themes/tokens'; +import { dsplM } from '@salutejs/sdds-themes/tokens'; +import { dsplMBold } from '@salutejs/sdds-themes/tokens'; +import { dsplS } from '@salutejs/sdds-themes/tokens'; +import { dsplSBold } from '@salutejs/sdds-themes/tokens'; +import { FC } from 'react'; +import { Filter } from '@salutejs/plasma-new-hope/types/engines/types'; +import { ForwardRefExoticComponent } from 'react'; +import { FunctionComponent } from 'react'; +import { GridProps } from '@salutejs/plasma-new-hope/styled-components'; +import { h1 } from '@salutejs/sdds-themes/tokens'; +import { h1Bold } from '@salutejs/sdds-themes/tokens'; +import { h2 } from '@salutejs/sdds-themes/tokens'; +import { h2Bold } from '@salutejs/sdds-themes/tokens'; +import { h3 } from '@salutejs/sdds-themes/tokens'; +import { h3Bold } from '@salutejs/sdds-themes/tokens'; +import { h4 } from '@salutejs/sdds-themes/tokens'; +import { h4Bold } from '@salutejs/sdds-themes/tokens'; +import { h5 } from '@salutejs/sdds-themes/tokens'; +import { h5Bold } from '@salutejs/sdds-themes/tokens'; +import { HTMLAttributes } from 'react'; +import { ImageProps } from '@salutejs/plasma-new-hope/styled-components'; +import { ImgHTMLAttributes } from 'react'; +import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components'; +import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/types/types'; +import { InputHTMLAttributes as InputHTMLAttributes_2 } from 'react'; +import { JSXElementConstructor } from 'react'; +import { KeyboardEvent as KeyboardEvent_2 } from 'react'; +import { LinkCustomProps } from '@salutejs/plasma-new-hope/types/components/Link/Link'; +import { mediaQuery } from '@salutejs/plasma-new-hope/styled-components'; +import { modalClasses } from '@salutejs/plasma-new-hope/styled-components'; +import { ModalProps } from '@salutejs/plasma-new-hope/styled-components'; +import { MouseEvent as MouseEvent_2 } from 'react'; +import { NotificationIconPlacement } from '@salutejs/plasma-new-hope/styled-components'; +import { NotificationLayout } from '@salutejs/plasma-new-hope/styled-components'; +import { NotificationProps } from '@salutejs/plasma-new-hope/styled-components'; +import { Overlay } from '@salutejs/plasma-new-hope/styled-components'; +import { OverlayProps } from '@salutejs/plasma-new-hope/styled-components'; +import { PaginationProps } from '@salutejs/plasma-new-hope/styled-components'; +import { PanelProps } from '@salutejs/plasma-new-hope/types/components/Panel'; +import { PolymorphicClassName } from '@salutejs/plasma-new-hope/types/engines/types'; +import { PopoverPlacement } from '@salutejs/plasma-new-hope/styled-components'; +import { PopoverProps } from '@salutejs/plasma-new-hope/styled-components'; +import { PopoverTrigger } from '@salutejs/plasma-new-hope/styled-components'; +import { popupClasses } from '@salutejs/plasma-new-hope/styled-components'; +import { PopupInfo } from '@salutejs/plasma-new-hope/styled-components'; +import { PopupPlacement } from '@salutejs/plasma-new-hope/styled-components'; +import { PopupProps } from '@salutejs/plasma-new-hope/styled-components'; +import { PopupProvider } from '@salutejs/plasma-new-hope/styled-components'; +import { PortalProps } from '@salutejs/plasma-new-hope/styled-components'; +import { ProgressProps } from '@salutejs/plasma-new-hope/styled-components'; +import { PropsType } from '@salutejs/plasma-new-hope/types/engines/types'; +import { RadioGroup } from '@salutejs/plasma-new-hope/styled-components'; +import { RangeInputRefs } from '@salutejs/plasma-new-hope/styled-components'; +import { RangeProps } from '@salutejs/plasma-new-hope/styled-components'; +import { rangeTokens } from '@salutejs/plasma-new-hope/styled-components'; +import { Ratio } from '@salutejs/plasma-new-hope/styled-components'; +import { default as React_2 } from 'react'; +import { ReactElement } from 'react'; +import { ReactFragment } from 'react'; +import { ReactNode } from 'react'; +import { ReactPortal } from 'react'; +import { RectSkeleton } from '@salutejs/plasma-new-hope/styled-components'; +import { RefAttributes } from 'react'; +import { RefObject } from 'react'; +import { Row } from '@salutejs/plasma-new-hope/styled-components'; +import { ScreenConfig } from '@salutejs/plasma-new-hope/styled-components'; +import { ScreenMap } from '@salutejs/plasma-new-hope/styled-components'; +import { ScreenVariant } from '@salutejs/plasma-new-hope/styled-components'; +import { SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components'; +import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components'; +import { SegmentProvider } from '@salutejs/plasma-new-hope/styled-components'; +import { SegmentProviderProps } from '@salutejs/plasma-new-hope/styled-components'; +import { sheetClasses } from '@salutejs/plasma-new-hope/styled-components'; +import { SheetProps } from '@salutejs/plasma-new-hope/styled-components'; +import { ShowToastArgs } from '@salutejs/plasma-new-hope/styled-components'; +import { SingleSliderProps } from '@salutejs/plasma-new-hope/styled-components'; +import { SkeletonGradientProps } from '@salutejs/plasma-new-hope/styled-components'; +import { SkeletonSizeProps } from '@salutejs/plasma-new-hope/types/components/Skeleton/Skeleton.types'; +import { SliderProps } from '@salutejs/plasma-new-hope/styled-components'; +import { SpacingProps } from '@salutejs/plasma-new-hope/styled-components'; +import { SSRProvider } from '@salutejs/plasma-new-hope/styled-components'; +import { StatusLabels } from '@salutejs/plasma-new-hope/types/components/Avatar/Avatar.types'; +import { StyledComponent } from 'styled-components'; +import { SwitchProps as SwitchProps_2 } from '@salutejs/plasma-new-hope/styled-components'; +import { TabItemProps } from '@salutejs/plasma-new-hope/styled-components'; +import { TabItemRefs } from '@salutejs/plasma-new-hope/styled-components'; +import { TabsContext } from '@salutejs/plasma-new-hope/styled-components'; +import { TabsControllerProps } from '@salutejs/plasma-new-hope/styled-components'; +import { TabsProps } from '@salutejs/plasma-new-hope/styled-components'; +import { TextareaHTMLAttributes } from '@salutejs/plasma-new-hope/types/types'; +import { TextAreaPropsExtends } from '@salutejs/plasma-new-hope/types/components/TextArea/TextArea.types'; +import { TextFieldPrimitiveValue } from '@salutejs/plasma-new-hope/types/components/TextField/TextField.types'; +import { TextfieldPrimitiveValue } from '@salutejs/plasma-new-hope/types/components/Range/Range.types'; +import { TextFieldProps } from '@salutejs/plasma-new-hope/styled-components'; +import { textFieldTokens } from '@salutejs/plasma-new-hope/styled-components'; +import { textL } from '@salutejs/sdds-themes/tokens'; +import { textLBold } from '@salutejs/sdds-themes/tokens'; +import { textM } from '@salutejs/sdds-themes/tokens'; +import { textMBold } from '@salutejs/sdds-themes/tokens'; +import { textS } from '@salutejs/sdds-themes/tokens'; +import { textSBold } from '@salutejs/sdds-themes/tokens'; +import { TextSkeletonBaseProps } from '@salutejs/plasma-new-hope/types/components/Skeleton/TextSkeleton/TextSkeleton.types'; +import { textXS } from '@salutejs/sdds-themes/tokens'; +import { textXSBold } from '@salutejs/sdds-themes/tokens'; +import { ToastPosition } from '@salutejs/plasma-new-hope/styled-components'; +import { ToastProps } from '@salutejs/plasma-new-hope/styled-components'; +import { ToastRole } from '@salutejs/plasma-new-hope/styled-components'; +import { ToolbarProps } from '@salutejs/plasma-new-hope/styled-components'; +import { toolbarTokens } from '@salutejs/plasma-new-hope/styled-components'; +import { TooltipProps } from '@salutejs/plasma-new-hope/styled-components'; +import { usePopupContext } from '@salutejs/plasma-new-hope/styled-components'; +import { useSegment } from '@salutejs/plasma-new-hope/styled-components'; +import { useToast } from '@salutejs/plasma-new-hope/styled-components'; +import { Variants } from '@salutejs/plasma-new-hope/types/engines/types'; +import { withSkeleton } from '@salutejs/plasma-new-hope/styled-components'; + +// @public (undocumented) +export const Accordion: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +clear: PolymorphicClassName; +}; +size: { +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +xs: PolymorphicClassName; +}; +}> & { +view: string; +size?: string | undefined; +singleActive?: boolean | undefined; +defaultActiveEventKey?: number[] | undefined; +disabled?: boolean | undefined; +stretching?: "filled" | "fixed" | undefined; +onChange?: ((index?: number | undefined, value?: boolean | undefined) => void) | undefined; +children?: ReactNode; +className?: string | undefined; +} & RefAttributes<HTMLDivElement>>; + +export { AccordionItem } + +export { addFocus } + +export { addNotification } + +// @public (undocumented) +export const Avatar: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +}; +size: { +xxl: PolymorphicClassName; +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +fit: PolymorphicClassName; +}; +focused: { +true: PolymorphicClassName; +}; +}> & HTMLAttributes<HTMLDivElement> & { +size: "xxl" | "s" | "m" | "l" | "fit"; +name?: string | undefined; +url?: string | undefined; +customText?: string | undefined; +status?: "active" | "inactive" | undefined; +isScalable?: boolean | undefined; +focused?: boolean | undefined; +statusLabels?: StatusLabels | undefined; +} & RefAttributes<HTMLDivElement>>; + +// @public (undocumented) +export const AvatarGroup: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & { +children: ReactNode; +} & RefAttributes<HTMLDivElement>>; + +export { AvatarGroupProps } + +export { AvatarProps } + +// @public +export const Badge: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +accent: PolymorphicClassName; +positive: PolymorphicClassName; +warning: PolymorphicClassName; +negative: PolymorphicClassName; +dark: PolymorphicClassName; +light: PolymorphicClassName; +}; +size: { +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +}; +pilled: { +true: PolymorphicClassName; +}; +transparent: { +true: PolymorphicClassName; +}; +}> & HTMLAttributes<HTMLDivElement> & { +text?: string | undefined; +contentLeft?: ReactNode; +contentRight?: ReactNode; +pilled?: boolean | undefined; +transparent?: boolean | undefined; +size?: string | undefined; +view?: string | undefined; +} & { +children?: ReactNode; +} & RefAttributes<HTMLDivElement>>; + +export { BadgeProps } + +// @public (undocumented) +export const BodyL: FunctionComponent<PropsType< { +size: { +l: PolymorphicClassName; +}; +}> & { +breakWord?: boolean | undefined; +} & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>; + +export { bodyL } + +export { bodyLBold } + +// @public (undocumented) +export const BodyM: FunctionComponent<PropsType< { +size: { +m: PolymorphicClassName; +}; +}> & { +breakWord?: boolean | undefined; +} & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>; + +export { bodyM } + +export { bodyMBold } + +// @public (undocumented) +export const BodyS: FunctionComponent<PropsType< { +size: { +s: PolymorphicClassName; +}; +}> & { +breakWord?: boolean | undefined; +} & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>; + +export { bodyS } + +export { bodySBold } + +// @public (undocumented) +export const BodyXS: FunctionComponent<PropsType< { +size: { +xs: PolymorphicClassName; +}; +}> & { +breakWord?: boolean | undefined; +} & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>; + +export { bodyXS } + +export { bodyXSBold } + +// @public (undocumented) +export const BodyXXS: FunctionComponent<PropsType< { +size: { +xxs: PolymorphicClassName; +}; +}> & { +breakWord?: boolean | undefined; +} & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>; + +export { bodyXXS } + +export { bodyXXSBold } + +// @public +export const Button: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +accent: PolymorphicClassName; +secondary: PolymorphicClassName; +clear: PolymorphicClassName; +success: PolymorphicClassName; +warning: PolymorphicClassName; +critical: PolymorphicClassName; +dark: PolymorphicClassName; +black: PolymorphicClassName; +white: PolymorphicClassName; +}; +size: { +l: PolymorphicClassName; +lr: PolymorphicClassName; +m: PolymorphicClassName; +mr: PolymorphicClassName; +s: PolymorphicClassName; +sr: PolymorphicClassName; +xs: PolymorphicClassName; +xsr: PolymorphicClassName; +xxs: PolymorphicClassName; +}; +disabled: { +true: PolymorphicClassName; +}; +focused: { +true: PolymorphicClassName; +}; +stretching: { +auto: PolymorphicClassName; +filled: PolymorphicClassName; +fixed: PolymorphicClassName; +}; +}> & ((Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps<any> & { +text?: string | undefined; +contentLeft?: ReactNode; +contentPlacing?: ("default" | "relaxed") | undefined; +isLoading?: boolean | undefined; +loader?: ReactNode; +stretch?: boolean | undefined; +stretching?: ("auto" | "filled" | "fixed") | undefined; +square?: boolean | undefined; +focused?: boolean | undefined; +disabled?: boolean | undefined; +pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined; +view?: string | undefined; +size?: string | undefined; +outlined?: boolean | undefined; +shiftLeft?: boolean | undefined; +shiftRight?: boolean | undefined; +blur?: "small" | "medium" | "large" | undefined; +} & { +value?: string | number | undefined; +contentRight?: undefined; +} & RefAttributes<HTMLButtonElement>) | (Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps<any> & { +text?: string | undefined; +contentLeft?: ReactNode; +contentPlacing?: ("default" | "relaxed") | undefined; +isLoading?: boolean | undefined; +loader?: ReactNode; +stretch?: boolean | undefined; +stretching?: ("auto" | "filled" | "fixed") | undefined; +square?: boolean | undefined; +focused?: boolean | undefined; +disabled?: boolean | undefined; +pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined; +view?: string | undefined; +size?: string | undefined; +outlined?: boolean | undefined; +shiftLeft?: boolean | undefined; +shiftRight?: boolean | undefined; +blur?: "small" | "medium" | "large" | undefined; +} & { +value?: undefined; +contentRight?: ReactNode; +} & RefAttributes<HTMLButtonElement>))>; + +export { ButtonBase } + +// @public +export const ButtonGroup: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +accent: PolymorphicClassName; +secondary: PolymorphicClassName; +clear: PolymorphicClassName; +success: PolymorphicClassName; +warning: PolymorphicClassName; +critical: PolymorphicClassName; +dark: PolymorphicClassName; +black: PolymorphicClassName; +white: PolymorphicClassName; +}; +size: { +l: PolymorphicClassName; +lr: PolymorphicClassName; +m: PolymorphicClassName; +mr: PolymorphicClassName; +s: PolymorphicClassName; +sr: PolymorphicClassName; +xs: PolymorphicClassName; +xsr: PolymorphicClassName; +xxs: PolymorphicClassName; +}; +orientation: { +horizontal: PolymorphicClassName; +vertical: PolymorphicClassName; +}; +gap: { +none: PolymorphicClassName; +dense: PolymorphicClassName; +wide: PolymorphicClassName; +}; +shape: { +segmented: PolymorphicClassName; +default: PolymorphicClassName; +}; +stretching: { +auto: PolymorphicClassName; +filled: PolymorphicClassName; +}; +}> & ButtonGroupProps & RefAttributes<HTMLDivElement>>; + +export { ButtonGroupProps } + +// Warning: (ae-forgotten-export) The symbol "ButtonComponent" needs to be exported by the entry point index.d.ts +// +// @public (undocumented) +export type ButtonProps = typeof ButtonComponent; + +// @public (undocumented) +export const Calendar: FC<CalendarProps>; + +// @public (undocumented) +export const CalendarBase: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +}; +size: { +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +xs: PolymorphicClassName; +}; +}> & Calendar_2 & { +type?: "Days" | "Months" | "Years" | undefined; +size?: string | undefined; +view?: string | undefined; +} & RefAttributes<HTMLDivElement>>; + +// @public (undocumented) +export const CalendarBaseRange: ({ value, disabledList, eventList, min, max, onChangeValue, onChangeStartOfRange, ...rest }: CalendarRange<CalendarBaseProps>) => ReactElement<CalendarBaseProps, string | JSXElementConstructor<any>>; + +// @public (undocumented) +export const CalendarDouble: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +}; +size: { +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +xs: PolymorphicClassName; +}; +}> & HTMLAttributes<HTMLDivElement> & Calendar_2 & { +size?: string | undefined; +view?: string | undefined; +} & RefAttributes<HTMLDivElement>>; + +// @public (undocumented) +export const CalendarDoubleRange: ({ value, disabledList, eventList, min, max, onChangeValue, onChangeStartOfRange, ...rest }: CalendarRange<CalendarDoubleProps>) => ReactElement<CalendarDoubleProps, string | JSXElementConstructor<any>>; + +export { CalendarStateType } + +// @public +export const Cell: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +}; +size: { +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +xs: PolymorphicClassName; +}; +}> & (({ +size?: string | undefined; +view: string; +contentLeft?: ReactNode; +contentRight?: ReactNode; +alignContentLeft?: AlignProp | undefined; +alignContentRight?: AlignProp | undefined; +stretching?: "auto" | "filled" | "fixed" | undefined; +content?: ReactNode; +description?: string | undefined; +} & { +title?: string | undefined; +subtitle?: string | undefined; +label?: string | undefined; +children?: undefined; +} & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>) | ({ +size?: string | undefined; +view: string; +contentLeft?: ReactNode; +contentRight?: ReactNode; +alignContentLeft?: AlignProp | undefined; +alignContentRight?: AlignProp | undefined; +stretching?: "auto" | "filled" | "fixed" | undefined; +content?: ReactNode; +description?: string | undefined; +} & { +title?: undefined; +subtitle?: undefined; +label?: undefined; +children?: ReactNode; +} & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>))>; + +export { CellProps } + +export { CellTextbox } + +export { CellTextboxLabel } + +export { CellTextboxSubtitle } + +export { CellTextboxTitle } + +// @public +export const Checkbox: FunctionComponent<PropsType< { +size: { +s: PolymorphicClassName; +m: PolymorphicClassName; +}; +view: { +default: PolymorphicClassName; +secondary: PolymorphicClassName; +tertiary: PolymorphicClassName; +paragraph: PolymorphicClassName; +accent: PolymorphicClassName; +positive: PolymorphicClassName; +warning: PolymorphicClassName; +negative: PolymorphicClassName; +}; +disabled: { +true: PolymorphicClassName; +}; +focused: { +true: PolymorphicClassName; +}; +}> & CheckboxProps_2 & RefAttributes<HTMLInputElement>>; + +// Warning: (ae-forgotten-export) The symbol "CheckboxComponent" needs to be exported by the entry point index.d.ts +// +// @public (undocumented) +export type CheckboxProps = ComponentProps<typeof CheckboxComponent>; + +// @public +export const Chip: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +secondary: PolymorphicClassName; +accent: PolymorphicClassName; +}; +size: { +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +xs: PolymorphicClassName; +}; +disabled: { +true: PolymorphicClassName; +}; +focused: { +true: PolymorphicClassName; +}; +pilled: { +true: PolymorphicClassName; +}; +}> & ChipProps & RefAttributes<HTMLButtonElement>>; + +export { ChipProps } + +export { closeNotification } + +export { ClosePlacementType } + +export { Col } + +export { ColCount } + +export { ColOffsetProps } + +export { ColProps } + +export { ColSizeProps } + +// @public (undocumented) +export const Combobox: ForwardRefExoticComponent<ComboboxProps & RefAttributes<HTMLDivElement>>; + +// @public (undocumented) +export const ComboboxDivider: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & { +id?: string | undefined; +size?: string | undefined; +view?: string | undefined; +} & RefAttributes<HTMLDivElement>>; + +// @public (undocumented) +export const ComboboxFooter: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & { +id?: string | undefined; +size?: string | undefined; +view?: string | undefined; +} & RefAttributes<HTMLDivElement>>; + +// @public (undocumented) +export const ComboboxGroup: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & { +id?: string | undefined; +labelClassName?: string | undefined; +groupClassName?: string | undefined; +label?: ReactNode; +role?: string | undefined; +size?: string | undefined; +view?: string | undefined; +} & RefAttributes<HTMLDivElement>>; + +// @public (undocumented) +export const ComboboxHeader: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & { +id?: string | undefined; +size?: string | undefined; +view?: string | undefined; +} & RefAttributes<HTMLDivElement>>; + +// @public (undocumented) +export const ComboboxItem: FunctionComponent<PropsType<Variants> & Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> & { +id?: string | undefined; +disabled?: boolean | undefined; +label?: ReactNode; +role?: string | undefined; +contentLeft?: string | number | boolean | ReactFragment | ReactPortal | ReactElement<any, string | JSXElementConstructor<any>> | FunctionComponent<any> | ComponentClass<any, any> | null | undefined; +contentRight?: string | number | boolean | ReactFragment | ReactPortal | ReactElement<any, string | JSXElementConstructor<any>> | FunctionComponent<any> | ComponentClass<any, any> | null | undefined; +name?: string | undefined; +checked?: boolean | undefined; +text?: string | undefined; +value?: string | number | boolean | undefined; +isSelected?: boolean | undefined; +onClick?: ((event: MouseEvent_2<HTMLDivElement, MouseEvent>) => void) | undefined; +onSelect?: ((value?: any, text?: any) => void) | undefined; +size?: string | undefined; +view?: string | undefined; +} & RefAttributes<HTMLDivElement>>; + +export { ComboboxProps } + +// @public +export const Counter: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +accent: PolymorphicClassName; +positive: PolymorphicClassName; +warning: PolymorphicClassName; +negative: PolymorphicClassName; +dark: PolymorphicClassName; +light: PolymorphicClassName; +}; +size: { +xs: PolymorphicClassName; +xxs: PolymorphicClassName; +}; +}> & HTMLAttributes<HTMLDivElement> & { +count: number; +maxCount?: number | undefined; +size?: string | undefined; +view?: string | undefined; +} & RefAttributes<HTMLDivElement>>; + +export { CounterProps } + +export { counterTokens } + +// @public (undocumented) +export const DatePicker: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +}; +size: { +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +xs: PolymorphicClassName; +}; +disabled: { +true: PolymorphicClassName; +}; +readOnly: { +true: PolymorphicClassName; +}; +}> & DatePickerdVariationProps & DatePickerTextFieldProps & DatePickerCalendarProps & DatePickerPopoverProps & Omit<HTMLAttributes<HTMLDivElement>, "defaultValue"> & RefAttributes<HTMLInputElement>>; + +export { datePickerClasses } + +export { DatePickerPlacement } + +export { DatePickerPlacementBasic } + +export { DatePickerProps } + +// @public (undocumented) +export const DatePickerRange: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +}; +size: { +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +xs: PolymorphicClassName; +}; +disabled: { +true: PolymorphicClassName; +}; +readOnly: { +true: PolymorphicClassName; +}; +}> & DatePickerdVariationProps & { +defaultFirstDate?: Date | undefined; +defaultSecondDate?: Date | undefined; +onCommitFirstDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined) => void) | undefined; +onCommitSecondDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined) => void) | undefined; +} & { +label?: string | undefined; +view?: string | undefined; +disabled?: boolean | undefined; +readOnly?: boolean | undefined; +size?: string | undefined; +contentLeft?: ReactNode; +contentRight?: ReactNode; +leftHelper?: string | undefined; +dividerVariant?: "none" | "dash" | "icon" | undefined; +dividerIcon?: ReactNode; +firstValueError?: boolean | undefined; +secondValueError?: boolean | undefined; +firstValueSuccess?: boolean | undefined; +secondValueSuccess?: boolean | undefined; +firstPlaceholder?: string | undefined; +secondPlaceholder?: string | undefined; +firstTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +firstTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +secondTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +secondTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +firstTextfieldTextBefore?: string | undefined; +secondTextfieldTextBefore?: string | undefined; +firstTextfieldTextAfter?: string | undefined; +secondTextfieldTextAfter?: string | undefined; +onChangeFirstValue?: BaseCallbackChangeInstance | undefined; +onChangeSecondValue?: BaseCallbackChangeInstance | undefined; +onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined; +onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined; +onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined; +onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined; +} & DatePickerCalendarProps_2 & Omit<DatePickerPopoverProps, "placement"> & { +placement?: DatePickerRangePlacement | DatePickerRangePlacement[] | undefined; +isDoubleCalendar?: boolean | undefined; +} & HTMLAttributes<HTMLDivElement> & RefAttributes<RangeInputRefs>>; + +export { DatePickerRangePlacement } + +export { DatePickerRangeProps } + +export { datePickerTokens } + +// @public +export const Divider: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +dark: PolymorphicClassName; +light: PolymorphicClassName; +inverse: PolymorphicClassName; +}; +size: { +m: PolymorphicClassName; +}; +orientation: { +horizontal: PolymorphicClassName; +vertical: PolymorphicClassName; +}; +}> & DividerProps & RefAttributes<HTMLDivElement>>; + +export { DividerProps } + +export { dividerTokens } + +// @public +export const Drawer: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +}; +size: { +m: PolymorphicClassName; +}; +borderRadius: { +none: PolymorphicClassName; +default: PolymorphicClassName; +}; +}> & PopupProps & PanelProps & { +placement?: "top" | "bottom" | "right" | "left" | undefined; +asModal?: boolean | undefined; +withBlur?: boolean | undefined; +closeOnEsc?: boolean | undefined; +closeOnOverlayClick?: boolean | undefined; +onEscKeyDown?: ((event: KeyboardEvent) => void) | undefined; +onOverlayClick?: ((event: MouseEvent_2<HTMLDivElement, MouseEvent>) => void) | undefined; +initialFocusRef?: RefObject<HTMLElement> | undefined; +focusAfterRef?: RefObject<HTMLElement> | undefined; +onClose?: (() => void) | undefined; +} & RefAttributes<HTMLDivElement>>; + +// @public +export const DrawerContent: FunctionComponent<PropsType<Variants> & { +view?: string | undefined; +} & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>; + +export { DrawerContentProps } + +// @public +export const DrawerFooter: FunctionComponent<PropsType<Variants> & { +view?: string | undefined; +} & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>; + +export { DrawerFooterProps } + +// @public +export const DrawerHeader: FunctionComponent<PropsType<Variants> & { +hasClose?: boolean | undefined; +closePlacement?: "right" | "left" | undefined; +actions?: ReactNode; +onClose?: (() => void) | undefined; +view?: string | undefined; +} & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>; + +export { DrawerHeaderProps } + +export { DrawerProps } + +// @public (undocumented) +export const Dropdown: FunctionComponent<PropsType< { +size: { +xs: PolymorphicClassName; +s: PolymorphicClassName; +m: PolymorphicClassName; +l: PolymorphicClassName; +}; +view: { +default: PolymorphicClassName; +}; +}> & DropdownProps & RefAttributes<HTMLDivElement>>; + +export { DropdownProps } + +// @public (undocumented) +export const DsplL: FunctionComponent<PropsType< { +size: { +l: PolymorphicClassName; +}; +}> & { +breakWord?: boolean | undefined; +} & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>; + +export { dsplL } + +export { dsplLBold } + +// @public (undocumented) +export const DsplM: FunctionComponent<PropsType< { +size: { +m: PolymorphicClassName; +}; +}> & { +breakWord?: boolean | undefined; +} & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>; + +export { dsplM } + +export { dsplMBold } + +// @public (undocumented) +export const DsplS: FunctionComponent<PropsType< { +size: { +s: PolymorphicClassName; +}; +}> & { +breakWord?: boolean | undefined; +} & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>; + +export { dsplS } + +export { dsplSBold } + +// @public (undocumented) +export const Grid: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +}; +}> & GridProps & RefAttributes<HTMLDivElement>>; + +export { GridProps } + +// @public (undocumented) +export const H1: FunctionComponent<PropsType< { +size: { +h1: PolymorphicClassName; +}; +}> & { +breakWord?: boolean | undefined; +} & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>; + +export { h1 } + +export { h1Bold } + +// @public (undocumented) +export const H2: FunctionComponent<PropsType< { +size: { +h2: PolymorphicClassName; +}; +}> & { +breakWord?: boolean | undefined; +} & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>; + +export { h2 } + +export { h2Bold } + +// @public (undocumented) +export const H3: FunctionComponent<PropsType< { +size: { +h3: PolymorphicClassName; +}; +}> & { +breakWord?: boolean | undefined; +} & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>; + +export { h3 } + +export { h3Bold } + +// @public (undocumented) +export const H4: FunctionComponent<PropsType< { +size: { +h4: PolymorphicClassName; +}; +}> & { +breakWord?: boolean | undefined; +} & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>; + +export { h4 } + +export { h4Bold } + +// @public (undocumented) +export const H5: FunctionComponent<PropsType< { +size: { +h5: PolymorphicClassName; +}; +}> & { +breakWord?: boolean | undefined; +} & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>; + +export { h5 } + +export { h5Bold } + +// @public +export const IconButton: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +accent: PolymorphicClassName; +secondary: PolymorphicClassName; +clear: PolymorphicClassName; +success: PolymorphicClassName; +warning: PolymorphicClassName; +critical: PolymorphicClassName; +dark: PolymorphicClassName; +black: PolymorphicClassName; +white: PolymorphicClassName; +}; +size: { +l: PolymorphicClassName; +lr: PolymorphicClassName; +m: PolymorphicClassName; +mr: PolymorphicClassName; +s: PolymorphicClassName; +sr: PolymorphicClassName; +xs: PolymorphicClassName; +xsr: PolymorphicClassName; +}; +disabled: { +true: PolymorphicClassName; +}; +focused: { +true: PolymorphicClassName; +}; +}> & ((Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps<any> & { +text?: string | undefined; +contentLeft?: ReactNode; +contentPlacing?: ("default" | "relaxed") | undefined; +isLoading?: boolean | undefined; +loader?: ReactNode; +stretch?: boolean | undefined; +stretching?: ("auto" | "filled" | "fixed") | undefined; +square?: boolean | undefined; +focused?: boolean | undefined; +disabled?: boolean | undefined; +pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined; +view?: string | undefined; +size?: string | undefined; +outlined?: boolean | undefined; +shiftLeft?: boolean | undefined; +shiftRight?: boolean | undefined; +blur?: "small" | "medium" | "large" | undefined; +} & { +value?: string | number | undefined; +contentRight?: undefined; +} & RefAttributes<HTMLButtonElement>) | (Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps<any> & { +text?: string | undefined; +contentLeft?: ReactNode; +contentPlacing?: ("default" | "relaxed") | undefined; +isLoading?: boolean | undefined; +loader?: ReactNode; +stretch?: boolean | undefined; +stretching?: ("auto" | "filled" | "fixed") | undefined; +square?: boolean | undefined; +focused?: boolean | undefined; +disabled?: boolean | undefined; +pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined; +view?: string | undefined; +size?: string | undefined; +outlined?: boolean | undefined; +shiftLeft?: boolean | undefined; +shiftRight?: boolean | undefined; +blur?: "small" | "medium" | "large" | undefined; +} & { +value?: undefined; +contentRight?: ReactNode; +} & RefAttributes<HTMLButtonElement>))>; + +// @public +const Image_2: FunctionComponent<PropsType<Variants> & ImgHTMLAttributes<HTMLImageElement> & { +base?: "img" | "div" | undefined; +ratio?: "1 / 1" | "1/1" | "3 / 4" | "3/4" | "4 / 3" | "4/3" | "9 / 16" | "9/16" | "16 / 9" | "16/9" | "1 / 2" | "1/2" | "2 / 1" | "2/1" | undefined; +customRatio?: string | undefined; +} & RefAttributes<HTMLDivElement>>; +export { Image_2 as Image } + +export { ImageProps } + +// @public (undocumented) +export const Indicator: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +accent: PolymorphicClassName; +inactive: PolymorphicClassName; +positive: PolymorphicClassName; +warning: PolymorphicClassName; +negative: PolymorphicClassName; +black: PolymorphicClassName; +white: PolymorphicClassName; +}; +size: { +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +}; +}> & HTMLAttributes<HTMLDivElement> & { +size: string; +view: string; +} & RefAttributes<HTMLDivElement>>; + +export { IndicatorProps } + +// @public (undocumented) +export const LineSkeleton: FunctionComponent<PropsType< { +size: { +bodyL: PolymorphicClassName; +bodyM: PolymorphicClassName; +bodyS: PolymorphicClassName; +bodyXS: PolymorphicClassName; +bodyXXS: PolymorphicClassName; +dsplL: PolymorphicClassName; +dsplM: PolymorphicClassName; +dsplS: PolymorphicClassName; +h1: PolymorphicClassName; +h2: PolymorphicClassName; +h3: PolymorphicClassName; +h4: PolymorphicClassName; +h5: PolymorphicClassName; +textL: PolymorphicClassName; +textM: PolymorphicClassName; +textS: PolymorphicClassName; +textXS: PolymorphicClassName; +}; +}> & HTMLAttributes<HTMLDivElement> & SkeletonSizeProps & { +customGradientColor?: string | undefined; +roundness?: 0 | 8 | 12 | 14 | 16 | 18 | 20 | 24 | 28 | 32 | 250 | undefined; +} & SkeletonGradientProps & RefAttributes<HTMLDivElement>>; + +// @public +export const Link: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +secondary: PolymorphicClassName; +tertiary: PolymorphicClassName; +paragraph: PolymorphicClassName; +accent: PolymorphicClassName; +positive: PolymorphicClassName; +warning: PolymorphicClassName; +negative: PolymorphicClassName; +clear: PolymorphicClassName; +}; +disabled: { +true: PolymorphicClassName; +}; +focused: { +true: PolymorphicClassName; +}; +}> & AnchorHTMLAttributes<HTMLAnchorElement> & LinkCustomProps & RefAttributes<HTMLAnchorElement>>; + +// Warning: (ae-forgotten-export) The symbol "LinkComponent" needs to be exported by the entry point index.d.ts +// +// @public (undocumented) +export type LinkProps = typeof LinkComponent; + +export { mediaQuery } + +// @public +export const Modal: ForwardRefExoticComponent<ModalProps & RefAttributes<HTMLDivElement>>; + +export { modalClasses } + +export { ModalProps } + +// @public (undocumented) +const Notification_2: React_2.ForwardRefExoticComponent<NotificationProps & React_2.RefAttributes<HTMLDivElement>>; +export { Notification_2 as Notification } + +export { NotificationIconPlacement } + +export { NotificationLayout } + +export { NotificationProps } + +// @public (undocumented) +export const NotificationsProvider: React_2.FC<{ + children: ReactNode; + frame?: string; +}>; + +export { Overlay } + +export { OverlayProps } + +// @public +export const Pagination: FunctionComponent<PropsType< { +view: { +secondary: PolymorphicClassName; +clear: PolymorphicClassName; +default: PolymorphicClassName; +}; +viewCurrentPage: { +default: PolymorphicClassName; +secondary: PolymorphicClassName; +clear: PolymorphicClassName; +}; +size: { +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +xs: PolymorphicClassName; +}; +type: { +compact: PolymorphicClassName; +default: PolymorphicClassName; +}; +}> & PaginationProps & RefAttributes<HTMLDivElement>>; + +export { PaginationProps } + +// @public (undocumented) +export const Popover: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +}; +}> & HTMLAttributes<HTMLDivElement> & CustomPopoverProps & RefAttributes<HTMLDivElement>>; + +export { PopoverPlacement } + +export { PopoverProps } + +export { PopoverTrigger } + +// @public +export const Popup: ForwardRefExoticComponent<PopupProps & RefAttributes<HTMLDivElement>>; + +export { popupClasses } + +export { PopupInfo } + +export { PopupPlacement } + +export { PopupProps } + +export { PopupProvider } + +// @public (undocumented) +export const Portal: FunctionComponent<PropsType<Variants> & PortalProps & RefAttributes<HTMLDivElement>>; + +export { PortalProps } + +// @public (undocumented) +export const Progress: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +secondary: PolymorphicClassName; +primary: PolymorphicClassName; +accent: PolymorphicClassName; +success: PolymorphicClassName; +warning: PolymorphicClassName; +error: PolymorphicClassName; +}; +size: { +m: PolymorphicClassName; +}; +}> & ProgressProps & RefAttributes<HTMLDivElement>>; + +export { ProgressProps } + +// @public +export const Radiobox: FunctionComponent<PropsType< { +size: { +s: PolymorphicClassName; +m: PolymorphicClassName; +}; +view: { +default: PolymorphicClassName; +secondary: PolymorphicClassName; +tertiary: PolymorphicClassName; +paragraph: PolymorphicClassName; +accent: PolymorphicClassName; +positive: PolymorphicClassName; +warning: PolymorphicClassName; +negative: PolymorphicClassName; +}; +disabled: { +true: PolymorphicClassName; +}; +focused: { +true: PolymorphicClassName; +}; +}> & Filter<InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<BaseboxProps, "indeterminate"> & RefAttributes<HTMLInputElement>>; + +// Warning: (ae-forgotten-export) The symbol "RadioboxComponent" needs to be exported by the entry point index.d.ts +// +// @public (undocumented) +export type RadioboxProps = ComponentProps<typeof RadioboxComponent>; + +export { RadioGroup } + +// @public +const Range_2: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +}; +size: { +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +xs: PolymorphicClassName; +}; +disabled: { +true: PolymorphicClassName; +}; +readOnly: { +true: PolymorphicClassName; +}; +}> & (({ +label?: string | undefined; +leftHelper?: string | undefined; +contentLeft?: ReactNode; +contentRight?: ReactNode; +firstValue?: TextfieldPrimitiveValue | undefined; +secondValue?: TextfieldPrimitiveValue | undefined; +firstValueError?: boolean | undefined; +secondValueError?: boolean | undefined; +firstValueSuccess?: boolean | undefined; +secondValueSuccess?: boolean | undefined; +firstPlaceholder?: string | undefined; +secondPlaceholder?: string | undefined; +firstTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +firstTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +secondTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +secondTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +firstTextfieldTextAfter?: string | undefined; +secondTextfieldTextAfter?: string | undefined; +view?: string | undefined; +size?: string | undefined; +readOnly?: boolean | undefined; +disabled?: boolean | undefined; +onChangeFirstValue?: BaseCallbackChangeInstance | undefined; +onChangeSecondValue?: BaseCallbackChangeInstance | undefined; +onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined; +onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined; +onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined; +onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined; +onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined; +onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined; +} & { +firstTextfieldTextBefore: string; +secondTextfieldTextBefore: string; +dividerVariant?: "none" | undefined; +dividerIcon?: undefined; +} & HTMLAttributes<HTMLDivElement> & RefAttributes<RangeInputRefs>) | ({ +label?: string | undefined; +leftHelper?: string | undefined; +contentLeft?: ReactNode; +contentRight?: ReactNode; +firstValue?: TextfieldPrimitiveValue | undefined; +secondValue?: TextfieldPrimitiveValue | undefined; +firstValueError?: boolean | undefined; +secondValueError?: boolean | undefined; +firstValueSuccess?: boolean | undefined; +secondValueSuccess?: boolean | undefined; +firstPlaceholder?: string | undefined; +secondPlaceholder?: string | undefined; +firstTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +firstTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +secondTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +secondTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +firstTextfieldTextAfter?: string | undefined; +secondTextfieldTextAfter?: string | undefined; +view?: string | undefined; +size?: string | undefined; +readOnly?: boolean | undefined; +disabled?: boolean | undefined; +onChangeFirstValue?: BaseCallbackChangeInstance | undefined; +onChangeSecondValue?: BaseCallbackChangeInstance | undefined; +onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined; +onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined; +onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined; +onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined; +onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined; +onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined; +} & { +dividerVariant?: "dash" | undefined; +dividerIcon?: undefined; +firstTextfieldTextBefore?: string | undefined; +secondTextfieldTextBefore?: string | undefined; +} & HTMLAttributes<HTMLDivElement> & RefAttributes<RangeInputRefs>) | ({ +label?: string | undefined; +leftHelper?: string | undefined; +contentLeft?: ReactNode; +contentRight?: ReactNode; +firstValue?: TextfieldPrimitiveValue | undefined; +secondValue?: TextfieldPrimitiveValue | undefined; +firstValueError?: boolean | undefined; +secondValueError?: boolean | undefined; +firstValueSuccess?: boolean | undefined; +secondValueSuccess?: boolean | undefined; +firstPlaceholder?: string | undefined; +secondPlaceholder?: string | undefined; +firstTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +firstTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +secondTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +secondTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +firstTextfieldTextAfter?: string | undefined; +secondTextfieldTextAfter?: string | undefined; +view?: string | undefined; +size?: string | undefined; +readOnly?: boolean | undefined; +disabled?: boolean | undefined; +onChangeFirstValue?: BaseCallbackChangeInstance | undefined; +onChangeSecondValue?: BaseCallbackChangeInstance | undefined; +onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined; +onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined; +onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined; +onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined; +onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined; +onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined; +} & { +dividerIcon?: ReactNode; +dividerVariant?: "icon" | undefined; +firstTextfieldTextBefore?: string | undefined; +secondTextfieldTextBefore?: string | undefined; +} & HTMLAttributes<HTMLDivElement> & RefAttributes<RangeInputRefs>))>; +export { Range_2 as Range } + +export { RangeProps } + +export { rangeTokens } + +export { Ratio } + +export { RectSkeleton } + +export { Row } + +export { ScreenConfig } + +export { ScreenMap } + +export { ScreenVariant } + +// @public +export const SegmentGroup: FunctionComponent<PropsType< { +view: { +clear: PolymorphicClassName; +filled: PolymorphicClassName; +}; +size: { +xs: PolymorphicClassName; +s: PolymorphicClassName; +m: PolymorphicClassName; +l: PolymorphicClassName; +}; +disabled: { +true: PolymorphicClassName; +}; +pilled: { +true: PolymorphicClassName; +}; +filledBackground: { +true: PolymorphicClassName; +}; +stretch: { +true: PolymorphicClassName; +}; +}> & HTMLAttributes<HTMLDivElement> & { +selectionMode?: "multiple" | "single" | undefined; +disabled?: boolean | undefined; +stretch?: boolean | undefined; +pilled?: boolean | undefined; +filledBackground?: boolean | undefined; +size?: string | undefined; +view?: string | undefined; +} & RefAttributes<HTMLDivElement>>; + +export { SegmentGroupProps } + +// @public +export const SegmentItem: FunctionComponent<PropsType< { +view: { +clear: PolymorphicClassName; +default: PolymorphicClassName; +secondary: PolymorphicClassName; +}; +size: { +xs: PolymorphicClassName; +s: PolymorphicClassName; +m: PolymorphicClassName; +l: PolymorphicClassName; +}; +disabled: { +true: PolymorphicClassName; +}; +pilled: { +true: PolymorphicClassName; +}; +}> & ButtonHTMLAttributes<HTMLButtonElement> & { +value: string; +id?: string | undefined; +label?: ReactNode; +pilled?: boolean | undefined; +customHandleSelect?: ((e: MouseEvent_2<HTMLButtonElement, MouseEvent>) => void) | undefined; +size?: string | undefined; +view?: string | undefined; +} & RefAttributes<HTMLLabelElement>>; + +export { SegmentItemProps } + +export { SegmentProvider } + +export { SegmentProviderProps } + +// @public +export const Sheet: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +}; +}> & SheetProps & RefAttributes<HTMLDivElement>>; + +export { sheetClasses } + +export { SheetProps } + +export { ShowToastArgs } + +// @public +export const Slider: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +accent: PolymorphicClassName; +gradient: PolymorphicClassName; +}; +size: { +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +}; +disabled: { +true: PolymorphicClassName; +}; +}> & ((SingleSliderProps & RefAttributes<HTMLDivElement>) | (DoubleSliderProps & RefAttributes<HTMLDivElement>))>; + +export { SliderProps } + +// @public +export const Spinner: StyledComponent<FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +secondary: PolymorphicClassName; +tertiary: PolymorphicClassName; +paragraph: PolymorphicClassName; +accent: PolymorphicClassName; +positive: PolymorphicClassName; +warning: PolymorphicClassName; +negative: PolymorphicClassName; +}; +}> & ((HTMLAttributes<HTMLDivElement> & { +width?: undefined; +height?: undefined; +size?: string | undefined; +view?: string | undefined; +} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & { +width: number; +height: number; +size?: undefined; /** +* @deprecated +*/ +view?: string | undefined; +} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & { +width: string; +height: string; +size?: undefined; +view?: string | undefined; +} & RefAttributes<HTMLDivElement>))>, any, {}, never>; + +// @public (undocumented) +export type SpinnerProps = HTMLAttributes<HTMLDivElement> & { + size?: string | number; + view?: string; + color?: string; + deviceScale?: number; +}; + +export { SSRProvider } + +// @public (undocumented) +export const Switch: FunctionComponent<PropsType< { +size: { +m: PolymorphicClassName; +}; +view: { +default: PolymorphicClassName; +}; +labelPosition: { +before: PolymorphicClassName; +after: PolymorphicClassName; +}; +disabled: { +true: PolymorphicClassName; +}; +focused: { +true: PolymorphicClassName; +}; +}> & SwitchProps_2 & RefAttributes<HTMLInputElement>>; + +// Warning: (ae-forgotten-export) The symbol "SwitchComponent" needs to be exported by the entry point index.d.ts +// +// @public (undocumented) +export type SwitchProps = ComponentProps<typeof SwitchComponent>; + +// @public +export const TabItem: FunctionComponent<PropsType< { +view: { +clear: PolymorphicClassName; +secondary: PolymorphicClassName; +divider: PolymorphicClassName; +default: PolymorphicClassName; +}; +size: { +xs: PolymorphicClassName; +s: PolymorphicClassName; +m: PolymorphicClassName; +l: PolymorphicClassName; +h5: PolymorphicClassName; +h4: PolymorphicClassName; +h3: PolymorphicClassName; +h2: PolymorphicClassName; +h1: PolymorphicClassName; +}; +disabled: { +true: PolymorphicClassName; +}; +pilled: { +true: PolymorphicClassName; +}; +}> & HTMLAttributes<HTMLElement>>; + +export { TabItemProps } + +export { TabItemRefs } + +// @public +export const Tabs: ForwardRefExoticComponent<AsProps<any> & HTMLAttributes<HTMLDivElement> & { + disabled?: boolean | undefined; + stretch?: boolean | undefined; + pilled?: boolean | undefined; + size?: string | undefined; + view?: string | undefined; + outsideScroll?: boolean | { + left?: string | undefined; + right?: string | undefined; + } | undefined; + index?: number | undefined; +} & RefAttributes<HTMLDivElement>>; + +export { TabsContext } + +// @public @deprecated (undocumented) +export const TabsController: ForwardRefExoticComponent<TabsControllerProps & RefAttributes<HTMLDivElement>>; + +export { TabsControllerProps } + +export { TabsProps } + +// @public +export const TextArea: FunctionComponent<PropsType< { +size: { +xs: PolymorphicClassName; +s: PolymorphicClassName; +m: PolymorphicClassName; +l: PolymorphicClassName; +}; +view: { +default: PolymorphicClassName; +primary: PolymorphicClassName; +positive: PolymorphicClassName; +warning: PolymorphicClassName; +negative: PolymorphicClassName; +}; +disabled: { +true: PolymorphicClassName; +}; +}> & ((Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "rows" | "cols"> & TextAreaPropsExtends & { +autoResize?: boolean | undefined; +maxAuto?: number | undefined; +minAuto?: number | undefined; +} & { +height?: undefined; +width?: undefined; +} & { +rows?: undefined; +cols?: undefined; +} & RefAttributes<HTMLTextAreaElement>) | (Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "rows" | "cols"> & TextAreaPropsExtends & { +height?: string | number | undefined; +width?: string | number | undefined; +} & { +autoResize?: undefined; +maxAuto?: undefined; +minAuto?: undefined; +} & { +rows?: undefined; +cols?: undefined; +} & RefAttributes<HTMLTextAreaElement>) | (Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "rows" | "cols"> & TextAreaPropsExtends & { +rows?: number | undefined; +cols?: number | undefined; +} & { +autoResize?: undefined; +maxAuto?: undefined; +minAuto?: undefined; +} & { +height?: undefined; +width?: undefined; +} & RefAttributes<HTMLTextAreaElement>))>; + +// @public +export const TextField: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +positive: PolymorphicClassName; +warning: PolymorphicClassName; +negative: PolymorphicClassName; +}; +size: { +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +xs: PolymorphicClassName; +}; +labelPlacement: { +inner: PolymorphicClassName; +outer: PolymorphicClassName; +}; +disabled: { +true: PolymorphicClassName; +}; +readOnly: { +true: PolymorphicClassName; +}; +}> & (({ +size?: string | undefined; +view?: string | undefined; +readOnly?: boolean | undefined; +disabled?: boolean | undefined; +} & { +label?: string | undefined; +labelPlacement?: "inner" | "outer" | undefined; +leftHelper?: string | undefined; +contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +textBefore?: string | undefined; +textAfter?: string | undefined; +onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined; +} & { +chips?: undefined; +onChangeChips?: undefined; +enumerationType?: "plain" | undefined; +onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined; +} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size"> & RefAttributes<HTMLInputElement>) | ({ +size?: string | undefined; +view?: string | undefined; +readOnly?: boolean | undefined; +disabled?: boolean | undefined; +} & { +label?: string | undefined; +labelPlacement?: "inner" | "outer" | undefined; +leftHelper?: string | undefined; +contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +textBefore?: string | undefined; +textAfter?: string | undefined; +onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined; +} & { +enumerationType: "chip"; +onSearch?: undefined; +chips?: TextFieldPrimitiveValue[] | undefined; +onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined; +} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size"> & RefAttributes<HTMLInputElement>))>; + +export { TextFieldProps } + +export { textFieldTokens } + +// @public (undocumented) +export const TextL: FunctionComponent<PropsType< { +size: { +l: PolymorphicClassName; +}; +}> & { +breakWord?: boolean | undefined; +} & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>; + +export { textL } + +export { textLBold } + +// @public (undocumented) +export const TextM: FunctionComponent<PropsType< { +size: { +m: PolymorphicClassName; +}; +}> & { +breakWord?: boolean | undefined; +} & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>; + +export { textM } + +export { textMBold } + +// @public (undocumented) +export const TextS: FunctionComponent<PropsType< { +size: { +s: PolymorphicClassName; +}; +}> & { +breakWord?: boolean | undefined; +} & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>; + +export { textS } + +export { textSBold } + +// @public (undocumented) +export const TextSkeleton: FC<PropsType< { +size: { +bodyL: PolymorphicClassName; +bodyM: PolymorphicClassName; +bodyS: PolymorphicClassName; +bodyXS: PolymorphicClassName; +bodyXXS: PolymorphicClassName; +dsplL: PolymorphicClassName; +dsplM: PolymorphicClassName; +dsplS: PolymorphicClassName; +h1: PolymorphicClassName; +h2: PolymorphicClassName; +h3: PolymorphicClassName; +h4: PolymorphicClassName; +h5: PolymorphicClassName; +textL: PolymorphicClassName; +textM: PolymorphicClassName; +textS: PolymorphicClassName; +textXS: PolymorphicClassName; +}; +}> & HTMLAttributes<HTMLDivElement> & SkeletonSizeProps & { +customGradientColor?: string | undefined; +roundness?: 0 | 8 | 12 | 14 | 16 | 18 | 20 | 24 | 28 | 32 | 250 | undefined; +} & SkeletonGradientProps & RefAttributes<HTMLDivElement> & TextSkeletonBaseProps>; + +// @public (undocumented) +export const TextXS: FunctionComponent<PropsType< { +size: { +xs: PolymorphicClassName; +}; +}> & { +breakWord?: boolean | undefined; +} & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>; + +export { textXS } + +export { textXSBold } + +// @public (undocumented) +export const Toast: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +dark: PolymorphicClassName; +light: PolymorphicClassName; +}; +size: { +m: PolymorphicClassName; +}; +pilled: { +true: PolymorphicClassName; +}; +}> & HTMLAttributes<HTMLButtonElement> & CustomToastProps & RefAttributes<HTMLDivElement>>; + +export { ToastPosition } + +export { ToastProps } + +// @public (undocumented) +export const ToastProvider: ({ children }: { + children: ReactNode; +}) => JSX.Element; + +export { ToastRole } + +// @public +export const Toolbar: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +}; +size: { +xs: PolymorphicClassName; +s: PolymorphicClassName; +m: PolymorphicClassName; +l: PolymorphicClassName; +}; +}> & HTMLAttributes<HTMLDivElement> & { +children: ReactNode; +orientation?: "horizontal" | "vertical" | undefined; +hasShadow?: boolean | undefined; +size?: string | undefined; +view?: string | undefined; +} & RefAttributes<HTMLDivElement>>; + +// @public (undocumented) +export const ToolbarDivider: FunctionComponent<PropsType<Variants> & DividerProps & RefAttributes<HTMLDivElement>>; + +export { ToolbarProps } + +export { toolbarTokens } + +// @public (undocumented) +export const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<HTMLDivElement>>; + +export { TooltipProps } + +export { usePopupContext } + +export { useSegment } + +export { useToast } + +export { withSkeleton } + + +export * from "@salutejs/sdds-themes/tokens/sdds_dfa"; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/sdds-dfa/package-lock.json b/packages/sdds-dfa/package-lock.json new file mode 100644 index 0000000000..40eafdaa28 --- /dev/null +++ b/packages/sdds-dfa/package-lock.json @@ -0,0 +1,30568 @@ +{ + "name": "@salutejs/sdds-dfa", + "version": "0.76.1-dev.0", + "lockfileVersion": 2, + "requires": true, + "packages": { + "": { + "name": "@salutejs/sdds-dfa", + "version": "0.76.1-dev.0", + "license": "MIT", + "dependencies": { + "@salutejs/plasma-new-hope": "0.104.1-dev.0", + "@salutejs/sdds-themes": "0.14.0-dev.0" + }, + "devDependencies": { + "@babel/cli": "7.24.1", + "@babel/core": "7.24.4", + "@babel/plugin-transform-class-properties": "7.24.1", + "@babel/plugin-transform-react-constant-elements": "7.24.1", + "@babel/preset-env": "7.24.4", + "@babel/preset-react": "7.24.1", + "@babel/preset-typescript": "7.24.1", + "@microsoft/api-extractor": "7.38.3", + "@salutejs/plasma-colors": "0.13.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "@salutejs/plasma-cy-utils": "0.94.0-dev.0", + "@salutejs/plasma-icons": "1.198.3-dev.0", + "@salutejs/plasma-sb-utils": "0.160.0-dev.0", + "@storybook/addon-docs": "7.6.17", + "@storybook/addon-essentials": "7.6.17", + "@storybook/addons": "7.6.17", + "@storybook/react": "7.6.17", + "@storybook/react-vite": "7.6.17", + "@storybook/theming": "7.6.17", + "@types/node": "16.7.13", + "@types/react": "18.0.28", + "@types/react-dom": "18.0.11", + "@types/styled-components": "5.1.0", + "@vitejs/plugin-react": "3.1.0", + "babel-loader": "8.2.2", + "babel-plugin-annotate-pure-calls": "0.4.0", + "babel-plugin-styled-components": "1.13.2", + "default-browser-id": "2.0.0", + "react": "18.2.0", + "react-dom": "18.2.0", + "storybook": "7.6.17", + "styled-components": "5.3.1", + "typescript": "4.2.4", + "typescript-coverage-report": "0.7.0", + "vite": "4.5.3" + }, + "peerDependencies": { + "react": ">=16.13.1", + "react-dom": ">=16.13.1", + "styled-components": "^5.3.1" + } + }, + "node_modules/@ampproject/remapping": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz", + "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==", + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.0", + "@jridgewell/trace-mapping": "^0.3.9" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@aw-web-design/x-default-browser": { + "version": "1.4.126", + "resolved": "https://registry.npmjs.org/@aw-web-design/x-default-browser/-/x-default-browser-1.4.126.tgz", + "integrity": "sha512-Xk1sIhyNC/esHGGVjL/niHLowM0csl/kFO5uawBy4IrWwy0o1G8LGt3jP6nmWGz+USxeeqbihAmp/oVZju6wug==", + "dev": true, + "dependencies": { + "default-browser-id": "3.0.0" + }, + "bin": { + "x-default-browser": "bin/x-default-browser.js" + } + }, + "node_modules/@aw-web-design/x-default-browser/node_modules/bplist-parser": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.2.0.tgz", + "integrity": "sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==", + "dev": true, + "dependencies": { + "big-integer": "^1.6.44" + }, + "engines": { + "node": ">= 5.10.0" + } + }, + "node_modules/@aw-web-design/x-default-browser/node_modules/default-browser-id": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-3.0.0.tgz", + "integrity": "sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==", + "dev": true, + "dependencies": { + "bplist-parser": "^0.2.0", + "untildify": "^4.0.0" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@aw-web-design/x-default-browser/node_modules/untildify": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz", + "integrity": "sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@babel/cli": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/cli/-/cli-7.24.1.tgz", + "integrity": "sha512-HbmrtxyFUr34LwAlV9jS+sSIjUp4FpdtIMGwgufY3AsxrIfsh/HxlMTywsONAZsU0RMYbZtbZFpUCrSGs7o0EA==", + "dev": true, + "dependencies": { + "@jridgewell/trace-mapping": "^0.3.25", + "commander": "^4.0.1", + "convert-source-map": "^2.0.0", + "fs-readdir-recursive": "^1.1.0", + "glob": "^7.2.0", + "make-dir": "^2.1.0", + "slash": "^2.0.0" + }, + "bin": { + "babel": "bin/babel.js", + "babel-external-helpers": "bin/babel-external-helpers.js" + }, + "engines": { + "node": ">=6.9.0" + }, + "optionalDependencies": { + "@nicolo-ribaudo/chokidar-2": "2.1.8-no-fsevents.3", + "chokidar": "^3.4.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/code-frame": { + "version": "7.24.2", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.2.tgz", + "integrity": "sha512-y5+tLQyV8pg3fsiln67BVLD1P13Eg4lh5RW9mF0zUuvLrv9uIQ4MCL+CRT+FTsBlBjcIan6PGsLcBN0m3ClUyQ==", + "dependencies": { + "@babel/highlight": "^7.24.2", + "picocolors": "^1.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/compat-data": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.4.tgz", + "integrity": "sha512-vg8Gih2MLK+kOkHJp4gBEIkyaIi00jgWot2D9QOmmfLC8jINSOzmCLta6Bvz/JSBCqnegV0L80jhxkol5GWNfQ==", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/core": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.4.tgz", + "integrity": "sha512-MBVlMXP+kkl5394RBLSxxk/iLTeVGuXTV3cIDXavPpMMqnSnt6apKgan/U8O3USWZCWZT/TbgfEpKa4uMgN4Dg==", + "dependencies": { + "@ampproject/remapping": "^2.2.0", + "@babel/code-frame": "^7.24.2", + "@babel/generator": "^7.24.4", + "@babel/helper-compilation-targets": "^7.23.6", + "@babel/helper-module-transforms": "^7.23.3", + "@babel/helpers": "^7.24.4", + "@babel/parser": "^7.24.4", + "@babel/template": "^7.24.0", + "@babel/traverse": "^7.24.1", + "@babel/types": "^7.24.0", + "convert-source-map": "^2.0.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.2", + "json5": "^2.2.3", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/babel" + } + }, + "node_modules/@babel/generator": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.4.tgz", + "integrity": "sha512-Xd6+v6SnjWVx/nus+y0l1sxMOTOMBkyL4+BIdbALyatQnAe/SRVjANeDPSCYaX+i1iJmuGSKf3Z+E+V/va1Hvw==", + "dependencies": { + "@babel/types": "^7.24.0", + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.25", + "jsesc": "^2.5.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-annotate-as-pure": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz", + "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==", + "dev": true, + "dependencies": { + "@babel/types": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": { + "version": "7.22.15", + "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz", + "integrity": "sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==", + "dev": true, + "dependencies": { + "@babel/types": "^7.22.15" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-compilation-targets": { + "version": "7.23.6", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz", + "integrity": "sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==", + "dependencies": { + "@babel/compat-data": "^7.23.5", + "@babel/helper-validator-option": "^7.23.5", + "browserslist": "^4.22.2", + "lru-cache": "^5.1.1", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-create-class-features-plugin": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.4.tgz", + "integrity": "sha512-lG75yeuUSVu0pIcbhiYMXBXANHrpUPaOfu7ryAzskCgKUHuAxRQI5ssrtmF0X9UXldPlvT0XM/A4F44OXRt6iQ==", + "dev": true, + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-function-name": "^7.23.0", + "@babel/helper-member-expression-to-functions": "^7.23.0", + "@babel/helper-optimise-call-expression": "^7.22.5", + "@babel/helper-replace-supers": "^7.24.1", + "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5", + "@babel/helper-split-export-declaration": "^7.22.6", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-create-regexp-features-plugin": { + "version": "7.22.15", + "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz", + "integrity": "sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==", + "dev": true, + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "regexpu-core": "^5.3.1", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-define-polyfill-provider": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.1.tgz", + "integrity": "sha512-o7SDgTJuvx5vLKD6SFvkydkSMBvahDKGiNJzG22IZYXhiqoe9efY7zocICBgzHV4IRg5wdgl2nEL/tulKIEIbA==", + "dev": true, + "dependencies": { + "@babel/helper-compilation-targets": "^7.22.6", + "@babel/helper-plugin-utils": "^7.22.5", + "debug": "^4.1.1", + "lodash.debounce": "^4.0.8", + "resolve": "^1.14.2" + }, + "peerDependencies": { + "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" + } + }, + "node_modules/@babel/helper-environment-visitor": { + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz", + "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-function-name": { + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz", + "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==", + "dependencies": { + "@babel/template": "^7.22.15", + "@babel/types": "^7.23.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-hoist-variables": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz", + "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==", + "dependencies": { + "@babel/types": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-member-expression-to-functions": { + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz", + "integrity": "sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==", + "dev": true, + "dependencies": { + "@babel/types": "^7.23.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-imports": { + "version": "7.24.3", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.24.3.tgz", + "integrity": "sha512-viKb0F9f2s0BCS22QSF308z/+1YWKV/76mwt61NBzS5izMzDPwdq1pTrzf+Li3npBWX9KdQbkeCt1jSAM7lZqg==", + "dependencies": { + "@babel/types": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-transforms": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz", + "integrity": "sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==", + "dependencies": { + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-module-imports": "^7.22.15", + "@babel/helper-simple-access": "^7.22.5", + "@babel/helper-split-export-declaration": "^7.22.6", + "@babel/helper-validator-identifier": "^7.22.20" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-optimise-call-expression": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz", + "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==", + "dev": true, + "dependencies": { + "@babel/types": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-plugin-utils": { + "version": "7.24.0", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.0.tgz", + "integrity": "sha512-9cUznXMG0+FxRuJfvL82QlTqIzhVW9sL0KjMPHhAOOvpQGL8QtdxnBKILjBqxlHyliz0yCa1G903ZXI/FuHy2w==", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-remap-async-to-generator": { + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz", + "integrity": "sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==", + "dev": true, + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-wrap-function": "^7.22.20" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-replace-supers": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.24.1.tgz", + "integrity": "sha512-QCR1UqC9BzG5vZl8BMicmZ28RuUBnHhAMddD8yHFHDRH9lLTZ9uUPehX8ctVPT8l0TKblJidqcgUUKGVrePleQ==", + "dev": true, + "dependencies": { + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-member-expression-to-functions": "^7.23.0", + "@babel/helper-optimise-call-expression": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-simple-access": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz", + "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==", + "dependencies": { + "@babel/types": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-skip-transparent-expression-wrappers": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz", + "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==", + "dev": true, + "dependencies": { + "@babel/types": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-split-export-declaration": { + "version": "7.22.6", + "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz", + "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==", + "dependencies": { + "@babel/types": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-string-parser": { + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz", + "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-identifier": { + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz", + "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-option": { + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz", + "integrity": "sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-wrap-function": { + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz", + "integrity": "sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==", + "dev": true, + "dependencies": { + "@babel/helper-function-name": "^7.22.5", + "@babel/template": "^7.22.15", + "@babel/types": "^7.22.19" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helpers": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.24.4.tgz", + "integrity": "sha512-FewdlZbSiwaVGlgT1DPANDuCHaDMiOo+D/IDYRFYjHOuv66xMSJ7fQwwODwRNAPkADIO/z1EoF/l2BCWlWABDw==", + "dependencies": { + "@babel/template": "^7.24.0", + "@babel/traverse": "^7.24.1", + "@babel/types": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/highlight": { + "version": "7.24.2", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.2.tgz", + "integrity": "sha512-Yac1ao4flkTxTteCDZLEvdxg2fZfz1v8M4QpaGypq/WPDqg3ijHYbDfs+LG5hvzSoqaSZ9/Z9lKSP3CjZjv+pA==", + "dependencies": { + "@babel/helper-validator-identifier": "^7.22.20", + "chalk": "^2.4.2", + "js-tokens": "^4.0.0", + "picocolors": "^1.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/parser": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.4.tgz", + "integrity": "sha512-zTvEBcghmeBma9QIGunWevvBAp4/Qu9Bdq+2k0Ot4fVMD6v3dsC9WOcRSKk7tRRyBM/53yKMJko9xOatGQAwSg==", + "bin": { + "parser": "bin/babel-parser.js" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/plugin-bugfix-firefox-class-in-computed-class-key": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.24.4.tgz", + "integrity": "sha512-qpl6vOOEEzTLLcsuqYYo8yDtrTocmu2xkGvgNebvPjT9DTtfFYGmgDqY+rBYXNlqL4s9qLDn6xkrJv4RxAPiTA==", + "dev": true, + "dependencies": { + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.24.1.tgz", + "integrity": "sha512-y4HqEnkelJIOQGd+3g1bTeKsA5c6qM7eOn7VggGVbBc0y8MLSKHacwcIE2PplNlQSj0PqS9rrXL/nkPVK+kUNg==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.24.1.tgz", + "integrity": "sha512-Hj791Ii4ci8HqnaKHAlLNs+zaLXb0EzSDhiAWp5VNlyvCNymYfacs64pxTxbH1znW/NcArSmwpmG9IKE/TUVVQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5", + "@babel/plugin-transform-optional-chaining": "^7.24.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.13.0" + } + }, + "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.24.1.tgz", + "integrity": "sha512-m9m/fXsXLiHfwdgydIFnpk+7jlVbnvlK5B2EKiPdLUb6WX654ZaaEWJUjk8TftRbZpK0XibovlLWX4KIZhV6jw==", + "dev": true, + "dependencies": { + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/plugin-proposal-async-generator-functions": { + "version": "7.20.7", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.20.7.tgz", + "integrity": "sha512-xMbiLsn/8RK7Wq7VeVytytS2L6qE69bXPB10YCmMdDZbKF4okCqY74pI/jJQ/8U0b/F6NrT2+14b8/P9/3AMGA==", + "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-async-generator-functions instead.", + "dev": true, + "dependencies": { + "@babel/helper-environment-visitor": "^7.18.9", + "@babel/helper-plugin-utils": "^7.20.2", + "@babel/helper-remap-async-to-generator": "^7.18.9", + "@babel/plugin-syntax-async-generators": "^7.8.4" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-proposal-class-properties": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz", + "integrity": "sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==", + "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.", + "dev": true, + "dependencies": { + "@babel/helper-create-class-features-plugin": "^7.18.6", + "@babel/helper-plugin-utils": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-proposal-export-default-from": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-export-default-from/-/plugin-proposal-export-default-from-7.23.3.tgz", + "integrity": "sha512-Q23MpLZfSGZL1kU7fWqV262q65svLSCIP5kZ/JCW/rKTCm/FrLjpvEd2kfUYMVeHh4QhV/xzyoRAHWrAZJrE3Q==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/plugin-syntax-export-default-from": "^7.23.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-proposal-nullish-coalescing-operator": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz", + "integrity": "sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==", + "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead.", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.18.6", + "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-proposal-numeric-separator": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.18.6.tgz", + "integrity": "sha512-ozlZFogPqoLm8WBr5Z8UckIoE4YQ5KESVcNudyXOR8uqIkliTEgJ3RoketfG6pmzLdeZF0H/wjE9/cCEitBl7Q==", + "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-numeric-separator instead.", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.18.6", + "@babel/plugin-syntax-numeric-separator": "^7.10.4" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-proposal-object-rest-spread": { + "version": "7.20.7", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.20.7.tgz", + "integrity": "sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==", + "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.", + "dev": true, + "dependencies": { + "@babel/compat-data": "^7.20.5", + "@babel/helper-compilation-targets": "^7.20.7", + "@babel/helper-plugin-utils": "^7.20.2", + "@babel/plugin-syntax-object-rest-spread": "^7.8.3", + "@babel/plugin-transform-parameters": "^7.20.7" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-proposal-optional-catch-binding": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.18.6.tgz", + "integrity": "sha512-Q40HEhs9DJQyaZfUjjn6vE8Cv4GmMHCYuMGIWUnlxH6400VGxOuwWsPt4FxXxJkC/5eOzgn0z21M9gMT4MOhbw==", + "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-catch-binding instead.", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.18.6", + "@babel/plugin-syntax-optional-catch-binding": "^7.8.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-proposal-optional-chaining": { + "version": "7.21.0", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.21.0.tgz", + "integrity": "sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==", + "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead.", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.20.2", + "@babel/helper-skip-transparent-expression-wrappers": "^7.20.0", + "@babel/plugin-syntax-optional-chaining": "^7.8.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-proposal-private-property-in-object": { + "version": "7.21.0-placeholder-for-preset-env.2", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz", + "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==", + "dev": true, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-async-generators": { + "version": "7.8.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz", + "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.8.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-class-properties": { + "version": "7.12.13", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz", + "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.12.13" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-class-static-block": { + "version": "7.14.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz", + "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.14.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-dynamic-import": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz", + "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.8.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-export-default-from": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-default-from/-/plugin-syntax-export-default-from-7.23.3.tgz", + "integrity": "sha512-KeENO5ck1IeZ/l2lFZNy+mpobV3D2Zy5C1YFnWm+YuY5mQiAWc4yAp13dqgguwsBsFVLh4LPCEqCa5qW13N+hw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-export-namespace-from": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz", + "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.8.3" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-flow": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.23.3.tgz", + "integrity": "sha512-YZiAIpkJAwQXBJLIQbRFayR5c+gJ35Vcz3bg954k7cd73zqjvhacJuL9RbrzPz8qPmZdgqP6EUKwy0PCNhaaPA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-import-assertions": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.24.1.tgz", + "integrity": "sha512-IuwnI5XnuF189t91XbxmXeCDz3qs6iDRO7GJ++wcfgeXNs/8FmIlKcpDSXNVyuLQxlwvskmI3Ct73wUODkJBlQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-import-attributes": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.24.1.tgz", + "integrity": "sha512-zhQTMH0X2nVLnb04tz+s7AMuasX8U0FnpE+nHTOhSOINjWMnopoZTxtIKsd45n4GQ/HIZLyfIpoul8e2m0DnRA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-import-meta": { + "version": "7.10.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz", + "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.10.4" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-json-strings": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz", + "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.8.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-jsx": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.24.1.tgz", + "integrity": "sha512-2eCtxZXf+kbkMIsXS4poTvT4Yu5rXiRa+9xGVT56raghjmBTKMpFNc9R4IDiB4emao9eO22Ox7CxuJG7BgExqA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-logical-assignment-operators": { + "version": "7.10.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz", + "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.10.4" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz", + "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.8.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-numeric-separator": { + "version": "7.10.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz", + "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.10.4" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-object-rest-spread": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz", + "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.8.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-optional-catch-binding": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz", + "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.8.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-optional-chaining": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz", + "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.8.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-private-property-in-object": { + "version": "7.14.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz", + "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.14.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-top-level-await": { + "version": "7.14.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz", + "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.14.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-typescript": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.24.1.tgz", + "integrity": "sha512-Yhnmvy5HZEnHUty6i++gcfH1/l68AHnItFHnaCv6hn9dNh0hQvvQJsxpi4BMBFN5DLeHBuucT/0DgzXif/OyRw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-unicode-sets-regex": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz", + "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==", + "dev": true, + "dependencies": { + "@babel/helper-create-regexp-features-plugin": "^7.18.6", + "@babel/helper-plugin-utils": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/plugin-transform-arrow-functions": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.24.1.tgz", + "integrity": "sha512-ngT/3NkRhsaep9ck9uj2Xhv9+xB1zShY3tM3g6om4xxCELwCDN4g4Aq5dRn48+0hasAql7s2hdBOysCfNpr4fw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-async-generator-functions": { + "version": "7.24.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.24.3.tgz", + "integrity": "sha512-Qe26CMYVjpQxJ8zxM1340JFNjZaF+ISWpr1Kt/jGo+ZTUzKkfw/pphEWbRCb+lmSM6k/TOgfYLvmbHkUQ0asIg==", + "dev": true, + "dependencies": { + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-remap-async-to-generator": "^7.22.20", + "@babel/plugin-syntax-async-generators": "^7.8.4" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-async-to-generator": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.24.1.tgz", + "integrity": "sha512-AawPptitRXp1y0n4ilKcGbRYWfbbzFWz2NqNu7dacYDtFtz0CMjG64b3LQsb3KIgnf4/obcUL78hfaOS7iCUfw==", + "dev": true, + "dependencies": { + "@babel/helper-module-imports": "^7.24.1", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-remap-async-to-generator": "^7.22.20" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-block-scoped-functions": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.24.1.tgz", + "integrity": "sha512-TWWC18OShZutrv9C6mye1xwtam+uNi2bnTOCBUd5sZxyHOiWbU6ztSROofIMrK84uweEZC219POICK/sTYwfgg==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-block-scoping": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.24.4.tgz", + "integrity": "sha512-nIFUZIpGKDf9O9ttyRXpHFpKC+X3Y5mtshZONuEUYBomAKoM4y029Jr+uB1bHGPhNmK8YXHevDtKDOLmtRrp6g==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-class-properties": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.24.1.tgz", + "integrity": "sha512-OMLCXi0NqvJfORTaPQBwqLXHhb93wkBKZ4aNwMl6WtehO7ar+cmp+89iPEQPqxAnxsOKTaMcs3POz3rKayJ72g==", + "dev": true, + "dependencies": { + "@babel/helper-create-class-features-plugin": "^7.24.1", + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-class-static-block": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.24.4.tgz", + "integrity": "sha512-B8q7Pz870Hz/q9UgP8InNpY01CSLDSCyqX7zcRuv3FcPl87A2G17lASroHWaCtbdIcbYzOZ7kWmXFKbijMSmFg==", + "dev": true, + "dependencies": { + "@babel/helper-create-class-features-plugin": "^7.24.4", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-class-static-block": "^7.14.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.12.0" + } + }, + "node_modules/@babel/plugin-transform-classes": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.24.1.tgz", + "integrity": "sha512-ZTIe3W7UejJd3/3R4p7ScyyOoafetUShSf4kCqV0O7F/RiHxVj/wRaRnQlrGwflvcehNA8M42HkAiEDYZu2F1Q==", + "dev": true, + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-compilation-targets": "^7.23.6", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-function-name": "^7.23.0", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-replace-supers": "^7.24.1", + "@babel/helper-split-export-declaration": "^7.22.6", + "globals": "^11.1.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-computed-properties": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.24.1.tgz", + "integrity": "sha512-5pJGVIUfJpOS+pAqBQd+QMaTD2vCL/HcePooON6pDpHgRp4gNRmzyHTPIkXntwKsq3ayUFVfJaIKPw2pOkOcTw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/template": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-destructuring": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.24.1.tgz", + "integrity": "sha512-ow8jciWqNxR3RYbSNVuF4U2Jx130nwnBnhRw6N6h1bOejNkABmcI5X5oz29K4alWX7vf1C+o6gtKXikzRKkVdw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-dotall-regex": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.24.1.tgz", + "integrity": "sha512-p7uUxgSoZwZ2lPNMzUkqCts3xlp8n+o05ikjy7gbtFJSt9gdU88jAmtfmOxHM14noQXBxfgzf2yRWECiNVhTCw==", + "dev": true, + "dependencies": { + "@babel/helper-create-regexp-features-plugin": "^7.22.15", + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-duplicate-keys": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.24.1.tgz", + "integrity": "sha512-msyzuUnvsjsaSaocV6L7ErfNsa5nDWL1XKNnDePLgmz+WdU4w/J8+AxBMrWfi9m4IxfL5sZQKUPQKDQeeAT6lA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-dynamic-import": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.24.1.tgz", + "integrity": "sha512-av2gdSTyXcJVdI+8aFZsCAtR29xJt0S5tas+Ef8NvBNmD1a+N/3ecMLeMBgfcK+xzsjdLDT6oHt+DFPyeqUbDA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-dynamic-import": "^7.8.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-exponentiation-operator": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.24.1.tgz", + "integrity": "sha512-U1yX13dVBSwS23DEAqU+Z/PkwE9/m7QQy8Y9/+Tdb8UWYaGNDYwTLi19wqIAiROr8sXVum9A/rtiH5H0boUcTw==", + "dev": true, + "dependencies": { + "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.15", + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-export-namespace-from": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.24.1.tgz", + "integrity": "sha512-Ft38m/KFOyzKw2UaJFkWG9QnHPG/Q/2SkOrRk4pNBPg5IPZ+dOxcmkK5IyuBcxiNPyyYowPGUReyBvrvZs7IlQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-export-namespace-from": "^7.8.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-flow-strip-types": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.23.3.tgz", + "integrity": "sha512-26/pQTf9nQSNVJCrLB1IkHUKyPxR+lMrH2QDPG89+Znu9rAMbtrybdbWeE9bb7gzjmE5iXHEY+e0HUwM6Co93Q==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/plugin-syntax-flow": "^7.23.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-for-of": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.24.1.tgz", + "integrity": "sha512-OxBdcnF04bpdQdR3i4giHZNZQn7cm8RQKcSwA17wAAqEELo1ZOwp5FFgeptWUQXFyT9kwHo10aqqauYkRZPCAg==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-function-name": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.24.1.tgz", + "integrity": "sha512-BXmDZpPlh7jwicKArQASrj8n22/w6iymRnvHYYd2zO30DbE277JO20/7yXJT3QxDPtiQiOxQBbZH4TpivNXIxA==", + "dev": true, + "dependencies": { + "@babel/helper-compilation-targets": "^7.23.6", + "@babel/helper-function-name": "^7.23.0", + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-json-strings": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.24.1.tgz", + "integrity": "sha512-U7RMFmRvoasscrIFy5xA4gIp8iWnWubnKkKuUGJjsuOH7GfbMkB+XZzeslx2kLdEGdOJDamEmCqOks6e8nv8DQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-json-strings": "^7.8.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-literals": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.24.1.tgz", + "integrity": "sha512-zn9pwz8U7nCqOYIiBaOxoQOtYmMODXTJnkxG4AtX8fPmnCRYWBOHD0qcpwS9e2VDSp1zNJYpdnFMIKb8jmwu6g==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-logical-assignment-operators": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.24.1.tgz", + "integrity": "sha512-OhN6J4Bpz+hIBqItTeWJujDOfNP+unqv/NJgyhlpSqgBTPm37KkMmZV6SYcOj+pnDbdcl1qRGV/ZiIjX9Iy34w==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-member-expression-literals": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.24.1.tgz", + "integrity": "sha512-4ojai0KysTWXzHseJKa1XPNXKRbuUrhkOPY4rEGeR+7ChlJVKxFa3H3Bz+7tWaGKgJAXUWKOGmltN+u9B3+CVg==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-modules-amd": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.24.1.tgz", + "integrity": "sha512-lAxNHi4HVtjnHd5Rxg3D5t99Xm6H7b04hUS7EHIXcUl2EV4yl1gWdqZrNzXnSrHveL9qMdbODlLF55mvgjAfaQ==", + "dev": true, + "dependencies": { + "@babel/helper-module-transforms": "^7.23.3", + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-modules-commonjs": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.24.1.tgz", + "integrity": "sha512-szog8fFTUxBfw0b98gEWPaEqF42ZUD/T3bkynW/wtgx2p/XCP55WEsb+VosKceRSd6njipdZvNogqdtI4Q0chw==", + "dependencies": { + "@babel/helper-module-transforms": "^7.23.3", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-simple-access": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-modules-systemjs": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.24.1.tgz", + "integrity": "sha512-mqQ3Zh9vFO1Tpmlt8QPnbwGHzNz3lpNEMxQb1kAemn/erstyqw1r9KeOlOfo3y6xAnFEcOv2tSyrXfmMk+/YZA==", + "dev": true, + "dependencies": { + "@babel/helper-hoist-variables": "^7.22.5", + "@babel/helper-module-transforms": "^7.23.3", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-validator-identifier": "^7.22.20" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-modules-umd": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.24.1.tgz", + "integrity": "sha512-tuA3lpPj+5ITfcCluy6nWonSL7RvaG0AOTeAuvXqEKS34lnLzXpDb0dcP6K8jD0zWZFNDVly90AGFJPnm4fOYg==", + "dev": true, + "dependencies": { + "@babel/helper-module-transforms": "^7.23.3", + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-named-capturing-groups-regex": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz", + "integrity": "sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==", + "dev": true, + "dependencies": { + "@babel/helper-create-regexp-features-plugin": "^7.22.5", + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/plugin-transform-new-target": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.24.1.tgz", + "integrity": "sha512-/rurytBM34hYy0HKZQyA0nHbQgQNFm4Q/BOc9Hflxi2X3twRof7NaE5W46j4kQitm7SvACVRXsa6N/tSZxvPug==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-nullish-coalescing-operator": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.24.1.tgz", + "integrity": "sha512-iQ+caew8wRrhCikO5DrUYx0mrmdhkaELgFa+7baMcVuhxIkN7oxt06CZ51D65ugIb1UWRQ8oQe+HXAVM6qHFjw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-numeric-separator": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.24.1.tgz", + "integrity": "sha512-7GAsGlK4cNL2OExJH1DzmDeKnRv/LXq0eLUSvudrehVA5Rgg4bIrqEUW29FbKMBRT0ztSqisv7kjP+XIC4ZMNw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-numeric-separator": "^7.10.4" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-object-rest-spread": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.24.1.tgz", + "integrity": "sha512-XjD5f0YqOtebto4HGISLNfiNMTTs6tbkFf2TOqJlYKYmbo+mN9Dnpl4SRoofiziuOWMIyq3sZEUqLo3hLITFEA==", + "dev": true, + "dependencies": { + "@babel/helper-compilation-targets": "^7.23.6", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-object-rest-spread": "^7.8.3", + "@babel/plugin-transform-parameters": "^7.24.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-object-super": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.24.1.tgz", + "integrity": "sha512-oKJqR3TeI5hSLRxudMjFQ9re9fBVUU0GICqM3J1mi8MqlhVr6hC/ZN4ttAyMuQR6EZZIY6h/exe5swqGNNIkWQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-replace-supers": "^7.24.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-optional-catch-binding": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.24.1.tgz", + "integrity": "sha512-oBTH7oURV4Y+3EUrf6cWn1OHio3qG/PVwO5J03iSJmBg6m2EhKjkAu/xuaXaYwWW9miYtvbWv4LNf0AmR43LUA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-optional-catch-binding": "^7.8.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-optional-chaining": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.24.1.tgz", + "integrity": "sha512-n03wmDt+987qXwAgcBlnUUivrZBPZ8z1plL0YvgQalLm+ZE5BMhGm94jhxXtA1wzv1Cu2aaOv1BM9vbVttrzSg==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5", + "@babel/plugin-syntax-optional-chaining": "^7.8.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-parameters": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.24.1.tgz", + "integrity": "sha512-8Jl6V24g+Uw5OGPeWNKrKqXPDw2YDjLc53ojwfMcKwlEoETKU9rU0mHUtcg9JntWI/QYzGAXNWEcVHZ+fR+XXg==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-private-methods": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.24.1.tgz", + "integrity": "sha512-tGvisebwBO5em4PaYNqt4fkw56K2VALsAbAakY0FjTYqJp7gfdrgr7YX76Or8/cpik0W6+tj3rZ0uHU9Oil4tw==", + "dev": true, + "dependencies": { + "@babel/helper-create-class-features-plugin": "^7.24.1", + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-private-property-in-object": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.24.1.tgz", + "integrity": "sha512-pTHxDVa0BpUbvAgX3Gat+7cSciXqUcY9j2VZKTbSB6+VQGpNgNO9ailxTGHSXlqOnX1Hcx1Enme2+yv7VqP9bg==", + "dev": true, + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-create-class-features-plugin": "^7.24.1", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-private-property-in-object": "^7.14.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-property-literals": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.24.1.tgz", + "integrity": "sha512-LetvD7CrHmEx0G442gOomRr66d7q8HzzGGr4PMHGr+5YIm6++Yke+jxj246rpvsbyhJwCLxcTn6zW1P1BSenqA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-react-constant-elements": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.24.1.tgz", + "integrity": "sha512-QXp1U9x0R7tkiGB0FOk8o74jhnap0FlZ5gNkRIWdG3eP+SvMFg118e1zaWewDzgABb106QSKpVsD3Wgd8t6ifA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-react-display-name": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.24.1.tgz", + "integrity": "sha512-mvoQg2f9p2qlpDQRBC7M3c3XTr0k7cp/0+kFKKO/7Gtu0LSw16eKB+Fabe2bDT/UpsyasTBBkAnbdsLrkD5XMw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-react-jsx": { + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.23.4.tgz", + "integrity": "sha512-5xOpoPguCZCRbo/JeHlloSkTA8Bld1J/E1/kLfD1nsuiW1m8tduTA1ERCgIZokDflX/IBzKcqR3l7VlRgiIfHA==", + "dev": true, + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-module-imports": "^7.22.15", + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/plugin-syntax-jsx": "^7.23.3", + "@babel/types": "^7.23.4" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-react-jsx-development": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.22.5.tgz", + "integrity": "sha512-bDhuzwWMuInwCYeDeMzyi7TaBgRQei6DqxhbyniL7/VG4RSS7HtSL2QbY4eESy1KJqlWt8g3xeEBGPuo+XqC8A==", + "dev": true, + "dependencies": { + "@babel/plugin-transform-react-jsx": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-react-jsx-self": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.23.3.tgz", + "integrity": "sha512-qXRvbeKDSfwnlJnanVRp0SfuWE5DQhwQr5xtLBzp56Wabyo+4CMosF6Kfp+eOD/4FYpql64XVJ2W0pVLlJZxOQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-react-jsx-source": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.23.3.tgz", + "integrity": "sha512-91RS0MDnAWDNvGC6Wio5XYkyWI39FMFO+JK9+4AlgaTH+yWwVTsw7/sn6LK0lH7c5F+TFkpv/3LfCJ1Ydwof/g==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-react-pure-annotations": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.24.1.tgz", + "integrity": "sha512-+pWEAaDJvSm9aFvJNpLiM2+ktl2Sn2U5DdyiWdZBxmLc6+xGt88dvFqsHiAiDS+8WqUwbDfkKz9jRxK3M0k+kA==", + "dev": true, + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-regenerator": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.24.1.tgz", + "integrity": "sha512-sJwZBCzIBE4t+5Q4IGLaaun5ExVMRY0lYwos/jNecjMrVCygCdph3IKv0tkP5Fc87e/1+bebAmEAGBfnRD+cnw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0", + "regenerator-transform": "^0.15.2" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-reserved-words": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.24.1.tgz", + "integrity": "sha512-JAclqStUfIwKN15HrsQADFgeZt+wexNQ0uLhuqvqAUFoqPMjEcFCYZBhq0LUdz6dZK/mD+rErhW71fbx8RYElg==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-runtime": { + "version": "7.23.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.23.9.tgz", + "integrity": "sha512-A7clW3a0aSjm3ONU9o2HAILSegJCYlEZmOhmBRReVtIpY/Z/p7yIZ+wR41Z+UipwdGuqwtID/V/dOdZXjwi9gQ==", + "dev": true, + "dependencies": { + "@babel/helper-module-imports": "^7.22.15", + "@babel/helper-plugin-utils": "^7.22.5", + "babel-plugin-polyfill-corejs2": "^0.4.8", + "babel-plugin-polyfill-corejs3": "^0.9.0", + "babel-plugin-polyfill-regenerator": "^0.5.5", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-runtime/node_modules/@babel/helper-define-polyfill-provider": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.5.0.tgz", + "integrity": "sha512-NovQquuQLAQ5HuyjCz7WQP9MjRj7dx++yspwiyUiGl9ZyadHRSql1HZh5ogRd8W8w6YM6EQ/NTB8rgjLt5W65Q==", + "dev": true, + "dependencies": { + "@babel/helper-compilation-targets": "^7.22.6", + "@babel/helper-plugin-utils": "^7.22.5", + "debug": "^4.1.1", + "lodash.debounce": "^4.0.8", + "resolve": "^1.14.2" + }, + "peerDependencies": { + "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" + } + }, + "node_modules/@babel/plugin-transform-runtime/node_modules/babel-plugin-polyfill-corejs3": { + "version": "0.9.0", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.9.0.tgz", + "integrity": "sha512-7nZPG1uzK2Ymhy/NbaOWTg3uibM2BmGASS4vHS4szRZAIR8R6GwA/xAujpdrXU5iyklrimWnLWU+BLF9suPTqg==", + "dev": true, + "dependencies": { + "@babel/helper-define-polyfill-provider": "^0.5.0", + "core-js-compat": "^3.34.0" + }, + "peerDependencies": { + "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" + } + }, + "node_modules/@babel/plugin-transform-runtime/node_modules/babel-plugin-polyfill-regenerator": { + "version": "0.5.5", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.5.tgz", + "integrity": "sha512-OJGYZlhLqBh2DDHeqAxWB1XIvr49CxiJ2gIt61/PU55CQK4Z58OzMqjDe1zwQdQk+rBYsRc+1rJmdajM3gimHg==", + "dev": true, + "dependencies": { + "@babel/helper-define-polyfill-provider": "^0.5.0" + }, + "peerDependencies": { + "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" + } + }, + "node_modules/@babel/plugin-transform-shorthand-properties": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.24.1.tgz", + "integrity": "sha512-LyjVB1nsJ6gTTUKRjRWx9C1s9hE7dLfP/knKdrfeH9UPtAGjYGgxIbFfx7xyLIEWs7Xe1Gnf8EWiUqfjLhInZA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-spread": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.24.1.tgz", + "integrity": "sha512-KjmcIM+fxgY+KxPVbjelJC6hrH1CgtPmTvdXAfn3/a9CnWGSTY7nH4zm5+cjmWJybdcPSsD0++QssDsjcpe47g==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-sticky-regex": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.24.1.tgz", + "integrity": "sha512-9v0f1bRXgPVcPrngOQvLXeGNNVLc8UjMVfebo9ka0WF3/7+aVUHmaJVT3sa0XCzEFioPfPHZiOcYG9qOsH63cw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-template-literals": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.24.1.tgz", + "integrity": "sha512-WRkhROsNzriarqECASCNu/nojeXCDTE/F2HmRgOzi7NGvyfYGq1NEjKBK3ckLfRgGc6/lPAqP0vDOSw3YtG34g==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-typeof-symbol": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.24.1.tgz", + "integrity": "sha512-CBfU4l/A+KruSUoW+vTQthwcAdwuqbpRNB8HQKlZABwHRhsdHZ9fezp4Sn18PeAlYxTNiLMlx4xUBV3AWfg1BA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-typescript": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.24.4.tgz", + "integrity": "sha512-79t3CQ8+oBGk/80SQ8MN3Bs3obf83zJ0YZjDmDaEZN8MqhMI760apl5z6a20kFeMXBwJX99VpKT8CKxEBp5H1g==", + "dev": true, + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-create-class-features-plugin": "^7.24.4", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-typescript": "^7.24.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-unicode-escapes": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.24.1.tgz", + "integrity": "sha512-RlkVIcWT4TLI96zM660S877E7beKlQw7Ig+wqkKBiWfj0zH5Q4h50q6er4wzZKRNSYpfo6ILJ+hrJAGSX2qcNw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-unicode-property-regex": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.24.1.tgz", + "integrity": "sha512-Ss4VvlfYV5huWApFsF8/Sq0oXnGO+jB+rijFEFugTd3cwSObUSnUi88djgR5528Csl0uKlrI331kRqe56Ov2Ng==", + "dev": true, + "dependencies": { + "@babel/helper-create-regexp-features-plugin": "^7.22.15", + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-unicode-regex": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.24.1.tgz", + "integrity": "sha512-2A/94wgZgxfTsiLaQ2E36XAOdcZmGAaEEgVmxQWwZXWkGhvoHbaqXcKnU8zny4ycpu3vNqg0L/PcCiYtHtA13g==", + "dev": true, + "dependencies": { + "@babel/helper-create-regexp-features-plugin": "^7.22.15", + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-unicode-sets-regex": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.24.1.tgz", + "integrity": "sha512-fqj4WuzzS+ukpgerpAoOnMfQXwUHFxXUZUE84oL2Kao2N8uSlvcpnAidKASgsNgzZHBsHWvcm8s9FPWUhAb8fA==", + "dev": true, + "dependencies": { + "@babel/helper-create-regexp-features-plugin": "^7.22.15", + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/preset-env": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.24.4.tgz", + "integrity": "sha512-7Kl6cSmYkak0FK/FXjSEnLJ1N9T/WA2RkMhu17gZ/dsxKJUuTYNIylahPTzqpLyJN4WhDif8X0XK1R8Wsguo/A==", + "dev": true, + "dependencies": { + "@babel/compat-data": "^7.24.4", + "@babel/helper-compilation-targets": "^7.23.6", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-validator-option": "^7.23.5", + "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.24.4", + "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.24.1", + "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.24.1", + "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.24.1", + "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2", + "@babel/plugin-syntax-async-generators": "^7.8.4", + "@babel/plugin-syntax-class-properties": "^7.12.13", + "@babel/plugin-syntax-class-static-block": "^7.14.5", + "@babel/plugin-syntax-dynamic-import": "^7.8.3", + "@babel/plugin-syntax-export-namespace-from": "^7.8.3", + "@babel/plugin-syntax-import-assertions": "^7.24.1", + "@babel/plugin-syntax-import-attributes": "^7.24.1", + "@babel/plugin-syntax-import-meta": "^7.10.4", + "@babel/plugin-syntax-json-strings": "^7.8.3", + "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4", + "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3", + "@babel/plugin-syntax-numeric-separator": "^7.10.4", + "@babel/plugin-syntax-object-rest-spread": "^7.8.3", + "@babel/plugin-syntax-optional-catch-binding": "^7.8.3", + "@babel/plugin-syntax-optional-chaining": "^7.8.3", + "@babel/plugin-syntax-private-property-in-object": "^7.14.5", + "@babel/plugin-syntax-top-level-await": "^7.14.5", + "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6", + "@babel/plugin-transform-arrow-functions": "^7.24.1", + "@babel/plugin-transform-async-generator-functions": "^7.24.3", + "@babel/plugin-transform-async-to-generator": "^7.24.1", + "@babel/plugin-transform-block-scoped-functions": "^7.24.1", + "@babel/plugin-transform-block-scoping": "^7.24.4", + "@babel/plugin-transform-class-properties": "^7.24.1", + "@babel/plugin-transform-class-static-block": "^7.24.4", + "@babel/plugin-transform-classes": "^7.24.1", + "@babel/plugin-transform-computed-properties": "^7.24.1", + "@babel/plugin-transform-destructuring": "^7.24.1", + "@babel/plugin-transform-dotall-regex": "^7.24.1", + "@babel/plugin-transform-duplicate-keys": "^7.24.1", + "@babel/plugin-transform-dynamic-import": "^7.24.1", + "@babel/plugin-transform-exponentiation-operator": "^7.24.1", + "@babel/plugin-transform-export-namespace-from": "^7.24.1", + "@babel/plugin-transform-for-of": "^7.24.1", + "@babel/plugin-transform-function-name": "^7.24.1", + "@babel/plugin-transform-json-strings": "^7.24.1", + "@babel/plugin-transform-literals": "^7.24.1", + "@babel/plugin-transform-logical-assignment-operators": "^7.24.1", + "@babel/plugin-transform-member-expression-literals": "^7.24.1", + "@babel/plugin-transform-modules-amd": "^7.24.1", + "@babel/plugin-transform-modules-commonjs": "^7.24.1", + "@babel/plugin-transform-modules-systemjs": "^7.24.1", + "@babel/plugin-transform-modules-umd": "^7.24.1", + "@babel/plugin-transform-named-capturing-groups-regex": "^7.22.5", + "@babel/plugin-transform-new-target": "^7.24.1", + "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.1", + "@babel/plugin-transform-numeric-separator": "^7.24.1", + "@babel/plugin-transform-object-rest-spread": "^7.24.1", + "@babel/plugin-transform-object-super": "^7.24.1", + "@babel/plugin-transform-optional-catch-binding": "^7.24.1", + "@babel/plugin-transform-optional-chaining": "^7.24.1", + "@babel/plugin-transform-parameters": "^7.24.1", + "@babel/plugin-transform-private-methods": "^7.24.1", + "@babel/plugin-transform-private-property-in-object": "^7.24.1", + "@babel/plugin-transform-property-literals": "^7.24.1", + "@babel/plugin-transform-regenerator": "^7.24.1", + "@babel/plugin-transform-reserved-words": "^7.24.1", + "@babel/plugin-transform-shorthand-properties": "^7.24.1", + "@babel/plugin-transform-spread": "^7.24.1", + "@babel/plugin-transform-sticky-regex": "^7.24.1", + "@babel/plugin-transform-template-literals": "^7.24.1", + "@babel/plugin-transform-typeof-symbol": "^7.24.1", + "@babel/plugin-transform-unicode-escapes": "^7.24.1", + "@babel/plugin-transform-unicode-property-regex": "^7.24.1", + "@babel/plugin-transform-unicode-regex": "^7.24.1", + "@babel/plugin-transform-unicode-sets-regex": "^7.24.1", + "@babel/preset-modules": "0.1.6-no-external-plugins", + "babel-plugin-polyfill-corejs2": "^0.4.10", + "babel-plugin-polyfill-corejs3": "^0.10.4", + "babel-plugin-polyfill-regenerator": "^0.6.1", + "core-js-compat": "^3.31.0", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/preset-flow": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/preset-flow/-/preset-flow-7.23.3.tgz", + "integrity": "sha512-7yn6hl8RIv+KNk6iIrGZ+D06VhVY35wLVf23Cz/mMu1zOr7u4MMP4j0nZ9tLf8+4ZFpnib8cFYgB/oYg9hfswA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-validator-option": "^7.22.15", + "@babel/plugin-transform-flow-strip-types": "^7.23.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/preset-modules": { + "version": "0.1.6-no-external-plugins", + "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz", + "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.0.0", + "@babel/types": "^7.4.4", + "esutils": "^2.0.2" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0 || ^8.0.0-0 <8.0.0" + } + }, + "node_modules/@babel/preset-react": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.24.1.tgz", + "integrity": "sha512-eFa8up2/8cZXLIpkafhaADTXSnl7IsUFCYenRWrARBz0/qZwcT0RBXpys0LJU4+WfPoF2ZG6ew6s2V6izMCwRA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-validator-option": "^7.23.5", + "@babel/plugin-transform-react-display-name": "^7.24.1", + "@babel/plugin-transform-react-jsx": "^7.23.4", + "@babel/plugin-transform-react-jsx-development": "^7.22.5", + "@babel/plugin-transform-react-pure-annotations": "^7.24.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/preset-typescript": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.24.1.tgz", + "integrity": "sha512-1DBaMmRDpuYQBPWD8Pf/WEwCrtgRHxsZnP4mIy9G/X+hFfbI47Q2G4t1Paakld84+qsk2fSsUPMKg71jkoOOaQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-validator-option": "^7.23.5", + "@babel/plugin-syntax-jsx": "^7.24.1", + "@babel/plugin-transform-modules-commonjs": "^7.24.1", + "@babel/plugin-transform-typescript": "^7.24.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/register": { + "version": "7.23.7", + "resolved": "https://registry.npmjs.org/@babel/register/-/register-7.23.7.tgz", + "integrity": "sha512-EjJeB6+kvpk+Y5DAkEAmbOBEFkh9OASx0huoEkqYTFxAZHzOAX2Oh5uwAUuL2rUddqfM0SA+KPXV2TbzoZ2kvQ==", + "dev": true, + "dependencies": { + "clone-deep": "^4.0.1", + "find-cache-dir": "^2.0.0", + "make-dir": "^2.1.0", + "pirates": "^4.0.6", + "source-map-support": "^0.5.16" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/register/node_modules/find-cache-dir": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz", + "integrity": "sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==", + "dev": true, + "dependencies": { + "commondir": "^1.0.1", + "make-dir": "^2.0.0", + "pkg-dir": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@babel/register/node_modules/find-up": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", + "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", + "dev": true, + "dependencies": { + "locate-path": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@babel/register/node_modules/locate-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", + "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", + "dev": true, + "dependencies": { + "p-locate": "^3.0.0", + "path-exists": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@babel/register/node_modules/p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dev": true, + "dependencies": { + "p-try": "^2.0.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@babel/register/node_modules/p-locate": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", + "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", + "dev": true, + "dependencies": { + "p-limit": "^2.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@babel/register/node_modules/path-exists": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz", + "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/@babel/register/node_modules/pkg-dir": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz", + "integrity": "sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==", + "dev": true, + "dependencies": { + "find-up": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@babel/regjsgen": { + "version": "0.8.0", + "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz", + "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==", + "dev": true + }, + "node_modules/@babel/runtime": { + "version": "7.23.9", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.9.tgz", + "integrity": "sha512-0CX6F+BI2s9dkUqr08KFrAIZgNFj75rdBU/DjCyYLIaV/quFjkk6T+EJ2LkZHyZTbEV4L5p97mNkUsHl2wLFAw==", + "dev": true, + "dependencies": { + "regenerator-runtime": "^0.14.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/template": { + "version": "7.24.0", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.24.0.tgz", + "integrity": "sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==", + "dependencies": { + "@babel/code-frame": "^7.23.5", + "@babel/parser": "^7.24.0", + "@babel/types": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/traverse": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.1.tgz", + "integrity": "sha512-xuU6o9m68KeqZbQuDt2TcKSxUw/mrsvavlEqQ1leZ/B+C9tk6E4sRWy97WaXgvq5E+nU3cXMxv3WKOCanVMCmQ==", + "dependencies": { + "@babel/code-frame": "^7.24.1", + "@babel/generator": "^7.24.1", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-function-name": "^7.23.0", + "@babel/helper-hoist-variables": "^7.22.5", + "@babel/helper-split-export-declaration": "^7.22.6", + "@babel/parser": "^7.24.1", + "@babel/types": "^7.24.0", + "debug": "^4.3.1", + "globals": "^11.1.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/types": { + "version": "7.24.0", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.0.tgz", + "integrity": "sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==", + "dependencies": { + "@babel/helper-string-parser": "^7.23.4", + "@babel/helper-validator-identifier": "^7.22.20", + "to-fast-properties": "^2.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@base2/pretty-print-object": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@base2/pretty-print-object/-/pretty-print-object-1.0.1.tgz", + "integrity": "sha512-4iri8i1AqYHJE2DstZYkyEprg6Pq6sKx3xn5FpySk9sNhH7qN2LLlHJCfDTZRILNwQNPD7mATWM0TBui7uC1pA==", + "dev": true + }, + "node_modules/@colors/colors": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz", + "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==", + "dev": true, + "optional": true, + "engines": { + "node": ">=0.1.90" + } + }, + "node_modules/@discoveryjs/json-ext": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz", + "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==", + "dev": true, + "engines": { + "node": ">=10.0.0" + } + }, + "node_modules/@emotion/is-prop-valid": { + "version": "0.8.8", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", + "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==", + "dev": true, + "dependencies": { + "@emotion/memoize": "0.7.4" + } + }, + "node_modules/@emotion/memoize": { + "version": "0.7.4", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", + "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==", + "dev": true + }, + "node_modules/@emotion/stylis": { + "version": "0.8.5", + "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", + "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==", + "dev": true + }, + "node_modules/@emotion/unitless": { + "version": "0.7.5", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", + "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==", + "dev": true + }, + "node_modules/@emotion/use-insertion-effect-with-fallbacks": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz", + "integrity": "sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==", + "dev": true, + "peerDependencies": { + "react": ">=16.8.0" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz", + "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz", + "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz", + "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/darwin-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz", + "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz", + "integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz", + "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz", + "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz", + "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz", + "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz", + "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz", + "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==", + "cpu": [ + "loong64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-mips64el": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz", + "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==", + "cpu": [ + "mips64el" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-ppc64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz", + "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-riscv64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz", + "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==", + "cpu": [ + "riscv64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-s390x": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz", + "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==", + "cpu": [ + "s390x" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz", + "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/netbsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz", + "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/openbsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz", + "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/sunos-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz", + "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz", + "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-ia32": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz", + "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz", + "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@fal-works/esbuild-plugin-global-externals": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/@fal-works/esbuild-plugin-global-externals/-/esbuild-plugin-global-externals-2.1.2.tgz", + "integrity": "sha512-cEee/Z+I12mZcFJshKcCqC8tuX5hG3s+d+9nZ3LabqKF1vKdF41B92pJVCBggjAGORAeOzyyDDKrZwIkLffeOQ==", + "dev": true + }, + "node_modules/@floating-ui/core": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.0.tgz", + "integrity": "sha512-PcF++MykgmTj3CIyOQbKA/hDzOAiqI3mhuoN44WRCopIs1sgoDoU4oty4Jtqaj/y3oDU6fnVSm4QG0a3t5i0+g==", + "dev": true, + "dependencies": { + "@floating-ui/utils": "^0.2.1" + } + }, + "node_modules/@floating-ui/dom": { + "version": "1.6.3", + "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.3.tgz", + "integrity": "sha512-RnDthu3mzPlQ31Ss/BTwQ1zjzIhr3lk1gZB1OC56h/1vEtaXkESrOqL5fQVMfXpwGtRwX+YsZBdyHtJMQnkArw==", + "dev": true, + "dependencies": { + "@floating-ui/core": "^1.0.0", + "@floating-ui/utils": "^0.2.0" + } + }, + "node_modules/@floating-ui/react-dom": { + "version": "2.0.8", + "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.8.tgz", + "integrity": "sha512-HOdqOt3R3OGeTKidaLvJKcgg75S6tibQ3Tif4eyd91QnIJWr0NLvoXFpJA/j8HqkFSL68GDca9AuyWEHlhyClw==", + "dev": true, + "dependencies": { + "@floating-ui/dom": "^1.6.1" + }, + "peerDependencies": { + "react": ">=16.8.0", + "react-dom": ">=16.8.0" + } + }, + "node_modules/@floating-ui/utils": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz", + "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q==", + "dev": true + }, + "node_modules/@hapi/hoek": { + "version": "9.3.0", + "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz", + "integrity": "sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==", + "dev": true + }, + "node_modules/@hapi/topo": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz", + "integrity": "sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==", + "dev": true, + "dependencies": { + "@hapi/hoek": "^9.0.0" + } + }, + "node_modules/@hypnosphi/create-react-context": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/@hypnosphi/create-react-context/-/create-react-context-0.3.1.tgz", + "integrity": "sha512-V1klUed202XahrWJLLOT3EXNeCpFHCcJntdFGI15ntCwau+jfT386w7OFTMaCqOgXUH1fa0w/I1oZs+i/Rfr0A==", + "dev": true, + "dependencies": { + "gud": "^1.0.0", + "warning": "^4.0.3" + }, + "peerDependencies": { + "prop-types": "^15.0.0", + "react": ">=0.14.0" + } + }, + "node_modules/@isaacs/cliui": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", + "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==", + "dev": true, + "dependencies": { + "string-width": "^5.1.2", + "string-width-cjs": "npm:string-width@^4.2.0", + "strip-ansi": "^7.0.1", + "strip-ansi-cjs": "npm:strip-ansi@^6.0.1", + "wrap-ansi": "^8.1.0", + "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/@isaacs/cliui/node_modules/ansi-regex": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz", + "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" + } + }, + "node_modules/@isaacs/cliui/node_modules/ansi-styles": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", + "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@isaacs/cliui/node_modules/emoji-regex": { + "version": "9.2.2", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz", + "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==", + "dev": true + }, + "node_modules/@isaacs/cliui/node_modules/string-width": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz", + "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==", + "dev": true, + "dependencies": { + "eastasianwidth": "^0.2.0", + "emoji-regex": "^9.2.2", + "strip-ansi": "^7.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@isaacs/cliui/node_modules/strip-ansi": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", + "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", + "dev": true, + "dependencies": { + "ansi-regex": "^6.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/strip-ansi?sponsor=1" + } + }, + "node_modules/@isaacs/cliui/node_modules/wrap-ansi": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz", + "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==", + "dev": true, + "dependencies": { + "ansi-styles": "^6.1.0", + "string-width": "^5.0.1", + "strip-ansi": "^7.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, + "node_modules/@isaacs/ttlcache": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/@isaacs/ttlcache/-/ttlcache-1.4.1.tgz", + "integrity": "sha512-RQgQ4uQ+pLbqXfOmieB91ejmLwvSgv9nLx6sT6sD83s7umBypgg+OIBOBbEUiJXrfpnp9j0mRhYYdzp9uqq3lA==", + "dev": true, + "engines": { + "node": ">=12" + } + }, + "node_modules/@istanbuljs/load-nyc-config": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz", + "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==", + "dev": true, + "dependencies": { + "camelcase": "^5.3.1", + "find-up": "^4.1.0", + "get-package-type": "^0.1.0", + "js-yaml": "^3.13.1", + "resolve-from": "^5.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@istanbuljs/load-nyc-config/node_modules/find-up": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", + "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", + "dev": true, + "dependencies": { + "locate-path": "^5.0.0", + "path-exists": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@istanbuljs/load-nyc-config/node_modules/locate-path": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", + "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", + "dev": true, + "dependencies": { + "p-locate": "^4.1.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@istanbuljs/load-nyc-config/node_modules/p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dev": true, + "dependencies": { + "p-try": "^2.0.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@istanbuljs/load-nyc-config/node_modules/p-locate": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", + "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", + "dev": true, + "dependencies": { + "p-limit": "^2.2.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@istanbuljs/schema": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz", + "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@jest/create-cache-key-function": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/@jest/create-cache-key-function/-/create-cache-key-function-29.7.0.tgz", + "integrity": "sha512-4QqS3LY5PBmTRHj9sAg1HLoPzqAI0uOX6wI/TRqHIcOxlFidy6YEmCQJk6FSZjNLGCeubDMfmkWL+qaLKhSGQA==", + "dev": true, + "dependencies": { + "@jest/types": "^29.6.3" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/@jest/environment": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-29.7.0.tgz", + "integrity": "sha512-aQIfHDq33ExsN4jP1NWGXhxgQ/wixs60gDiKO+XVMd8Mn0NWPWgc34ZQDTb2jKaUWQ7MuwoitXAsN2XVXNMpAw==", + "dev": true, + "dependencies": { + "@jest/fake-timers": "^29.7.0", + "@jest/types": "^29.6.3", + "@types/node": "*", + "jest-mock": "^29.7.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/@jest/fake-timers": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-29.7.0.tgz", + "integrity": "sha512-q4DH1Ha4TTFPdxLsqDXK1d3+ioSL7yL5oCMJZgDYm6i+6CygW5E5xVr/D1HdsGxjt1ZWSfUAs9OxSB/BNelWrQ==", + "dev": true, + "dependencies": { + "@jest/types": "^29.6.3", + "@sinonjs/fake-timers": "^10.0.2", + "@types/node": "*", + "jest-message-util": "^29.7.0", + "jest-mock": "^29.7.0", + "jest-util": "^29.7.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/@jest/schemas": { + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz", + "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==", + "dev": true, + "dependencies": { + "@sinclair/typebox": "^0.27.8" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/@jest/transform": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.7.0.tgz", + "integrity": "sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==", + "dev": true, + "dependencies": { + "@babel/core": "^7.11.6", + "@jest/types": "^29.6.3", + "@jridgewell/trace-mapping": "^0.3.18", + "babel-plugin-istanbul": "^6.1.1", + "chalk": "^4.0.0", + "convert-source-map": "^2.0.0", + "fast-json-stable-stringify": "^2.1.0", + "graceful-fs": "^4.2.9", + "jest-haste-map": "^29.7.0", + "jest-regex-util": "^29.6.3", + "jest-util": "^29.7.0", + "micromatch": "^4.0.4", + "pirates": "^4.0.4", + "slash": "^3.0.0", + "write-file-atomic": "^4.0.2" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/@jest/transform/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@jest/transform/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@jest/transform/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@jest/transform/node_modules/slash": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", + "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@jest/transform/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@jest/types": { + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz", + "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==", + "dev": true, + "dependencies": { + "@jest/schemas": "^29.6.3", + "@types/istanbul-lib-coverage": "^2.0.0", + "@types/istanbul-reports": "^3.0.0", + "@types/node": "*", + "@types/yargs": "^17.0.8", + "chalk": "^4.0.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/@jest/types/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@jest/types/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@jest/types/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@jest/types/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@joshwooding/vite-plugin-react-docgen-typescript": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/@joshwooding/vite-plugin-react-docgen-typescript/-/vite-plugin-react-docgen-typescript-0.3.0.tgz", + "integrity": "sha512-2D6y7fNvFmsLmRt6UCOFJPvFoPMJGT0Uh1Wg0RaigUp7kdQPs6yYn8Dmx6GZkOH/NW0yMTwRz/p0SRMMRo50vA==", + "dev": true, + "dependencies": { + "glob": "^7.2.0", + "glob-promise": "^4.2.0", + "magic-string": "^0.27.0", + "react-docgen-typescript": "^2.2.2" + }, + "peerDependencies": { + "typescript": ">= 4.3.x", + "vite": "^3.0.0 || ^4.0.0 || ^5.0.0" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, + "node_modules/@joshwooding/vite-plugin-react-docgen-typescript/node_modules/magic-string": { + "version": "0.27.0", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz", + "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==", + "dev": true, + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.4.13" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/@jridgewell/gen-mapping": { + "version": "0.3.5", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz", + "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==", + "dependencies": { + "@jridgewell/set-array": "^1.2.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.24" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/resolve-uri": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz", + "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==", + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/set-array": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz", + "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==", + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/source-map": { + "version": "0.3.5", + "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz", + "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==", + "dev": true, + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.0", + "@jridgewell/trace-mapping": "^0.3.9" + } + }, + "node_modules/@jridgewell/sourcemap-codec": { + "version": "1.4.15", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", + "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==" + }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.25", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz", + "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==", + "dependencies": { + "@jridgewell/resolve-uri": "^3.1.0", + "@jridgewell/sourcemap-codec": "^1.4.14" + } + }, + "node_modules/@juggle/resize-observer": { + "version": "3.4.0", + "resolved": "https://registry.npmjs.org/@juggle/resize-observer/-/resize-observer-3.4.0.tgz", + "integrity": "sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==", + "dev": true + }, + "node_modules/@linaria/core": { + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/@linaria/core/-/core-5.0.2.tgz", + "integrity": "sha512-l5jQq7w9kDvonfr/0MBF47Dagx9Y9f/o5Q8j3zv7GepwG/yHQdbjKr0tq07rx2fSDDX7Nbqlxk6k9Ymir/NGpg==", + "dependencies": { + "@linaria/logger": "^5.0.0", + "@linaria/tags": "^5.0.2", + "@linaria/utils": "^5.0.2" + }, + "engines": { + "node": ">=16.0.0" + } + }, + "node_modules/@linaria/logger": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/@linaria/logger/-/logger-5.0.0.tgz", + "integrity": "sha512-PZd5H0I4F84U0kXSE+vD75ltIGDxEA6gMDNWS2aDZFitmdlQM5rIXqvKFrp5NsHa7a3AH+I2Hxm0dg60WZF7vg==", + "dependencies": { + "debug": "^4.3.4", + "picocolors": "^1.0.0" + }, + "engines": { + "node": ">=16.0.0" + } + }, + "node_modules/@linaria/react": { + "version": "5.0.3", + "resolved": "https://registry.npmjs.org/@linaria/react/-/react-5.0.3.tgz", + "integrity": "sha512-faTQHnUlrAz0Lodu+rr6Yx59rX0nqFOrZ5/IdlfQcTRz9VebyVL4vtA3AOecmn1YFZjMpqjopT0OzNz6GknQSg==", + "dependencies": { + "@emotion/is-prop-valid": "^1.2.0", + "@linaria/core": "^5.0.2", + "@linaria/tags": "^5.0.2", + "@linaria/utils": "^5.0.2", + "minimatch": "^9.0.3", + "react-html-attributes": "^1.4.6", + "ts-invariant": "^0.10.3" + }, + "engines": { + "node": ">=16.0.0" + }, + "peerDependencies": { + "react": ">=16" + } + }, + "node_modules/@linaria/react/node_modules/@emotion/is-prop-valid": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz", + "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==", + "dependencies": { + "@emotion/memoize": "^0.8.1" + } + }, + "node_modules/@linaria/react/node_modules/@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" + }, + "node_modules/@linaria/react/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/@linaria/react/node_modules/minimatch": { + "version": "9.0.3", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz", + "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/@linaria/tags": { + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/@linaria/tags/-/tags-5.0.2.tgz", + "integrity": "sha512-opcORl2sA6WkBjTNLHTgpet97dNKnwPRX/QGGZMykBsvGH3AsnEg/bT31cKBMBhL+YBGQsCdBmolxvCkWPOXQw==", + "dependencies": { + "@babel/generator": "^7.22.15", + "@linaria/logger": "^5.0.0", + "@linaria/utils": "^5.0.2" + }, + "engines": { + "node": ">=16.0.0" + } + }, + "node_modules/@linaria/utils": { + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/@linaria/utils/-/utils-5.0.2.tgz", + "integrity": "sha512-ZL8Yz4IIr9A8a5+o5LRnEpgdzIkyj4yKJrhw5Zv8wwvL+d/MHUK0q+l/KvxBmuYdcF+YYVHZ9eeBHTQBSL7r/w==", + "dependencies": { + "@babel/core": "^7.22.15", + "@babel/generator": "^7.22.15", + "@babel/plugin-transform-modules-commonjs": "^7.22.15", + "@babel/template": "^7.22.15", + "@babel/traverse": "^7.22.15", + "@babel/types": "^7.22.15", + "@linaria/logger": "^5.0.0", + "babel-merge": "^3.0.0", + "find-up": "^5.0.0", + "minimatch": "^9.0.3" + }, + "engines": { + "node": ">=16.0.0" + } + }, + "node_modules/@linaria/utils/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/@linaria/utils/node_modules/minimatch": { + "version": "9.0.3", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz", + "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/@mdx-js/react": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-2.3.0.tgz", + "integrity": "sha512-zQH//gdOmuu7nt2oJR29vFhDv88oGPmVw6BggmrHeMI+xgEkp1B2dX9/bMBSYtK0dyLX/aOmesKS09g222K1/g==", + "dev": true, + "dependencies": { + "@types/mdx": "^2.0.0", + "@types/react": ">=16" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + }, + "peerDependencies": { + "react": ">=16" + } + }, + "node_modules/@microsoft/api-extractor": { + "version": "7.38.3", + "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.38.3.tgz", + "integrity": "sha512-xt9iYyC5f39281j77JTA9C3ISJpW1XWkCcnw+2vM78CPnro6KhPfwQdPDfwS5JCPNuq0grm8cMdPUOPvrchDWw==", + "dev": true, + "dependencies": { + "@microsoft/api-extractor-model": "7.28.2", + "@microsoft/tsdoc": "0.14.2", + "@microsoft/tsdoc-config": "~0.16.1", + "@rushstack/node-core-library": "3.61.0", + "@rushstack/rig-package": "0.5.1", + "@rushstack/ts-command-line": "4.17.1", + "colors": "~1.2.1", + "lodash": "~4.17.15", + "resolve": "~1.22.1", + "semver": "~7.5.4", + "source-map": "~0.6.1", + "typescript": "~5.0.4" + }, + "bin": { + "api-extractor": "bin/api-extractor" + } + }, + "node_modules/@microsoft/api-extractor-model": { + "version": "7.28.2", + "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.28.2.tgz", + "integrity": "sha512-vkojrM2fo3q4n4oPh4uUZdjJ2DxQ2+RnDQL/xhTWSRUNPF6P4QyrvY357HBxbnltKcYu+nNNolVqc6TIGQ73Ig==", + "dev": true, + "dependencies": { + "@microsoft/tsdoc": "0.14.2", + "@microsoft/tsdoc-config": "~0.16.1", + "@rushstack/node-core-library": "3.61.0" + } + }, + "node_modules/@microsoft/api-extractor/node_modules/lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@microsoft/api-extractor/node_modules/semver": { + "version": "7.5.4", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", + "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", + "dev": true, + "dependencies": { + "lru-cache": "^6.0.0" + }, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@microsoft/api-extractor/node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/@microsoft/api-extractor/node_modules/typescript": { + "version": "5.0.4", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.0.4.tgz", + "integrity": "sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==", + "dev": true, + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=12.20" + } + }, + "node_modules/@microsoft/api-extractor/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, + "node_modules/@microsoft/tsdoc": { + "version": "0.14.2", + "resolved": "https://registry.npmjs.org/@microsoft/tsdoc/-/tsdoc-0.14.2.tgz", + "integrity": "sha512-9b8mPpKrfeGRuhFH5iO1iwCLeIIsV6+H1sRfxbkoGXIyQE2BTsPd9zqSqQJ+pv5sJ/hT5M1zvOFL02MnEezFug==", + "dev": true + }, + "node_modules/@microsoft/tsdoc-config": { + "version": "0.16.2", + "resolved": "https://registry.npmjs.org/@microsoft/tsdoc-config/-/tsdoc-config-0.16.2.tgz", + "integrity": "sha512-OGiIzzoBLgWWR0UdRJX98oYO+XKGf7tiK4Zk6tQ/E4IJqGCe7dvkTvgDZV5cFJUzLGDOjeAXrnZoA6QkVySuxw==", + "dev": true, + "dependencies": { + "@microsoft/tsdoc": "0.14.2", + "ajv": "~6.12.6", + "jju": "~1.4.0", + "resolve": "~1.19.0" + } + }, + "node_modules/@microsoft/tsdoc-config/node_modules/resolve": { + "version": "1.19.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.19.0.tgz", + "integrity": "sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==", + "dev": true, + "dependencies": { + "is-core-module": "^2.1.0", + "path-parse": "^1.0.6" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/@ndelangen/get-tarball": { + "version": "3.0.9", + "resolved": "https://registry.npmjs.org/@ndelangen/get-tarball/-/get-tarball-3.0.9.tgz", + "integrity": "sha512-9JKTEik4vq+yGosHYhZ1tiH/3WpUS0Nh0kej4Agndhox8pAdWhEx5knFVRcb/ya9knCRCs1rPxNrSXTDdfVqpA==", + "dev": true, + "dependencies": { + "gunzip-maybe": "^1.4.2", + "pump": "^3.0.0", + "tar-fs": "^2.1.1" + } + }, + "node_modules/@nicolo-ribaudo/chokidar-2": { + "version": "2.1.8-no-fsevents.3", + "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/chokidar-2/-/chokidar-2-2.1.8-no-fsevents.3.tgz", + "integrity": "sha512-s88O1aVtXftvp5bCPB7WnmXc5IwOZZ7YPuwNPt+GtOOXpPvad1LfbmjYv+qII7zP6RU2QGnqve27dnLycEnyEQ==", + "dev": true, + "optional": true + }, + "node_modules/@nodelib/fs.scandir": { + "version": "2.1.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", + "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", + "dev": true, + "dependencies": { + "@nodelib/fs.stat": "2.0.5", + "run-parallel": "^1.1.9" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.stat": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", + "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", + "dev": true, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.walk": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", + "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", + "dev": true, + "dependencies": { + "@nodelib/fs.scandir": "2.1.5", + "fastq": "^1.6.0" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@pkgjs/parseargs": { + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", + "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==", + "dev": true, + "optional": true, + "engines": { + "node": ">=14" + } + }, + "node_modules/@popperjs/core": { + "version": "2.9.2", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.9.2.tgz", + "integrity": "sha512-VZMYa7+fXHdwIq1TDhSXoVmSPEGM/aa+6Aiq3nVVJ9bXr24zScr+NlKFKC3iPljA7ho/GAZr+d2jOf5GIRC30Q==", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, + "node_modules/@radix-ui/number": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.0.1.tgz", + "integrity": "sha512-T5gIdVO2mmPW3NNhjNgEP3cqMXjXL9UbO0BzWcXfvdBs+BohbQxvd/K5hSVKmn9/lbTdsQVKbUcP5WLCwvUbBg==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10" + } + }, + "node_modules/@radix-ui/primitive": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.0.1.tgz", + "integrity": "sha512-yQ8oGX2GVsEYMWGxcovu1uGWPCxV5BFfeeYxqPmuAzUyLT9qmaMXSAhXpb0WrspIeqYzdJpkh2vHModJPgRIaw==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10" + } + }, + "node_modules/@radix-ui/react-arrow": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.0.3.tgz", + "integrity": "sha512-wSP+pHsB/jQRaL6voubsQ/ZlrGBHHrOjmBnr19hxYgtS0WvAFwZhK2WP/YY5yF9uKECCEEDGxuLxq1NBK51wFA==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-primitive": "1.0.3" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0", + "react-dom": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-collection": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.0.3.tgz", + "integrity": "sha512-3SzW+0PW7yBBoQlT8wNcGtaxaD0XSu0uLUFgrtHY08Acx05TaHaOmVLR73c0j/cqpDy53KBMO7s0dx2wmOIDIA==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-compose-refs": "1.0.1", + "@radix-ui/react-context": "1.0.1", + "@radix-ui/react-primitive": "1.0.3", + "@radix-ui/react-slot": "1.0.2" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0", + "react-dom": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-compose-refs": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.1.tgz", + "integrity": "sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10" + }, + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-context": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.0.1.tgz", + "integrity": "sha512-ebbrdFoYTcuZ0v4wG5tedGnp9tzcV8awzsxYph7gXUyvnNLuTIcCk1q17JEbnVhXAKG9oX3KtchwiMIAYp9NLg==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10" + }, + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-direction": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.0.1.tgz", + "integrity": "sha512-RXcvnXgyvYvBEOhCBuddKecVkoMiI10Jcm5cTI7abJRAHYfFxeu+FBQs/DvdxSYucxR5mna0dNsL6QFlds5TMA==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10" + }, + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-dismissable-layer": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.4.tgz", + "integrity": "sha512-7UpBa/RKMoHJYjie1gkF1DlK8l1fdU/VKDpoS3rCCo8YBJR294GwcEHyxHw72yvphJ7ld0AXEcSLAzY2F/WyCg==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10", + "@radix-ui/primitive": "1.0.1", + "@radix-ui/react-compose-refs": "1.0.1", + "@radix-ui/react-primitive": "1.0.3", + "@radix-ui/react-use-callback-ref": "1.0.1", + "@radix-ui/react-use-escape-keydown": "1.0.3" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0", + "react-dom": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-focus-guards": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.0.1.tgz", + "integrity": "sha512-Rect2dWbQ8waGzhMavsIbmSVCgYxkXLxxR3ZvCX79JOglzdEy4JXMb98lq4hPxUbLr77nP0UOGf4rcMU+s1pUA==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10" + }, + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-focus-scope": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.0.3.tgz", + "integrity": "sha512-upXdPfqI4islj2CslyfUBNlaJCPybbqRHAi1KER7Isel9Q2AtSJ0zRBZv8mWQiFXD2nyAJ4BhC3yXgZ6kMBSrQ==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-compose-refs": "1.0.1", + "@radix-ui/react-primitive": "1.0.3", + "@radix-ui/react-use-callback-ref": "1.0.1" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0", + "react-dom": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-id": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.0.1.tgz", + "integrity": "sha512-tI7sT/kqYp8p96yGWY1OAnLHrqDgzHefRBKQ2YAkBS5ja7QLcZ9Z/uY7bEjPUatf8RomoXM8/1sMj1IJaE5UzQ==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-use-layout-effect": "1.0.1" + }, + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-popper": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.1.2.tgz", + "integrity": "sha512-1CnGGfFi/bbqtJZZ0P/NQY20xdG3E0LALJaLUEoKwPLwl6PPPfbeiCqMVQnhoFRAxjJj4RpBRJzDmUgsex2tSg==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10", + "@floating-ui/react-dom": "^2.0.0", + "@radix-ui/react-arrow": "1.0.3", + "@radix-ui/react-compose-refs": "1.0.1", + "@radix-ui/react-context": "1.0.1", + "@radix-ui/react-primitive": "1.0.3", + "@radix-ui/react-use-callback-ref": "1.0.1", + "@radix-ui/react-use-layout-effect": "1.0.1", + "@radix-ui/react-use-rect": "1.0.1", + "@radix-ui/react-use-size": "1.0.1", + "@radix-ui/rect": "1.0.1" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0", + "react-dom": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-portal": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.0.3.tgz", + "integrity": "sha512-xLYZeHrWoPmA5mEKEfZZevoVRK/Q43GfzRXkWV6qawIWWK8t6ifIiLQdd7rmQ4Vk1bmI21XhqF9BN3jWf+phpA==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-primitive": "1.0.3" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0", + "react-dom": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-primitive": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-1.0.3.tgz", + "integrity": "sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-slot": "1.0.2" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0", + "react-dom": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-roving-focus": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.0.4.tgz", + "integrity": "sha512-2mUg5Mgcu001VkGy+FfzZyzbmuUWzgWkj3rvv4yu+mLw03+mTzbxZHvfcGyFp2b8EkQeMkpRQ5FiA2Vr2O6TeQ==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10", + "@radix-ui/primitive": "1.0.1", + "@radix-ui/react-collection": "1.0.3", + "@radix-ui/react-compose-refs": "1.0.1", + "@radix-ui/react-context": "1.0.1", + "@radix-ui/react-direction": "1.0.1", + "@radix-ui/react-id": "1.0.1", + "@radix-ui/react-primitive": "1.0.3", + "@radix-ui/react-use-callback-ref": "1.0.1", + "@radix-ui/react-use-controllable-state": "1.0.1" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0", + "react-dom": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-select": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-1.2.2.tgz", + "integrity": "sha512-zI7McXr8fNaSrUY9mZe4x/HC0jTLY9fWNhO1oLWYMQGDXuV4UCivIGTxwioSzO0ZCYX9iSLyWmAh/1TOmX3Cnw==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10", + "@radix-ui/number": "1.0.1", + "@radix-ui/primitive": "1.0.1", + "@radix-ui/react-collection": "1.0.3", + "@radix-ui/react-compose-refs": "1.0.1", + "@radix-ui/react-context": "1.0.1", + "@radix-ui/react-direction": "1.0.1", + "@radix-ui/react-dismissable-layer": "1.0.4", + "@radix-ui/react-focus-guards": "1.0.1", + "@radix-ui/react-focus-scope": "1.0.3", + "@radix-ui/react-id": "1.0.1", + "@radix-ui/react-popper": "1.1.2", + "@radix-ui/react-portal": "1.0.3", + "@radix-ui/react-primitive": "1.0.3", + "@radix-ui/react-slot": "1.0.2", + "@radix-ui/react-use-callback-ref": "1.0.1", + "@radix-ui/react-use-controllable-state": "1.0.1", + "@radix-ui/react-use-layout-effect": "1.0.1", + "@radix-ui/react-use-previous": "1.0.1", + "@radix-ui/react-visually-hidden": "1.0.3", + "aria-hidden": "^1.1.1", + "react-remove-scroll": "2.5.5" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0", + "react-dom": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-separator": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.0.3.tgz", + "integrity": "sha512-itYmTy/kokS21aiV5+Z56MZB54KrhPgn6eHDKkFeOLR34HMN2s8PaN47qZZAGnvupcjxHaFZnW4pQEh0BvvVuw==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-primitive": "1.0.3" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0", + "react-dom": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-slot": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.2.tgz", + "integrity": "sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-compose-refs": "1.0.1" + }, + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-toggle": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle/-/react-toggle-1.0.3.tgz", + "integrity": "sha512-Pkqg3+Bc98ftZGsl60CLANXQBBQ4W3mTFS9EJvNxKMZ7magklKV69/id1mlAlOFDDfHvlCms0fx8fA4CMKDJHg==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10", + "@radix-ui/primitive": "1.0.1", + "@radix-ui/react-primitive": "1.0.3", + "@radix-ui/react-use-controllable-state": "1.0.1" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0", + "react-dom": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-toggle-group": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle-group/-/react-toggle-group-1.0.4.tgz", + "integrity": "sha512-Uaj/M/cMyiyT9Bx6fOZO0SAG4Cls0GptBWiBmBxofmDbNVnYYoyRWj/2M/6VCi/7qcXFWnHhRUfdfZFvvkuu8A==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10", + "@radix-ui/primitive": "1.0.1", + "@radix-ui/react-context": "1.0.1", + "@radix-ui/react-direction": "1.0.1", + "@radix-ui/react-primitive": "1.0.3", + "@radix-ui/react-roving-focus": "1.0.4", + "@radix-ui/react-toggle": "1.0.3", + "@radix-ui/react-use-controllable-state": "1.0.1" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0", + "react-dom": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-toolbar": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@radix-ui/react-toolbar/-/react-toolbar-1.0.4.tgz", + "integrity": "sha512-tBgmM/O7a07xbaEkYJWYTXkIdU/1pW4/KZORR43toC/4XWyBCURK0ei9kMUdp+gTPPKBgYLxXmRSH1EVcIDp8Q==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10", + "@radix-ui/primitive": "1.0.1", + "@radix-ui/react-context": "1.0.1", + "@radix-ui/react-direction": "1.0.1", + "@radix-ui/react-primitive": "1.0.3", + "@radix-ui/react-roving-focus": "1.0.4", + "@radix-ui/react-separator": "1.0.3", + "@radix-ui/react-toggle-group": "1.0.4" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0", + "react-dom": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-use-callback-ref": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.1.tgz", + "integrity": "sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10" + }, + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-use-controllable-state": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.0.1.tgz", + "integrity": "sha512-Svl5GY5FQeN758fWKrjM6Qb7asvXeiZltlT4U2gVfl8Gx5UAv2sMR0LWo8yhsIZh2oQ0eFdZ59aoOOMV7b47VA==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-use-callback-ref": "1.0.1" + }, + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-use-escape-keydown": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.3.tgz", + "integrity": "sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-use-callback-ref": "1.0.1" + }, + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-use-layout-effect": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.1.tgz", + "integrity": "sha512-v/5RegiJWYdoCvMnITBkNNx6bCj20fiaJnWtRkU18yITptraXjffz5Qbn05uOiQnOvi+dbkznkoaMltz1GnszQ==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10" + }, + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-use-previous": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.0.1.tgz", + "integrity": "sha512-cV5La9DPwiQ7S0gf/0qiD6YgNqM5Fk97Kdrlc5yBcrF3jyEZQwm7vYFqMo4IfeHgJXsRaMvLABFtd0OVEmZhDw==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10" + }, + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-use-rect": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.0.1.tgz", + "integrity": "sha512-Cq5DLuSiuYVKNU8orzJMbl15TXilTnJKUCltMVQg53BQOF1/C5toAaGrowkgksdBQ9H+SRL23g0HDmg9tvmxXw==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10", + "@radix-ui/rect": "1.0.1" + }, + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-use-size": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.0.1.tgz", + "integrity": "sha512-ibay+VqrgcaI6veAojjofPATwledXiSmX+C0KrBk/xgpX9rBzPV3OsfwlhQdUOFbh+LKQorLYT+xTXW9V8yd0g==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-use-layout-effect": "1.0.1" + }, + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-visually-hidden": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.0.3.tgz", + "integrity": "sha512-D4w41yN5YRKtu464TLnByKzMDG/JlMPHtfZgQAu9v6mNakUqGUI9vUrfQKz8NK41VMm/xbZbh76NUTVtIYqOMA==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-primitive": "1.0.3" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0", + "react-dom": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/rect": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.0.1.tgz", + "integrity": "sha512-fyrgCaedtvMg9NK3en0pnOYJdtfwxUcNolezkNPUsoX57X8oQk+NkqcvzHXD2uKNij6GXmWU9NDru2IWjrO4BQ==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.13.10" + } + }, + "node_modules/@react-native-community/cli": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli/-/cli-12.3.2.tgz", + "integrity": "sha512-WgoUWwLDcf/G1Su2COUUVs3RzAwnV/vUTdISSpAUGgSc57mPabaAoUctKTnfYEhCnE3j02k3VtaVPwCAFRO3TQ==", + "dev": true, + "dependencies": { + "@react-native-community/cli-clean": "12.3.2", + "@react-native-community/cli-config": "12.3.2", + "@react-native-community/cli-debugger-ui": "12.3.2", + "@react-native-community/cli-doctor": "12.3.2", + "@react-native-community/cli-hermes": "12.3.2", + "@react-native-community/cli-plugin-metro": "12.3.2", + "@react-native-community/cli-server-api": "12.3.2", + "@react-native-community/cli-tools": "12.3.2", + "@react-native-community/cli-types": "12.3.2", + "chalk": "^4.1.2", + "commander": "^9.4.1", + "deepmerge": "^4.3.0", + "execa": "^5.0.0", + "find-up": "^4.1.0", + "fs-extra": "^8.1.0", + "graceful-fs": "^4.1.3", + "prompts": "^2.4.2", + "semver": "^7.5.2" + }, + "bin": { + "react-native": "build/bin.js" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/@react-native-community/cli-clean": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-clean/-/cli-clean-12.3.2.tgz", + "integrity": "sha512-90k2hCX0ddSFPT7EN7h5SZj0XZPXP0+y/++v262hssoey3nhurwF57NGWN0XAR0o9BSW7+mBfeInfabzDraO6A==", + "dev": true, + "dependencies": { + "@react-native-community/cli-tools": "12.3.2", + "chalk": "^4.1.2", + "execa": "^5.0.0" + } + }, + "node_modules/@react-native-community/cli-clean/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@react-native-community/cli-clean/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@react-native-community/cli-clean/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@react-native-community/cli-clean/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@react-native-community/cli-config": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-config/-/cli-config-12.3.2.tgz", + "integrity": "sha512-UUCzDjQgvAVL/57rL7eOuFUhd+d+6qfM7V8uOegQFeFEmSmvUUDLYoXpBa5vAK9JgQtSqMBJ1Shmwao+/oElxQ==", + "dev": true, + "dependencies": { + "@react-native-community/cli-tools": "12.3.2", + "chalk": "^4.1.2", + "cosmiconfig": "^5.1.0", + "deepmerge": "^4.3.0", + "glob": "^7.1.3", + "joi": "^17.2.1" + } + }, + "node_modules/@react-native-community/cli-config/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@react-native-community/cli-config/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@react-native-community/cli-config/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@react-native-community/cli-config/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@react-native-community/cli-debugger-ui": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-debugger-ui/-/cli-debugger-ui-12.3.2.tgz", + "integrity": "sha512-nSWQUL+51J682DlfcC1bjkUbQbGvHCC25jpqTwHIjmmVjYCX1uHuhPSqQKgPNdvtfOkrkACxczd7kVMmetxY2Q==", + "dev": true, + "dependencies": { + "serve-static": "^1.13.1" + } + }, + "node_modules/@react-native-community/cli-doctor": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-doctor/-/cli-doctor-12.3.2.tgz", + "integrity": "sha512-GrAabdY4qtBX49knHFvEAdLtCjkmndjTeqhYO6BhsbAeKOtspcLT/0WRgdLIaKODRa61ADNB3K5Zm4dU0QrZOg==", + "dev": true, + "dependencies": { + "@react-native-community/cli-config": "12.3.2", + "@react-native-community/cli-platform-android": "12.3.2", + "@react-native-community/cli-platform-ios": "12.3.2", + "@react-native-community/cli-tools": "12.3.2", + "chalk": "^4.1.2", + "command-exists": "^1.2.8", + "deepmerge": "^4.3.0", + "envinfo": "^7.10.0", + "execa": "^5.0.0", + "hermes-profile-transformer": "^0.0.6", + "ip": "^1.1.5", + "node-stream-zip": "^1.9.1", + "ora": "^5.4.1", + "semver": "^7.5.2", + "strip-ansi": "^5.2.0", + "wcwidth": "^1.0.1", + "yaml": "^2.2.1" + } + }, + "node_modules/@react-native-community/cli-doctor/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@react-native-community/cli-doctor/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@react-native-community/cli-doctor/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@react-native-community/cli-doctor/node_modules/lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@react-native-community/cli-doctor/node_modules/semver": { + "version": "7.5.4", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", + "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", + "dev": true, + "dependencies": { + "lru-cache": "^6.0.0" + }, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@react-native-community/cli-doctor/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@react-native-community/cli-doctor/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, + "node_modules/@react-native-community/cli-hermes": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-hermes/-/cli-hermes-12.3.2.tgz", + "integrity": "sha512-SL6F9O8ghp4ESBFH2YAPLtIN39jdnvGBKnK4FGKpDCjtB3DnUmDsGFlH46S+GGt5M6VzfG2eeKEOKf3pZ6jUzA==", + "dev": true, + "dependencies": { + "@react-native-community/cli-platform-android": "12.3.2", + "@react-native-community/cli-tools": "12.3.2", + "chalk": "^4.1.2", + "hermes-profile-transformer": "^0.0.6", + "ip": "^1.1.5" + } + }, + "node_modules/@react-native-community/cli-hermes/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@react-native-community/cli-hermes/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@react-native-community/cli-hermes/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@react-native-community/cli-hermes/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@react-native-community/cli-platform-android": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-platform-android/-/cli-platform-android-12.3.2.tgz", + "integrity": "sha512-MZ5nO8yi/N+Fj2i9BJcJ9C/ez+9/Ir7lQt49DWRo9YDmzye66mYLr/P2l/qxsixllbbDi7BXrlLpxaEhMrDopg==", + "dev": true, + "dependencies": { + "@react-native-community/cli-tools": "12.3.2", + "chalk": "^4.1.2", + "execa": "^5.0.0", + "fast-xml-parser": "^4.2.4", + "glob": "^7.1.3", + "logkitty": "^0.7.1" + } + }, + "node_modules/@react-native-community/cli-platform-android/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@react-native-community/cli-platform-android/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@react-native-community/cli-platform-android/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@react-native-community/cli-platform-android/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@react-native-community/cli-platform-ios": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-platform-ios/-/cli-platform-ios-12.3.2.tgz", + "integrity": "sha512-OcWEAbkev1IL6SUiQnM6DQdsvfsKZhRZtoBNSj9MfdmwotVZSOEZJ+IjZ1FR9ChvMWayO9ns/o8LgoQxr1ZXeg==", + "dev": true, + "dependencies": { + "@react-native-community/cli-tools": "12.3.2", + "chalk": "^4.1.2", + "execa": "^5.0.0", + "fast-xml-parser": "^4.0.12", + "glob": "^7.1.3", + "ora": "^5.4.1" + } + }, + "node_modules/@react-native-community/cli-platform-ios/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@react-native-community/cli-platform-ios/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@react-native-community/cli-platform-ios/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@react-native-community/cli-platform-ios/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@react-native-community/cli-plugin-metro": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-plugin-metro/-/cli-plugin-metro-12.3.2.tgz", + "integrity": "sha512-FpFBwu+d2E7KRhYPTkKvQsWb2/JKsJv+t1tcqgQkn+oByhp+qGyXBobFB8/R3yYvRRDCSDhS+atWTJzk9TjM8g==", + "dev": true + }, + "node_modules/@react-native-community/cli-server-api": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-server-api/-/cli-server-api-12.3.2.tgz", + "integrity": "sha512-iwa7EO9XFA/OjI5pPLLpI/6mFVqv8L73kNck3CNOJIUCCveGXBKK0VMyOkXaf/BYnihgQrXh+x5cxbDbggr7+Q==", + "dev": true, + "dependencies": { + "@react-native-community/cli-debugger-ui": "12.3.2", + "@react-native-community/cli-tools": "12.3.2", + "compression": "^1.7.1", + "connect": "^3.6.5", + "errorhandler": "^1.5.1", + "nocache": "^3.0.1", + "pretty-format": "^26.6.2", + "serve-static": "^1.13.1", + "ws": "^7.5.1" + } + }, + "node_modules/@react-native-community/cli-server-api/node_modules/ws": { + "version": "7.5.9", + "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz", + "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==", + "dev": true, + "engines": { + "node": ">=8.3.0" + }, + "peerDependencies": { + "bufferutil": "^4.0.1", + "utf-8-validate": "^5.0.2" + }, + "peerDependenciesMeta": { + "bufferutil": { + "optional": true + }, + "utf-8-validate": { + "optional": true + } + } + }, + "node_modules/@react-native-community/cli-tools": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-tools/-/cli-tools-12.3.2.tgz", + "integrity": "sha512-nDH7vuEicHI2TI0jac/DjT3fr977iWXRdgVAqPZFFczlbs7A8GQvEdGnZ1G8dqRUmg+kptw0e4hwczAOG89JzQ==", + "dev": true, + "dependencies": { + "appdirsjs": "^1.2.4", + "chalk": "^4.1.2", + "find-up": "^5.0.0", + "mime": "^2.4.1", + "node-fetch": "^2.6.0", + "open": "^6.2.0", + "ora": "^5.4.1", + "semver": "^7.5.2", + "shell-quote": "^1.7.3", + "sudo-prompt": "^9.0.0" + } + }, + "node_modules/@react-native-community/cli-tools/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@react-native-community/cli-tools/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@react-native-community/cli-tools/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@react-native-community/cli-tools/node_modules/lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@react-native-community/cli-tools/node_modules/semver": { + "version": "7.5.4", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", + "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", + "dev": true, + "dependencies": { + "lru-cache": "^6.0.0" + }, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@react-native-community/cli-tools/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@react-native-community/cli-tools/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, + "node_modules/@react-native-community/cli-types": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-types/-/cli-types-12.3.2.tgz", + "integrity": "sha512-9D0UEFqLW8JmS16mjHJxUJWX8E+zJddrHILSH8AJHZ0NNHv4u2DXKdb0wFLMobFxGNxPT+VSOjc60fGvXzWHog==", + "dev": true, + "dependencies": { + "joi": "^17.2.1" + } + }, + "node_modules/@react-native-community/cli/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@react-native-community/cli/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@react-native-community/cli/node_modules/commander": { + "version": "9.5.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz", + "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==", + "dev": true, + "engines": { + "node": "^12.20.0 || >=14" + } + }, + "node_modules/@react-native-community/cli/node_modules/find-up": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", + "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", + "dev": true, + "dependencies": { + "locate-path": "^5.0.0", + "path-exists": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@react-native-community/cli/node_modules/fs-extra": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz", + "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==", + "dev": true, + "dependencies": { + "graceful-fs": "^4.2.0", + "jsonfile": "^4.0.0", + "universalify": "^0.1.0" + }, + "engines": { + "node": ">=6 <7 || >=8" + } + }, + "node_modules/@react-native-community/cli/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@react-native-community/cli/node_modules/locate-path": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", + "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", + "dev": true, + "dependencies": { + "p-locate": "^4.1.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@react-native-community/cli/node_modules/lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@react-native-community/cli/node_modules/p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dev": true, + "dependencies": { + "p-try": "^2.0.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@react-native-community/cli/node_modules/p-locate": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", + "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", + "dev": true, + "dependencies": { + "p-limit": "^2.2.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@react-native-community/cli/node_modules/semver": { + "version": "7.5.4", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", + "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", + "dev": true, + "dependencies": { + "lru-cache": "^6.0.0" + }, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@react-native-community/cli/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@react-native-community/cli/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, + "node_modules/@react-native/assets-registry": { + "version": "0.73.1", + "resolved": "https://registry.npmjs.org/@react-native/assets-registry/-/assets-registry-0.73.1.tgz", + "integrity": "sha512-2FgAbU7uKM5SbbW9QptPPZx8N9Ke2L7bsHb+EhAanZjFZunA9PaYtyjUQ1s7HD+zDVqOQIvjkpXSv7Kejd2tqg==", + "dev": true, + "engines": { + "node": ">=18" + } + }, + "node_modules/@react-native/babel-plugin-codegen": { + "version": "0.73.3", + "resolved": "https://registry.npmjs.org/@react-native/babel-plugin-codegen/-/babel-plugin-codegen-0.73.3.tgz", + "integrity": "sha512-+zQrDDbz6lB48LyzFHxNCgXDCBHH+oTRdXAjikRcBUdeG9St9ABbYFLtb799zSxLOrCqFVyXqhJR2vlgLLEbcg==", + "dev": true, + "dependencies": { + "@react-native/codegen": "0.73.2" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/@react-native/babel-preset": { + "version": "0.73.20", + "resolved": "https://registry.npmjs.org/@react-native/babel-preset/-/babel-preset-0.73.20.tgz", + "integrity": "sha512-fU9NqkusbfFq71l4BWQfqqD/lLcLC0MZ++UYgieA3j8lIEppJTLVauv2RwtD2yltBkjebgYEC5Rwvt1l0MUBXw==", + "dev": true, + "dependencies": { + "@babel/core": "^7.20.0", + "@babel/plugin-proposal-async-generator-functions": "^7.0.0", + "@babel/plugin-proposal-class-properties": "^7.18.0", + "@babel/plugin-proposal-export-default-from": "^7.0.0", + "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.0", + "@babel/plugin-proposal-numeric-separator": "^7.0.0", + "@babel/plugin-proposal-object-rest-spread": "^7.20.0", + "@babel/plugin-proposal-optional-catch-binding": "^7.0.0", + "@babel/plugin-proposal-optional-chaining": "^7.20.0", + "@babel/plugin-syntax-dynamic-import": "^7.8.0", + "@babel/plugin-syntax-export-default-from": "^7.0.0", + "@babel/plugin-syntax-flow": "^7.18.0", + "@babel/plugin-syntax-nullish-coalescing-operator": "^7.0.0", + "@babel/plugin-syntax-optional-chaining": "^7.0.0", + "@babel/plugin-transform-arrow-functions": "^7.0.0", + "@babel/plugin-transform-async-to-generator": "^7.20.0", + "@babel/plugin-transform-block-scoping": "^7.0.0", + "@babel/plugin-transform-classes": "^7.0.0", + "@babel/plugin-transform-computed-properties": "^7.0.0", + "@babel/plugin-transform-destructuring": "^7.20.0", + "@babel/plugin-transform-flow-strip-types": "^7.20.0", + "@babel/plugin-transform-function-name": "^7.0.0", + "@babel/plugin-transform-literals": "^7.0.0", + "@babel/plugin-transform-modules-commonjs": "^7.0.0", + "@babel/plugin-transform-named-capturing-groups-regex": "^7.0.0", + "@babel/plugin-transform-parameters": "^7.0.0", + "@babel/plugin-transform-private-methods": "^7.22.5", + "@babel/plugin-transform-private-property-in-object": "^7.22.11", + "@babel/plugin-transform-react-display-name": "^7.0.0", + "@babel/plugin-transform-react-jsx": "^7.0.0", + "@babel/plugin-transform-react-jsx-self": "^7.0.0", + "@babel/plugin-transform-react-jsx-source": "^7.0.0", + "@babel/plugin-transform-runtime": "^7.0.0", + "@babel/plugin-transform-shorthand-properties": "^7.0.0", + "@babel/plugin-transform-spread": "^7.0.0", + "@babel/plugin-transform-sticky-regex": "^7.0.0", + "@babel/plugin-transform-typescript": "^7.5.0", + "@babel/plugin-transform-unicode-regex": "^7.0.0", + "@babel/template": "^7.0.0", + "@react-native/babel-plugin-codegen": "0.73.3", + "babel-plugin-transform-flow-enums": "^0.0.2", + "react-refresh": "^0.14.0" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "@babel/core": "*" + } + }, + "node_modules/@react-native/codegen": { + "version": "0.73.2", + "resolved": "https://registry.npmjs.org/@react-native/codegen/-/codegen-0.73.2.tgz", + "integrity": "sha512-lfy8S7umhE3QLQG5ViC4wg5N1Z+E6RnaeIw8w1voroQsXXGPB72IBozh8dAHR3+ceTxIU0KX3A8OpJI8e1+HpQ==", + "dev": true, + "dependencies": { + "@babel/parser": "^7.20.0", + "flow-parser": "^0.206.0", + "glob": "^7.1.1", + "invariant": "^2.2.4", + "jscodeshift": "^0.14.0", + "mkdirp": "^0.5.1", + "nullthrows": "^1.1.1" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "@babel/preset-env": "^7.1.6" + } + }, + "node_modules/@react-native/community-cli-plugin": { + "version": "0.73.14", + "resolved": "https://registry.npmjs.org/@react-native/community-cli-plugin/-/community-cli-plugin-0.73.14.tgz", + "integrity": "sha512-KzIwsTvAJrXPtwhGOSm+OcJH1B8TpY8cS4xxzu/e2qv3a2n4VLePHTPAfco1tmvekV8OHWvvD9JSIX7i2fB1gg==", + "dev": true, + "dependencies": { + "@react-native-community/cli-server-api": "12.3.2", + "@react-native-community/cli-tools": "12.3.2", + "@react-native/dev-middleware": "0.73.7", + "@react-native/metro-babel-transformer": "0.73.14", + "chalk": "^4.0.0", + "execa": "^5.1.1", + "metro": "^0.80.3", + "metro-config": "^0.80.3", + "metro-core": "^0.80.3", + "node-fetch": "^2.2.0", + "readline": "^1.3.0" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/@react-native/community-cli-plugin/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@react-native/community-cli-plugin/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@react-native/community-cli-plugin/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@react-native/community-cli-plugin/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@react-native/debugger-frontend": { + "version": "0.73.3", + "resolved": "https://registry.npmjs.org/@react-native/debugger-frontend/-/debugger-frontend-0.73.3.tgz", + "integrity": "sha512-RgEKnWuoo54dh7gQhV7kvzKhXZEhpF9LlMdZolyhGxHsBqZ2gXdibfDlfcARFFifPIiaZ3lXuOVVa4ei+uPgTw==", + "dev": true, + "engines": { + "node": ">=18" + } + }, + "node_modules/@react-native/dev-middleware": { + "version": "0.73.7", + "resolved": "https://registry.npmjs.org/@react-native/dev-middleware/-/dev-middleware-0.73.7.tgz", + "integrity": "sha512-BZXpn+qKp/dNdr4+TkZxXDttfx8YobDh8MFHsMk9usouLm22pKgFIPkGBV0X8Do4LBkFNPGtrnsKkWk/yuUXKg==", + "dev": true, + "dependencies": { + "@isaacs/ttlcache": "^1.4.1", + "@react-native/debugger-frontend": "0.73.3", + "chrome-launcher": "^0.15.2", + "chromium-edge-launcher": "^1.0.0", + "connect": "^3.6.5", + "debug": "^2.2.0", + "node-fetch": "^2.2.0", + "open": "^7.0.3", + "serve-static": "^1.13.1", + "temp-dir": "^2.0.0" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/@react-native/dev-middleware/node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/@react-native/dev-middleware/node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + }, + "node_modules/@react-native/dev-middleware/node_modules/open": { + "version": "7.4.2", + "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz", + "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==", + "dev": true, + "dependencies": { + "is-docker": "^2.0.0", + "is-wsl": "^2.1.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@react-native/gradle-plugin": { + "version": "0.73.4", + "resolved": "https://registry.npmjs.org/@react-native/gradle-plugin/-/gradle-plugin-0.73.4.tgz", + "integrity": "sha512-PMDnbsZa+tD55Ug+W8CfqXiGoGneSSyrBZCMb5JfiB3AFST3Uj5e6lw8SgI/B6SKZF7lG0BhZ6YHZsRZ5MlXmg==", + "dev": true, + "engines": { + "node": ">=18" + } + }, + "node_modules/@react-native/js-polyfills": { + "version": "0.73.1", + "resolved": "https://registry.npmjs.org/@react-native/js-polyfills/-/js-polyfills-0.73.1.tgz", + "integrity": "sha512-ewMwGcumrilnF87H4jjrnvGZEaPFCAC4ebraEK+CurDDmwST/bIicI4hrOAv+0Z0F7DEK4O4H7r8q9vH7IbN4g==", + "dev": true, + "engines": { + "node": ">=18" + } + }, + "node_modules/@react-native/metro-babel-transformer": { + "version": "0.73.14", + "resolved": "https://registry.npmjs.org/@react-native/metro-babel-transformer/-/metro-babel-transformer-0.73.14.tgz", + "integrity": "sha512-5wLeYw/lormpSqYfI9H/geZ/EtPmi+x5qLkEit15Q/70hkzYo/M+aWztUtbOITfgTEOP8d6ybROzoGsqgyZLcw==", + "dev": true, + "dependencies": { + "@babel/core": "^7.20.0", + "@react-native/babel-preset": "0.73.20", + "hermes-parser": "0.15.0", + "nullthrows": "^1.1.1" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "@babel/core": "*" + } + }, + "node_modules/@react-native/normalize-colors": { + "version": "0.73.2", + "resolved": "https://registry.npmjs.org/@react-native/normalize-colors/-/normalize-colors-0.73.2.tgz", + "integrity": "sha512-bRBcb2T+I88aG74LMVHaKms2p/T8aQd8+BZ7LuuzXlRfog1bMWWn/C5i0HVuvW4RPtXQYgIlGiXVDy9Ir1So/w==", + "dev": true + }, + "node_modules/@react-native/virtualized-lists": { + "version": "0.73.4", + "resolved": "https://registry.npmjs.org/@react-native/virtualized-lists/-/virtualized-lists-0.73.4.tgz", + "integrity": "sha512-HpmLg1FrEiDtrtAbXiwCgXFYyloK/dOIPIuWW3fsqukwJEWAiTzm1nXGJ7xPU5XTHiWZ4sKup5Ebaj8z7iyWog==", + "dev": true, + "dependencies": { + "invariant": "^2.2.4", + "nullthrows": "^1.1.1" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "react-native": "*" + } + }, + "node_modules/@rollup/pluginutils": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz", + "integrity": "sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==", + "dev": true, + "dependencies": { + "@types/estree": "^1.0.0", + "estree-walker": "^2.0.2", + "picomatch": "^2.3.1" + }, + "engines": { + "node": ">=14.0.0" + }, + "peerDependencies": { + "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0" + }, + "peerDependenciesMeta": { + "rollup": { + "optional": true + } + } + }, + "node_modules/@rollup/pluginutils/node_modules/@types/estree": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz", + "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==", + "dev": true + }, + "node_modules/@rushstack/node-core-library": { + "version": "3.61.0", + "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-3.61.0.tgz", + "integrity": "sha512-tdOjdErme+/YOu4gPed3sFS72GhtWCgNV9oDsHDnoLY5oDfwjKUc9Z+JOZZ37uAxcm/OCahDHfuu2ugqrfWAVQ==", + "dev": true, + "dependencies": { + "colors": "~1.2.1", + "fs-extra": "~7.0.1", + "import-lazy": "~4.0.0", + "jju": "~1.4.0", + "resolve": "~1.22.1", + "semver": "~7.5.4", + "z-schema": "~5.0.2" + }, + "peerDependencies": { + "@types/node": "*" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } + } + }, + "node_modules/@rushstack/node-core-library/node_modules/lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@rushstack/node-core-library/node_modules/semver": { + "version": "7.5.4", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", + "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", + "dev": true, + "dependencies": { + "lru-cache": "^6.0.0" + }, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@rushstack/node-core-library/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, + "node_modules/@rushstack/rig-package": { + "version": "0.5.1", + "resolved": "https://registry.npmjs.org/@rushstack/rig-package/-/rig-package-0.5.1.tgz", + "integrity": "sha512-pXRYSe29TjRw7rqxD4WS3HN/sRSbfr+tJs4a9uuaSIBAITbUggygdhuG0VrO0EO+QqH91GhYMN4S6KRtOEmGVA==", + "dev": true, + "dependencies": { + "resolve": "~1.22.1", + "strip-json-comments": "~3.1.1" + } + }, + "node_modules/@rushstack/ts-command-line": { + "version": "4.17.1", + "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-4.17.1.tgz", + "integrity": "sha512-2jweO1O57BYP5qdBGl6apJLB+aRIn5ccIRTPDyULh0KMwVzFqWtw6IZWt1qtUoZD/pD2RNkIOosH6Cq45rIYeg==", + "dev": true, + "dependencies": { + "@types/argparse": "1.0.38", + "argparse": "~1.0.9", + "colors": "~1.2.1", + "string-argv": "~0.3.1" + } + }, + "node_modules/@salutejs/plasma-colors": { + "version": "0.13.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-colors/-/plasma-colors-0.13.0.tgz", + "integrity": "sha512-EUhA9QJ2/uTwGVrqH0He3qq+d7h3x5aEVb8VfOwDlT9oF5gpT6DMWfQ6dzJcEAnXIAY8TSXLYQJI4iWAwCAd+w==", + "dev": true + }, + "node_modules/@salutejs/plasma-core": { + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", + "dependencies": { + "@popperjs/core": "2.9.2", + "@salutejs/plasma-typo": "0.40.0", + "focus-visible": "5.2.0", + "lodash.throttle": "4.1.1", + "react-draggable": "4.4.3", + "react-popper": "2.3.0" + }, + "peerDependencies": { + "react": ">=16.13.1", + "react-dom": ">=16.13.1", + "styled-components": "^5.1.1" + } + }, + "node_modules/@salutejs/plasma-core/node_modules/react-popper": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-2.3.0.tgz", + "integrity": "sha512-e1hj8lL3uM+sgSR4Lxzn5h1GxBlpa4CQz0XLF8kx4MDrDRWY0Ena4c97PUeSX9i5W3UAfDP0z0FXCTQkoXUl3Q==", + "dependencies": { + "react-fast-compare": "^3.0.1", + "warning": "^4.0.2" + }, + "peerDependencies": { + "@popperjs/core": "^2.0.0", + "react": "^16.8.0 || ^17 || ^18", + "react-dom": "^16.8.0 || ^17 || ^18" + } + }, + "node_modules/@salutejs/plasma-cy-utils": { + "version": "0.94.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.94.0-dev.0.tgz", + "integrity": "sha512-X778wOZh9VCzLwRqU0JfmeycdkqyI6ywYoIOFlM5oMUsbymRt3UqoTg/r9sEAD3BFCVmOSE1t6O1xgYI1iKXKg==", + "dev": true, + "peerDependencies": { + "react": ">=16.13.1", + "react-dom": ">=16.13.1", + "styled-components": "^5.1.1" + } + }, + "node_modules/@salutejs/plasma-icons": { + "version": "1.198.3-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.2-dev.0.tgz", + "integrity": "sha512-xHi364GG8XUvObXEmZrh1gmm8o0IVZ0+HrItc/fZYRfXXCGM4Qv3fRjT2qJPVD4e05RnehRByHpih2CVN94nrg==", + "dev": true, + "peerDependencies": { + "react": ">=16.13.1", + "react-dom": ">=16.13.1", + "styled-components": "^5.1.1" + } + }, + "node_modules/@salutejs/plasma-new-hope": { + "version": "0.104.1-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.104.1-dev.0.tgz", + "integrity": "sha512-wzGlfIZXzAZ7XTNm6S49UUIt8VWYyXNy+GTvcDgITSm7nQGtYxa6d0tttCH7xDhMdjxJY5mya+0TvY+f9j7fZQ==", + "dependencies": { + "@linaria/core": "5.0.2", + "@linaria/react": "5.0.3", + "@popperjs/core": "2.11.8", + "@salutejs/plasma-core": "1.162.0-dev.0", + "dayjs": "1.11.11", + "focus-visible": "5.2.0", + "lodash.throttle": "4.1.1", + "react-draggable": "4.4.3", + "react-popper": "2.3.0", + "storeon": "3.1.5" + }, + "peerDependencies": { + "react": ">=16.13.1", + "react-dom": ">=16.13.1" + } + }, + "node_modules/@salutejs/plasma-new-hope/node_modules/@popperjs/core": { + "version": "2.11.8", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", + "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, + "node_modules/@salutejs/plasma-new-hope/node_modules/react-popper": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-2.3.0.tgz", + "integrity": "sha512-e1hj8lL3uM+sgSR4Lxzn5h1GxBlpa4CQz0XLF8kx4MDrDRWY0Ena4c97PUeSX9i5W3UAfDP0z0FXCTQkoXUl3Q==", + "dependencies": { + "react-fast-compare": "^3.0.1", + "warning": "^4.0.2" + }, + "peerDependencies": { + "@popperjs/core": "^2.0.0", + "react": "^16.8.0 || ^17 || ^18", + "react-dom": "^16.8.0 || ^17 || ^18" + } + }, + "node_modules/@salutejs/plasma-sb-utils": { + "version": "0.160.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.160.0-dev.0.tgz", + "integrity": "sha512-9jx+mpeC7CAf0t/eAaN7YsO5ozGBUzlWCz0RqomkiTkGTBb9f+CuYCxkZ58a9AZQI8SBHIaopjOP2IuRabuHSg==", + "dev": true, + "dependencies": { + "@salutejs/plasma-colors": "0.13.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "param-case": "^3.0.4" + }, + "peerDependencies": { + "react": ">=16.13.1", + "react-dom": ">=16.13.1", + "styled-components": "^5.1.1" + } + }, + "node_modules/@salutejs/plasma-typo": { + "version": "0.40.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-typo/-/plasma-typo-0.40.0.tgz", + "integrity": "sha512-wjIJwHb/N5wFyTwTKt4bimt0UpM0/TS3ZsKtJVBS5foqxxJFgv32Ma75RCnnqol38M+KHDa6Lrnu2po0jiicow==", + "peerDependencies": { + "react": ">=16.13.1", + "react-dom": ">=16.13.1", + "styled-components": "^5.1.1" + } + }, + "node_modules/@salutejs/sdds-themes": { + "version": "0.14.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/sdds-themes/-/sdds-themes-0.14.0-dev.0.tgz", + "integrity": "sha512-eMPBFQlct8NVWWDVmPdVaCWNMUM6c6FRA5Niin0ayV+SbDp3fhoHCmPg3pZkTfye3zPQ8ahylNv4H5Ly4++z3w==" + }, + "node_modules/@semantic-ui-react/event-stack": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/@semantic-ui-react/event-stack/-/event-stack-3.1.3.tgz", + "integrity": "sha512-FdTmJyWvJaYinHrKRsMLDrz4tTMGdFfds299Qory53hBugiDvGC0tEJf+cHsi5igDwWb/CLOgOiChInHwq8URQ==", + "dev": true, + "dependencies": { + "exenv": "^1.2.2", + "prop-types": "^15.6.2" + }, + "peerDependencies": { + "react": "^16.0.0 || ^17.0.0 || ^18.0.0", + "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0" + } + }, + "node_modules/@sideway/address": { + "version": "4.1.5", + "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.5.tgz", + "integrity": "sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q==", + "dev": true, + "dependencies": { + "@hapi/hoek": "^9.0.0" + } + }, + "node_modules/@sideway/formula": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz", + "integrity": "sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==", + "dev": true + }, + "node_modules/@sideway/pinpoint": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz", + "integrity": "sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==", + "dev": true + }, + "node_modules/@sinclair/typebox": { + "version": "0.27.8", + "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz", + "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==", + "dev": true + }, + "node_modules/@sinonjs/commons": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.1.tgz", + "integrity": "sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==", + "dev": true, + "dependencies": { + "type-detect": "4.0.8" + } + }, + "node_modules/@sinonjs/fake-timers": { + "version": "10.3.0", + "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.3.0.tgz", + "integrity": "sha512-V4BG07kuYSUkTCSBHG8G8TNhM+F19jXFWnQtzj+we8DrkpSBCee9Z3Ms8yiGer/dlmhe35/Xdgyo3/0rQKg7YA==", + "dev": true, + "dependencies": { + "@sinonjs/commons": "^3.0.0" + } + }, + "node_modules/@stardust-ui/react-component-event-listener": { + "version": "0.38.0", + "resolved": "https://registry.npmjs.org/@stardust-ui/react-component-event-listener/-/react-component-event-listener-0.38.0.tgz", + "integrity": "sha512-sIP/e0dyOrrlb8K7KWumfMxj/gAifswTBC4o68Aa+C/GA73ccRp/6W1VlHvF/dlOR4KLsA+5SKnhjH36xzPsWg==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.1.2", + "prop-types": "^15.7.2" + }, + "peerDependencies": { + "react": "^16.8.0", + "react-dom": "^16.8.0" + } + }, + "node_modules/@stardust-ui/react-component-ref": { + "version": "0.38.0", + "resolved": "https://registry.npmjs.org/@stardust-ui/react-component-ref/-/react-component-ref-0.38.0.tgz", + "integrity": "sha512-xjs6WnvJVueSIXMWw0C3oWIgAPpcD03qw43oGOjUXqFktvpNkB73JoKIhS4sCrtQxBdct75qqr4ZL6JiyPcESw==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.1.2", + "prop-types": "^15.7.2", + "react-is": "^16.6.3" + }, + "peerDependencies": { + "react": "^16.8.0", + "react-dom": "^16.8.0" + } + }, + "node_modules/@storybook/addon-actions": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-7.6.17.tgz", + "integrity": "sha512-TBphs4v6LRfyTpFo/WINF0TkMaE3rrNog7wW5mbz6n0j8o53kDN4o9ZEcygSL5zQX43CAaghQTeDCss7ueG7ZQ==", + "dev": true, + "dependencies": { + "@storybook/core-events": "7.6.17", + "@storybook/global": "^5.0.0", + "@types/uuid": "^9.0.1", + "dequal": "^2.0.2", + "polished": "^4.2.2", + "uuid": "^9.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/addon-backgrounds": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-7.6.17.tgz", + "integrity": "sha512-7dize7x8+37PH77kmt69b0xSaeDqOcZ4fpzW6+hk53hIaCVU26eGs4+j+743Xva31eOgZWNLupUhOpUDc6SqZw==", + "dev": true, + "dependencies": { + "@storybook/global": "^5.0.0", + "memoizerific": "^1.11.3", + "ts-dedent": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/addon-controls": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-7.6.17.tgz", + "integrity": "sha512-zR0aLaUF7FtV/nMRyfniFbCls/e0DAAoXACuOAUAwNAv0lbIS8AyZZiHSmKucCvziUQ6WceeCC7+du3C+9y0rQ==", + "dev": true, + "dependencies": { + "@storybook/blocks": "7.6.17", + "lodash": "^4.17.21", + "ts-dedent": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/addon-docs": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-7.6.17.tgz", + "integrity": "sha512-FKa4Mdy7nhgvEVZJHpMkHriDzpVHbohn87zv9NCL+Ctjs1iAmzGwxEm0culszyDS1HN2ToVoY0h8CSi2RSSZqA==", + "dev": true, + "dependencies": { + "@jest/transform": "^29.3.1", + "@mdx-js/react": "^2.1.5", + "@storybook/blocks": "7.6.17", + "@storybook/client-logger": "7.6.17", + "@storybook/components": "7.6.17", + "@storybook/csf-plugin": "7.6.17", + "@storybook/csf-tools": "7.6.17", + "@storybook/global": "^5.0.0", + "@storybook/mdx2-csf": "^1.0.0", + "@storybook/node-logger": "7.6.17", + "@storybook/postinstall": "7.6.17", + "@storybook/preview-api": "7.6.17", + "@storybook/react-dom-shim": "7.6.17", + "@storybook/theming": "7.6.17", + "@storybook/types": "7.6.17", + "fs-extra": "^11.1.0", + "remark-external-links": "^8.0.0", + "remark-slug": "^6.0.0", + "ts-dedent": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" + } + }, + "node_modules/@storybook/addon-docs/node_modules/fs-extra": { + "version": "11.2.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz", + "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==", + "dev": true, + "dependencies": { + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + }, + "engines": { + "node": ">=14.14" + } + }, + "node_modules/@storybook/addon-docs/node_modules/jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "dev": true, + "dependencies": { + "universalify": "^2.0.0" + }, + "optionalDependencies": { + "graceful-fs": "^4.1.6" + } + }, + "node_modules/@storybook/addon-docs/node_modules/universalify": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==", + "dev": true, + "engines": { + "node": ">= 10.0.0" + } + }, + "node_modules/@storybook/addon-essentials": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-7.6.17.tgz", + "integrity": "sha512-qlSpamxuYfT2taF953nC9QijGF2pSbg1ewMNpdwLTj16PTZvR/d8NCDMTJujI1bDwM2m18u8Yc43ibh5LEmxCw==", + "dev": true, + "dependencies": { + "@storybook/addon-actions": "7.6.17", + "@storybook/addon-backgrounds": "7.6.17", + "@storybook/addon-controls": "7.6.17", + "@storybook/addon-docs": "7.6.17", + "@storybook/addon-highlight": "7.6.17", + "@storybook/addon-measure": "7.6.17", + "@storybook/addon-outline": "7.6.17", + "@storybook/addon-toolbars": "7.6.17", + "@storybook/addon-viewport": "7.6.17", + "@storybook/core-common": "7.6.17", + "@storybook/manager-api": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@storybook/preview-api": "7.6.17", + "ts-dedent": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" + } + }, + "node_modules/@storybook/addon-highlight": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-7.6.17.tgz", + "integrity": "sha512-R1yBPUUqGn+60aJakn8q+5Zt34E/gU3n3VmgPdryP0LJUdZ5q1/RZShoVDV+yYQ40htMH6oaCv3OyyPzFAGJ6A==", + "dev": true, + "dependencies": { + "@storybook/global": "^5.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/addon-measure": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-7.6.17.tgz", + "integrity": "sha512-O5vnHZNkduvZ95jf1UssbOl6ivIxzl5tv+4EpScPYId7w700bxWsJH+QX7ip6KlrCf2o3iUhmPe8bm05ghG2KA==", + "dev": true, + "dependencies": { + "@storybook/global": "^5.0.0", + "tiny-invariant": "^1.3.1" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/addon-outline": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-7.6.17.tgz", + "integrity": "sha512-9o9JXDsYjNaDgz/cY5+jv694+aik/1aiRGGvsCv68e1p/ob0glkGKav4lnJe2VJqD+gCmaARoD8GOJlhoQl8JQ==", + "dev": true, + "dependencies": { + "@storybook/global": "^5.0.0", + "ts-dedent": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/addon-toolbars": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-7.6.17.tgz", + "integrity": "sha512-UMrchbUHiyWrh6WuGnpy34Jqzkx/63B+MSgb3CW7YsQaXz64kE0Rol0TNSznnB+mYXplcqH+ndI4r4kFsmgwDg==", + "dev": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/addon-viewport": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-7.6.17.tgz", + "integrity": "sha512-sA0QCcf4QAMixWvn8uvRYPfkKCSl6JajJaAspoPqXSxHEpK7uwOlpg3kqFU5XJJPXD0X957M+ONgNvBzYqSpEw==", + "dev": true, + "dependencies": { + "memoizerific": "^1.11.3" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/addons": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-7.6.17.tgz", + "integrity": "sha512-Ok18Y698Ccyg++MoUNJNHY0cXUvo8ETFIRLJk1g9ElJ70j6kPgNnzW2pAtZkBNmswHtofZ7pT156cj96k/LgfA==", + "dev": true, + "dependencies": { + "@storybook/manager-api": "7.6.17", + "@storybook/preview-api": "7.6.17", + "@storybook/types": "7.6.17" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/blocks": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-7.6.17.tgz", + "integrity": "sha512-PsNVoe0bX1mMn4Kk3nbKZ0ItDZZ0YJnYAFJ6toAbsyBAbgzg1sce88sQinzvbn58/RT9MPKeWMPB45ZS7ggiNg==", + "dev": true, + "dependencies": { + "@storybook/channels": "7.6.17", + "@storybook/client-logger": "7.6.17", + "@storybook/components": "7.6.17", + "@storybook/core-events": "7.6.17", + "@storybook/csf": "^0.1.2", + "@storybook/docs-tools": "7.6.17", + "@storybook/global": "^5.0.0", + "@storybook/manager-api": "7.6.17", + "@storybook/preview-api": "7.6.17", + "@storybook/theming": "7.6.17", + "@storybook/types": "7.6.17", + "@types/lodash": "^4.14.167", + "color-convert": "^2.0.1", + "dequal": "^2.0.2", + "lodash": "^4.17.21", + "markdown-to-jsx": "^7.1.8", + "memoizerific": "^1.11.3", + "polished": "^4.2.2", + "react-colorful": "^5.1.2", + "telejson": "^7.2.0", + "tocbot": "^4.20.1", + "ts-dedent": "^2.0.0", + "util-deprecate": "^1.0.2" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" + } + }, + "node_modules/@storybook/builder-manager": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/builder-manager/-/builder-manager-7.6.17.tgz", + "integrity": "sha512-Sj8hcDYiPCCMfeLzus37czl0zdrAxAz4IyYam2jBjVymrIrcDAFyL1OCZvnq33ft179QYQWhUs9qwzVmlR/ZWg==", + "dev": true, + "dependencies": { + "@fal-works/esbuild-plugin-global-externals": "^2.1.2", + "@storybook/core-common": "7.6.17", + "@storybook/manager": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@types/ejs": "^3.1.1", + "@types/find-cache-dir": "^3.2.1", + "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10", + "browser-assert": "^1.2.1", + "ejs": "^3.1.8", + "esbuild": "^0.18.0", + "esbuild-plugin-alias": "^0.2.1", + "express": "^4.17.3", + "find-cache-dir": "^3.0.0", + "fs-extra": "^11.1.0", + "process": "^0.11.10", + "util": "^0.12.4" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/builder-manager/node_modules/fs-extra": { + "version": "11.2.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz", + "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==", + "dev": true, + "dependencies": { + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + }, + "engines": { + "node": ">=14.14" + } + }, + "node_modules/@storybook/builder-manager/node_modules/jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "dev": true, + "dependencies": { + "universalify": "^2.0.0" + }, + "optionalDependencies": { + "graceful-fs": "^4.1.6" + } + }, + "node_modules/@storybook/builder-manager/node_modules/universalify": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==", + "dev": true, + "engines": { + "node": ">= 10.0.0" + } + }, + "node_modules/@storybook/builder-vite": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-7.6.17.tgz", + "integrity": "sha512-2Q32qalI401EsKKr9Hkk8TAOcHEerqwsjCpQgTNJnCu6GgCVKoVUcb99oRbR9Vyg0xh+jb19XiWqqQujFtLYlQ==", + "dev": true, + "dependencies": { + "@storybook/channels": "7.6.17", + "@storybook/client-logger": "7.6.17", + "@storybook/core-common": "7.6.17", + "@storybook/csf-plugin": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@storybook/preview": "7.6.17", + "@storybook/preview-api": "7.6.17", + "@storybook/types": "7.6.17", + "@types/find-cache-dir": "^3.2.1", + "browser-assert": "^1.2.1", + "es-module-lexer": "^0.9.3", + "express": "^4.17.3", + "find-cache-dir": "^3.0.0", + "fs-extra": "^11.1.0", + "magic-string": "^0.30.0", + "rollup": "^2.25.0 || ^3.3.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "peerDependencies": { + "@preact/preset-vite": "*", + "typescript": ">= 4.3.x", + "vite": "^3.0.0 || ^4.0.0 || ^5.0.0", + "vite-plugin-glimmerx": "*" + }, + "peerDependenciesMeta": { + "@preact/preset-vite": { + "optional": true + }, + "typescript": { + "optional": true + }, + "vite-plugin-glimmerx": { + "optional": true + } + } + }, + "node_modules/@storybook/builder-vite/node_modules/fs-extra": { + "version": "11.2.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz", + "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==", + "dev": true, + "dependencies": { + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + }, + "engines": { + "node": ">=14.14" + } + }, + "node_modules/@storybook/builder-vite/node_modules/jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "dev": true, + "dependencies": { + "universalify": "^2.0.0" + }, + "optionalDependencies": { + "graceful-fs": "^4.1.6" + } + }, + "node_modules/@storybook/builder-vite/node_modules/universalify": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==", + "dev": true, + "engines": { + "node": ">= 10.0.0" + } + }, + "node_modules/@storybook/channels": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.6.17.tgz", + "integrity": "sha512-GFG40pzaSxk1hUr/J/TMqW5AFDDPUSu+HkeE/oqSWJbOodBOLJzHN6CReJS6y1DjYSZLNFt1jftPWZZInG/XUA==", + "dev": true, + "dependencies": { + "@storybook/client-logger": "7.6.17", + "@storybook/core-events": "7.6.17", + "@storybook/global": "^5.0.0", + "qs": "^6.10.0", + "telejson": "^7.2.0", + "tiny-invariant": "^1.3.1" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/cli": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-7.6.17.tgz", + "integrity": "sha512-1sCo+nCqyR+nKfTcEidVu8XzNoECC7Y1l+uW38/r7s2f/TdDorXaIGAVrpjbSaXSoQpx5DxYJVaKCcQuOgqwcA==", + "dev": true, + "dependencies": { + "@babel/core": "^7.23.2", + "@babel/preset-env": "^7.23.2", + "@babel/types": "^7.23.0", + "@ndelangen/get-tarball": "^3.0.7", + "@storybook/codemod": "7.6.17", + "@storybook/core-common": "7.6.17", + "@storybook/core-events": "7.6.17", + "@storybook/core-server": "7.6.17", + "@storybook/csf-tools": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@storybook/telemetry": "7.6.17", + "@storybook/types": "7.6.17", + "@types/semver": "^7.3.4", + "@yarnpkg/fslib": "2.10.3", + "@yarnpkg/libzip": "2.3.0", + "chalk": "^4.1.0", + "commander": "^6.2.1", + "cross-spawn": "^7.0.3", + "detect-indent": "^6.1.0", + "envinfo": "^7.7.3", + "execa": "^5.0.0", + "express": "^4.17.3", + "find-up": "^5.0.0", + "fs-extra": "^11.1.0", + "get-npm-tarball-url": "^2.0.3", + "get-port": "^5.1.1", + "giget": "^1.0.0", + "globby": "^11.0.2", + "jscodeshift": "^0.15.1", + "leven": "^3.1.0", + "ora": "^5.4.1", + "prettier": "^2.8.0", + "prompts": "^2.4.0", + "puppeteer-core": "^2.1.1", + "read-pkg-up": "^7.0.1", + "semver": "^7.3.7", + "strip-json-comments": "^3.0.1", + "tempy": "^1.0.1", + "ts-dedent": "^2.0.0", + "util-deprecate": "^1.0.2" + }, + "bin": { + "getstorybook": "bin/index.js", + "sb": "bin/index.js" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/cli/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@storybook/cli/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@storybook/cli/node_modules/commander": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz", + "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==", + "dev": true, + "engines": { + "node": ">= 6" + } + }, + "node_modules/@storybook/cli/node_modules/fs-extra": { + "version": "11.2.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz", + "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==", + "dev": true, + "dependencies": { + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + }, + "engines": { + "node": ">=14.14" + } + }, + "node_modules/@storybook/cli/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@storybook/cli/node_modules/jscodeshift": { + "version": "0.15.2", + "resolved": "https://registry.npmjs.org/jscodeshift/-/jscodeshift-0.15.2.tgz", + "integrity": "sha512-FquR7Okgmc4Sd0aEDwqho3rEiKR3BdvuG9jfdHjLJ6JQoWSMpavug3AoIfnfWhxFlf+5pzQh8qjqz0DWFrNQzA==", + "dev": true, + "dependencies": { + "@babel/core": "^7.23.0", + "@babel/parser": "^7.23.0", + "@babel/plugin-transform-class-properties": "^7.22.5", + "@babel/plugin-transform-modules-commonjs": "^7.23.0", + "@babel/plugin-transform-nullish-coalescing-operator": "^7.22.11", + "@babel/plugin-transform-optional-chaining": "^7.23.0", + "@babel/plugin-transform-private-methods": "^7.22.5", + "@babel/preset-flow": "^7.22.15", + "@babel/preset-typescript": "^7.23.0", + "@babel/register": "^7.22.15", + "babel-core": "^7.0.0-bridge.0", + "chalk": "^4.1.2", + "flow-parser": "0.*", + "graceful-fs": "^4.2.4", + "micromatch": "^4.0.4", + "neo-async": "^2.5.0", + "node-dir": "^0.1.17", + "recast": "^0.23.3", + "temp": "^0.8.4", + "write-file-atomic": "^2.3.0" + }, + "bin": { + "jscodeshift": "bin/jscodeshift.js" + }, + "peerDependencies": { + "@babel/preset-env": "^7.1.6" + }, + "peerDependenciesMeta": { + "@babel/preset-env": { + "optional": true + } + } + }, + "node_modules/@storybook/cli/node_modules/jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "dev": true, + "dependencies": { + "universalify": "^2.0.0" + }, + "optionalDependencies": { + "graceful-fs": "^4.1.6" + } + }, + "node_modules/@storybook/cli/node_modules/lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@storybook/cli/node_modules/semver": { + "version": "7.6.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz", + "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==", + "dev": true, + "dependencies": { + "lru-cache": "^6.0.0" + }, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@storybook/cli/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@storybook/cli/node_modules/universalify": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==", + "dev": true, + "engines": { + "node": ">= 10.0.0" + } + }, + "node_modules/@storybook/cli/node_modules/write-file-atomic": { + "version": "2.4.3", + "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-2.4.3.tgz", + "integrity": "sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==", + "dev": true, + "dependencies": { + "graceful-fs": "^4.1.11", + "imurmurhash": "^0.1.4", + "signal-exit": "^3.0.2" + } + }, + "node_modules/@storybook/cli/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, + "node_modules/@storybook/client-logger": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.6.17.tgz", + "integrity": "sha512-6WBYqixAXNAXlSaBWwgljWpAu10tPRBJrcFvx2gPUne58EeMM20Gi/iHYBz2kMCY+JLAgeIH7ZxInqwO8vDwiQ==", + "dev": true, + "dependencies": { + "@storybook/global": "^5.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/codemod": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-7.6.17.tgz", + "integrity": "sha512-JuTmf2u3C4fCnjO7o3dqRgrq3ozNYfWlrRP8xuIdvT7niMap7a396hJtSKqS10FxCgKFcMAOsRgrCalH1dWxUg==", + "dev": true, + "dependencies": { + "@babel/core": "^7.23.2", + "@babel/preset-env": "^7.23.2", + "@babel/types": "^7.23.0", + "@storybook/csf": "^0.1.2", + "@storybook/csf-tools": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@storybook/types": "7.6.17", + "@types/cross-spawn": "^6.0.2", + "cross-spawn": "^7.0.3", + "globby": "^11.0.2", + "jscodeshift": "^0.15.1", + "lodash": "^4.17.21", + "prettier": "^2.8.0", + "recast": "^0.23.1" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/codemod/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@storybook/codemod/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@storybook/codemod/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@storybook/codemod/node_modules/jscodeshift": { + "version": "0.15.2", + "resolved": "https://registry.npmjs.org/jscodeshift/-/jscodeshift-0.15.2.tgz", + "integrity": "sha512-FquR7Okgmc4Sd0aEDwqho3rEiKR3BdvuG9jfdHjLJ6JQoWSMpavug3AoIfnfWhxFlf+5pzQh8qjqz0DWFrNQzA==", + "dev": true, + "dependencies": { + "@babel/core": "^7.23.0", + "@babel/parser": "^7.23.0", + "@babel/plugin-transform-class-properties": "^7.22.5", + "@babel/plugin-transform-modules-commonjs": "^7.23.0", + "@babel/plugin-transform-nullish-coalescing-operator": "^7.22.11", + "@babel/plugin-transform-optional-chaining": "^7.23.0", + "@babel/plugin-transform-private-methods": "^7.22.5", + "@babel/preset-flow": "^7.22.15", + "@babel/preset-typescript": "^7.23.0", + "@babel/register": "^7.22.15", + "babel-core": "^7.0.0-bridge.0", + "chalk": "^4.1.2", + "flow-parser": "0.*", + "graceful-fs": "^4.2.4", + "micromatch": "^4.0.4", + "neo-async": "^2.5.0", + "node-dir": "^0.1.17", + "recast": "^0.23.3", + "temp": "^0.8.4", + "write-file-atomic": "^2.3.0" + }, + "bin": { + "jscodeshift": "bin/jscodeshift.js" + }, + "peerDependencies": { + "@babel/preset-env": "^7.1.6" + }, + "peerDependenciesMeta": { + "@babel/preset-env": { + "optional": true + } + } + }, + "node_modules/@storybook/codemod/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@storybook/codemod/node_modules/write-file-atomic": { + "version": "2.4.3", + "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-2.4.3.tgz", + "integrity": "sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==", + "dev": true, + "dependencies": { + "graceful-fs": "^4.1.11", + "imurmurhash": "^0.1.4", + "signal-exit": "^3.0.2" + } + }, + "node_modules/@storybook/components": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/components/-/components-7.6.17.tgz", + "integrity": "sha512-lbh7GynMidA+CZcJnstVku6Nhs+YkqjYaZ+mKPugvlVhGVWv0DaaeQFVuZ8cJtUGJ/5FFU4Y+n+gylYUHkGBMA==", + "dev": true, + "dependencies": { + "@radix-ui/react-select": "^1.2.2", + "@radix-ui/react-toolbar": "^1.0.4", + "@storybook/client-logger": "7.6.17", + "@storybook/csf": "^0.1.2", + "@storybook/global": "^5.0.0", + "@storybook/theming": "7.6.17", + "@storybook/types": "7.6.17", + "memoizerific": "^1.11.3", + "use-resize-observer": "^9.1.0", + "util-deprecate": "^1.0.2" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" + } + }, + "node_modules/@storybook/core-client": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/core-client/-/core-client-7.6.17.tgz", + "integrity": "sha512-LuDbADK+DPNAOOCXOlvY09hdGVueXlDetsdOJ/DgYnSa9QSWv9Uv+F8QcEgR3QckZJbPlztKJIVLgP2n/Xkijw==", + "dev": true, + "dependencies": { + "@storybook/client-logger": "7.6.17", + "@storybook/preview-api": "7.6.17" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/core-common": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.6.17.tgz", + "integrity": "sha512-me2TP3Q9/qzqCLoDHUSsUF+VS1MHxfHbTVF6vAz0D/COTxzsxLpu9TxTbzJoBCxse6XRb6wWI1RgF1mIcjic7g==", + "dev": true, + "dependencies": { + "@storybook/core-events": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@storybook/types": "7.6.17", + "@types/find-cache-dir": "^3.2.1", + "@types/node": "^18.0.0", + "@types/node-fetch": "^2.6.4", + "@types/pretty-hrtime": "^1.0.0", + "chalk": "^4.1.0", + "esbuild": "^0.18.0", + "esbuild-register": "^3.5.0", + "file-system-cache": "2.3.0", + "find-cache-dir": "^3.0.0", + "find-up": "^5.0.0", + "fs-extra": "^11.1.0", + "glob": "^10.0.0", + "handlebars": "^4.7.7", + "lazy-universal-dotenv": "^4.0.0", + "node-fetch": "^2.0.0", + "picomatch": "^2.3.0", + "pkg-dir": "^5.0.0", + "pretty-hrtime": "^1.0.3", + "resolve-from": "^5.0.0", + "ts-dedent": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/core-common/node_modules/@types/node": { + "version": "18.19.21", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.21.tgz", + "integrity": "sha512-2Q2NeB6BmiTFQi4DHBzncSoq/cJMLDdhPaAoJFnFCyD9a8VPZRf7a1GAwp1Edb7ROaZc5Jz/tnZyL6EsWMRaqw==", + "dev": true, + "dependencies": { + "undici-types": "~5.26.4" + } + }, + "node_modules/@storybook/core-common/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@storybook/core-common/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/@storybook/core-common/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@storybook/core-common/node_modules/fs-extra": { + "version": "11.2.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz", + "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==", + "dev": true, + "dependencies": { + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + }, + "engines": { + "node": ">=14.14" + } + }, + "node_modules/@storybook/core-common/node_modules/glob": { + "version": "10.3.10", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz", + "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==", + "dev": true, + "dependencies": { + "foreground-child": "^3.1.0", + "jackspeak": "^2.3.5", + "minimatch": "^9.0.1", + "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0", + "path-scurry": "^1.10.1" + }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/@storybook/core-common/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@storybook/core-common/node_modules/jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "dev": true, + "dependencies": { + "universalify": "^2.0.0" + }, + "optionalDependencies": { + "graceful-fs": "^4.1.6" + } + }, + "node_modules/@storybook/core-common/node_modules/minimatch": { + "version": "9.0.3", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz", + "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==", + "dev": true, + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/@storybook/core-common/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@storybook/core-common/node_modules/universalify": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==", + "dev": true, + "engines": { + "node": ">= 10.0.0" + } + }, + "node_modules/@storybook/core-events": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.6.17.tgz", + "integrity": "sha512-AriWMCm/k1cxlv10f+jZ1wavThTRpLaN3kY019kHWbYT9XgaSuLU67G7GPr3cGnJ6HuA6uhbzu8qtqVCd6OfXA==", + "dev": true, + "dependencies": { + "ts-dedent": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/core-server": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/core-server/-/core-server-7.6.17.tgz", + "integrity": "sha512-KWGhTTaL1Q14FolcoKKZgytlPJUbH6sbJ1Ptj/84EYWFewcnEgVs0Zlnh1VStRZg+Rd1WC1V4yVd/bbDzxrvQA==", + "dev": true, + "dependencies": { + "@aw-web-design/x-default-browser": "1.4.126", + "@discoveryjs/json-ext": "^0.5.3", + "@storybook/builder-manager": "7.6.17", + "@storybook/channels": "7.6.17", + "@storybook/core-common": "7.6.17", + "@storybook/core-events": "7.6.17", + "@storybook/csf": "^0.1.2", + "@storybook/csf-tools": "7.6.17", + "@storybook/docs-mdx": "^0.1.0", + "@storybook/global": "^5.0.0", + "@storybook/manager": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@storybook/preview-api": "7.6.17", + "@storybook/telemetry": "7.6.17", + "@storybook/types": "7.6.17", + "@types/detect-port": "^1.3.0", + "@types/node": "^18.0.0", + "@types/pretty-hrtime": "^1.0.0", + "@types/semver": "^7.3.4", + "better-opn": "^3.0.2", + "chalk": "^4.1.0", + "cli-table3": "^0.6.1", + "compression": "^1.7.4", + "detect-port": "^1.3.0", + "express": "^4.17.3", + "fs-extra": "^11.1.0", + "globby": "^11.0.2", + "ip": "^2.0.1", + "lodash": "^4.17.21", + "open": "^8.4.0", + "pretty-hrtime": "^1.0.3", + "prompts": "^2.4.0", + "read-pkg-up": "^7.0.1", + "semver": "^7.3.7", + "telejson": "^7.2.0", + "tiny-invariant": "^1.3.1", + "ts-dedent": "^2.0.0", + "util": "^0.12.4", + "util-deprecate": "^1.0.2", + "watchpack": "^2.2.0", + "ws": "^8.2.3" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/core-server/node_modules/@types/node": { + "version": "18.19.21", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.21.tgz", + "integrity": "sha512-2Q2NeB6BmiTFQi4DHBzncSoq/cJMLDdhPaAoJFnFCyD9a8VPZRf7a1GAwp1Edb7ROaZc5Jz/tnZyL6EsWMRaqw==", + "dev": true, + "dependencies": { + "undici-types": "~5.26.4" + } + }, + "node_modules/@storybook/core-server/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@storybook/core-server/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@storybook/core-server/node_modules/fs-extra": { + "version": "11.2.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz", + "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==", + "dev": true, + "dependencies": { + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + }, + "engines": { + "node": ">=14.14" + } + }, + "node_modules/@storybook/core-server/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@storybook/core-server/node_modules/ip": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/ip/-/ip-2.0.1.tgz", + "integrity": "sha512-lJUL9imLTNi1ZfXT+DU6rBBdbiKGBuay9B6xGSPVjUeQwaH1RIGqef8RZkUtHioLmSNpPR5M4HVKJGm1j8FWVQ==", + "dev": true + }, + "node_modules/@storybook/core-server/node_modules/jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "dev": true, + "dependencies": { + "universalify": "^2.0.0" + }, + "optionalDependencies": { + "graceful-fs": "^4.1.6" + } + }, + "node_modules/@storybook/core-server/node_modules/lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@storybook/core-server/node_modules/open": { + "version": "8.4.2", + "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz", + "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==", + "dev": true, + "dependencies": { + "define-lazy-prop": "^2.0.0", + "is-docker": "^2.1.1", + "is-wsl": "^2.2.0" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@storybook/core-server/node_modules/semver": { + "version": "7.6.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz", + "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==", + "dev": true, + "dependencies": { + "lru-cache": "^6.0.0" + }, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@storybook/core-server/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@storybook/core-server/node_modules/universalify": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==", + "dev": true, + "engines": { + "node": ">= 10.0.0" + } + }, + "node_modules/@storybook/core-server/node_modules/ws": { + "version": "8.16.0", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.16.0.tgz", + "integrity": "sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==", + "dev": true, + "engines": { + "node": ">=10.0.0" + }, + "peerDependencies": { + "bufferutil": "^4.0.1", + "utf-8-validate": ">=5.0.2" + }, + "peerDependenciesMeta": { + "bufferutil": { + "optional": true + }, + "utf-8-validate": { + "optional": true + } + } + }, + "node_modules/@storybook/core-server/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, + "node_modules/@storybook/csf": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.2.tgz", + "integrity": "sha512-ePrvE/pS1vsKR9Xr+o+YwdqNgHUyXvg+1Xjx0h9LrVx7Zq4zNe06pd63F5EvzTbCbJsHj7GHr9tkiaqm7U8WRA==", + "dev": true, + "dependencies": { + "type-fest": "^2.19.0" + } + }, + "node_modules/@storybook/csf-plugin": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-7.6.17.tgz", + "integrity": "sha512-xTHv9BUh3bkDVCvcbmdfVF0/e96BdrEgqPJ3G3RmKbSzWLOkQ2U9yiPfHzT0KJWPhVwj12fjfZp0zunu+pcS6Q==", + "dev": true, + "dependencies": { + "@storybook/csf-tools": "7.6.17", + "unplugin": "^1.3.1" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/csf-tools": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-7.6.17.tgz", + "integrity": "sha512-dAQtam0EBPeTJYcQPLxXgz4L9JFqD+HWbLFG9CmNIhMMjticrB0mpk1EFIS6vPXk/VsVWpBgMLD7dZlD6YMKcQ==", + "dev": true, + "dependencies": { + "@babel/generator": "^7.23.0", + "@babel/parser": "^7.23.0", + "@babel/traverse": "^7.23.2", + "@babel/types": "^7.23.0", + "@storybook/csf": "^0.1.2", + "@storybook/types": "7.6.17", + "fs-extra": "^11.1.0", + "recast": "^0.23.1", + "ts-dedent": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/csf-tools/node_modules/fs-extra": { + "version": "11.2.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz", + "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==", + "dev": true, + "dependencies": { + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + }, + "engines": { + "node": ">=14.14" + } + }, + "node_modules/@storybook/csf-tools/node_modules/jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "dev": true, + "dependencies": { + "universalify": "^2.0.0" + }, + "optionalDependencies": { + "graceful-fs": "^4.1.6" + } + }, + "node_modules/@storybook/csf-tools/node_modules/universalify": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==", + "dev": true, + "engines": { + "node": ">= 10.0.0" + } + }, + "node_modules/@storybook/docs-mdx": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/@storybook/docs-mdx/-/docs-mdx-0.1.0.tgz", + "integrity": "sha512-JDaBR9lwVY4eSH5W8EGHrhODjygPd6QImRbwjAuJNEnY0Vw4ie3bPkeGfnacB3OBW6u/agqPv2aRlR46JcAQLg==", + "dev": true + }, + "node_modules/@storybook/docs-tools": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-7.6.17.tgz", + "integrity": "sha512-bYrLoj06adqklyLkEwD32C0Ww6t+9ZVvrJHiVT42bIhTRpFiFPAetl1a9KPHtFLnfduh4n2IxIr1jv32ThPDTA==", + "dev": true, + "dependencies": { + "@storybook/core-common": "7.6.17", + "@storybook/preview-api": "7.6.17", + "@storybook/types": "7.6.17", + "@types/doctrine": "^0.0.3", + "assert": "^2.1.0", + "doctrine": "^3.0.0", + "lodash": "^4.17.21" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/global": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/@storybook/global/-/global-5.0.0.tgz", + "integrity": "sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==", + "dev": true + }, + "node_modules/@storybook/manager": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/manager/-/manager-7.6.17.tgz", + "integrity": "sha512-A1LDDIqMpwRzq/dqkbbiza0QI04o4ZHCl2a3UMDZUV/+QLc2nsr2DAaLk4CVL4/cIc5zGqmIcaOTvprx2YKVBw==", + "dev": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/manager-api": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-7.6.17.tgz", + "integrity": "sha512-IJIV1Yc6yw1dhCY4tReHCfBnUKDqEBnMyHp3mbXpsaHxnxJZrXO45WjRAZIKlQKhl/Ge1CrnznmHRCmYgqmrWg==", + "dev": true, + "dependencies": { + "@storybook/channels": "7.6.17", + "@storybook/client-logger": "7.6.17", + "@storybook/core-events": "7.6.17", + "@storybook/csf": "^0.1.2", + "@storybook/global": "^5.0.0", + "@storybook/router": "7.6.17", + "@storybook/theming": "7.6.17", + "@storybook/types": "7.6.17", + "dequal": "^2.0.2", + "lodash": "^4.17.21", + "memoizerific": "^1.11.3", + "store2": "^2.14.2", + "telejson": "^7.2.0", + "ts-dedent": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/mdx2-csf": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@storybook/mdx2-csf/-/mdx2-csf-1.1.0.tgz", + "integrity": "sha512-TXJJd5RAKakWx4BtpwvSNdgTDkKM6RkXU8GK34S/LhidQ5Pjz3wcnqb0TxEkfhK/ztbP8nKHqXFwLfa2CYkvQw==", + "dev": true + }, + "node_modules/@storybook/node-logger": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.6.17.tgz", + "integrity": "sha512-w59MQuXhhUNrUVmVkXhMwIg2nvFWjdDczLTwYLorhfsE36CWeUOY5QCZWQy0Qf/h+jz8Uo7Evy64qn18v9C4wA==", + "dev": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/postinstall": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/postinstall/-/postinstall-7.6.17.tgz", + "integrity": "sha512-WaWqB8o9vUc9aaVls+povQSVirf1Xd1LZcVhUKfAocAF3mzYUsnJsVqvnbjRj/F96UFVihOyDt9Zjl/9OvrCvQ==", + "dev": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/preview": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/preview/-/preview-7.6.17.tgz", + "integrity": "sha512-LvkMYK/y6alGjwRVNDIKL1lFlbyZ0H0c8iAbcQkiMoaFiujMQyVswMDKlWcj42Upfr/B1igydiruomc+eUt0mw==", + "dev": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/preview-api": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-7.6.17.tgz", + "integrity": "sha512-wLfDdI9RWo1f2zzFe54yRhg+2YWyxLZvqdZnSQ45mTs4/7xXV5Wfbv3QNTtcdw8tT3U5KRTrN1mTfTCiRJc0Kw==", + "dev": true, + "dependencies": { + "@storybook/channels": "7.6.17", + "@storybook/client-logger": "7.6.17", + "@storybook/core-events": "7.6.17", + "@storybook/csf": "^0.1.2", + "@storybook/global": "^5.0.0", + "@storybook/types": "7.6.17", + "@types/qs": "^6.9.5", + "dequal": "^2.0.2", + "lodash": "^4.17.21", + "memoizerific": "^1.11.3", + "qs": "^6.10.0", + "synchronous-promise": "^2.0.15", + "ts-dedent": "^2.0.0", + "util-deprecate": "^1.0.2" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/react": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/react/-/react-7.6.17.tgz", + "integrity": "sha512-lVqzQSU03rRJWYW+gK2gq6mSo3/qtnVICY8B8oP7gc36jVu4ksDIu45bTfukM618ODkUZy0vZe6T4engK3azjA==", + "dev": true, + "dependencies": { + "@storybook/client-logger": "7.6.17", + "@storybook/core-client": "7.6.17", + "@storybook/docs-tools": "7.6.17", + "@storybook/global": "^5.0.0", + "@storybook/preview-api": "7.6.17", + "@storybook/react-dom-shim": "7.6.17", + "@storybook/types": "7.6.17", + "@types/escodegen": "^0.0.6", + "@types/estree": "^0.0.51", + "@types/node": "^18.0.0", + "acorn": "^7.4.1", + "acorn-jsx": "^5.3.1", + "acorn-walk": "^7.2.0", + "escodegen": "^2.1.0", + "html-tags": "^3.1.0", + "lodash": "^4.17.21", + "prop-types": "^15.7.2", + "react-element-to-jsx-string": "^15.0.0", + "ts-dedent": "^2.0.0", + "type-fest": "~2.19", + "util-deprecate": "^1.0.2" + }, + "engines": { + "node": ">=16.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0", + "typescript": "*" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, + "node_modules/@storybook/react-dom-shim": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-7.6.17.tgz", + "integrity": "sha512-32Sa/G+WnvaPiQ1Wvjjw5UM9rr2c4GDohwCcWVv3/LJuiFPqNS6zglAtmnsrlIBnUwRBMLMh/ekCTdqMiUmfDw==", + "dev": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" + } + }, + "node_modules/@storybook/react-vite": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/react-vite/-/react-vite-7.6.17.tgz", + "integrity": "sha512-4dIm3CuRl44X1TLzN3WoZh/bChzJF7Ud28li9atj9C8db0bb/y0zl8cahrsRFoR7/LyfqdOVLqaztrnA5SsWfg==", + "dev": true, + "dependencies": { + "@joshwooding/vite-plugin-react-docgen-typescript": "0.3.0", + "@rollup/pluginutils": "^5.0.2", + "@storybook/builder-vite": "7.6.17", + "@storybook/react": "7.6.17", + "@vitejs/plugin-react": "^3.0.1", + "magic-string": "^0.30.0", + "react-docgen": "^7.0.0" + }, + "engines": { + "node": ">=16" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0", + "vite": "^3.0.0 || ^4.0.0 || ^5.0.0" + } + }, + "node_modules/@storybook/react/node_modules/@types/node": { + "version": "18.19.14", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.14.tgz", + "integrity": "sha512-EnQ4Us2rmOS64nHDWr0XqAD8DsO6f3XR6lf9UIIrZQpUzPVdN/oPuEzfDWNHSyXLvoGgjuEm/sPwFGSSs35Wtg==", + "dev": true, + "dependencies": { + "undici-types": "~5.26.4" + } + }, + "node_modules/@storybook/router": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/router/-/router-7.6.17.tgz", + "integrity": "sha512-GnyC0j6Wi5hT4qRhSyT8NPtJfGmf82uZw97LQRWeyYu5gWEshUdM7aj40XlNiScd5cZDp0owO1idduVF2k2l2A==", + "dev": true, + "dependencies": { + "@storybook/client-logger": "7.6.17", + "memoizerific": "^1.11.3", + "qs": "^6.10.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/telemetry": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/telemetry/-/telemetry-7.6.17.tgz", + "integrity": "sha512-WOcOAmmengYnGInH98Px44F47DSpLyk20BM+Z/IIQDzfttGOLlxNqBBG1XTEhNRn+AYuk4aZ2JEed2lCjVIxcA==", + "dev": true, + "dependencies": { + "@storybook/client-logger": "7.6.17", + "@storybook/core-common": "7.6.17", + "@storybook/csf-tools": "7.6.17", + "chalk": "^4.1.0", + "detect-package-manager": "^2.0.1", + "fetch-retry": "^5.0.2", + "fs-extra": "^11.1.0", + "read-pkg-up": "^7.0.1" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@storybook/telemetry/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@storybook/telemetry/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@storybook/telemetry/node_modules/fs-extra": { + "version": "11.2.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz", + "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==", + "dev": true, + "dependencies": { + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + }, + "engines": { + "node": ">=14.14" + } + }, + "node_modules/@storybook/telemetry/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@storybook/telemetry/node_modules/jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "dev": true, + "dependencies": { + "universalify": "^2.0.0" + }, + "optionalDependencies": { + "graceful-fs": "^4.1.6" + } + }, + "node_modules/@storybook/telemetry/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@storybook/telemetry/node_modules/universalify": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==", + "dev": true, + "engines": { + "node": ">= 10.0.0" + } + }, + "node_modules/@storybook/theming": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.6.17.tgz", + "integrity": "sha512-ZbaBt3KAbmBtfjNqgMY7wPMBshhSJlhodyMNQypv+95xLD/R+Az6aBYbpVAOygLaUQaQk4ar7H/Ww6lFIoiFbA==", + "dev": true, + "dependencies": { + "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0", + "@storybook/client-logger": "7.6.17", + "@storybook/global": "^5.0.0", + "memoizerific": "^1.11.3" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" + } + }, + "node_modules/@storybook/types": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.6.17.tgz", + "integrity": "sha512-GRY0xEJQ0PrL7DY2qCNUdIfUOE0Gsue6N+GBJw9ku1IUDFLJRDOF+4Dx2BvYcVCPI5XPqdWKlEyZdMdKjiQN7Q==", + "dev": true, + "dependencies": { + "@storybook/channels": "7.6.17", + "@types/babel__core": "^7.0.0", + "@types/express": "^4.7.0", + "file-system-cache": "2.3.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/@types/argparse": { + "version": "1.0.38", + "resolved": "https://registry.npmjs.org/@types/argparse/-/argparse-1.0.38.tgz", + "integrity": "sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==", + "dev": true + }, + "node_modules/@types/babel__core": { + "version": "7.20.5", + "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz", + "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==", + "dev": true, + "dependencies": { + "@babel/parser": "^7.20.7", + "@babel/types": "^7.20.7", + "@types/babel__generator": "*", + "@types/babel__template": "*", + "@types/babel__traverse": "*" + } + }, + "node_modules/@types/babel__generator": { + "version": "7.6.8", + "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz", + "integrity": "sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==", + "dev": true, + "dependencies": { + "@babel/types": "^7.0.0" + } + }, + "node_modules/@types/babel__template": { + "version": "7.4.4", + "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz", + "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==", + "dev": true, + "dependencies": { + "@babel/parser": "^7.1.0", + "@babel/types": "^7.0.0" + } + }, + "node_modules/@types/babel__traverse": { + "version": "7.20.5", + "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.5.tgz", + "integrity": "sha512-WXCyOcRtH37HAUkpXhUduaxdm82b4GSlyTqajXviN4EfiuPgNYR109xMCKvpl6zPIpua0DGlMEDCq+g8EdoheQ==", + "dev": true, + "dependencies": { + "@babel/types": "^7.20.7" + } + }, + "node_modules/@types/body-parser": { + "version": "1.19.5", + "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.5.tgz", + "integrity": "sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==", + "dev": true, + "dependencies": { + "@types/connect": "*", + "@types/node": "*" + } + }, + "node_modules/@types/connect": { + "version": "3.4.38", + "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz", + "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==", + "dev": true, + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/@types/cross-spawn": { + "version": "6.0.6", + "resolved": "https://registry.npmjs.org/@types/cross-spawn/-/cross-spawn-6.0.6.tgz", + "integrity": "sha512-fXRhhUkG4H3TQk5dBhQ7m/JDdSNHKwR2BBia62lhwEIq9xGiQKLxd6LymNhn47SjXhsUEPmxi+PKw2OkW4LLjA==", + "dev": true, + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/@types/detect-port": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/@types/detect-port/-/detect-port-1.3.5.tgz", + "integrity": "sha512-Rf3/lB9WkDfIL9eEKaSYKc+1L/rNVYBjThk22JTqQw0YozXarX8YljFAz+HCoC6h4B4KwCMsBPZHaFezwT4BNA==", + "dev": true + }, + "node_modules/@types/doctrine": { + "version": "0.0.3", + "resolved": "https://registry.npmjs.org/@types/doctrine/-/doctrine-0.0.3.tgz", + "integrity": "sha512-w5jZ0ee+HaPOaX25X2/2oGR/7rgAQSYII7X7pp0m9KgBfMP7uKfMfTvcpl5Dj+eDBbpxKGiqE+flqDr6XTd2RA==", + "dev": true + }, + "node_modules/@types/ejs": { + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/@types/ejs/-/ejs-3.1.5.tgz", + "integrity": "sha512-nv+GSx77ZtXiJzwKdsASqi+YQ5Z7vwHsTP0JY2SiQgjGckkBRKZnk8nIM+7oUZ1VCtuTz0+By4qVR7fqzp/Dfg==", + "dev": true + }, + "node_modules/@types/emscripten": { + "version": "1.39.10", + "resolved": "https://registry.npmjs.org/@types/emscripten/-/emscripten-1.39.10.tgz", + "integrity": "sha512-TB/6hBkYQJxsZHSqyeuO1Jt0AB/bW6G7rHt9g7lML7SOF6lbgcHvw/Lr+69iqN0qxgXLhWKScAon73JNnptuDw==", + "dev": true + }, + "node_modules/@types/escodegen": { + "version": "0.0.6", + "resolved": "https://registry.npmjs.org/@types/escodegen/-/escodegen-0.0.6.tgz", + "integrity": "sha512-AjwI4MvWx3HAOaZqYsjKWyEObT9lcVV0Y0V8nXo6cXzN8ZiMxVhf6F3d/UNvXVGKrEzL/Dluc5p+y9GkzlTWig==", + "dev": true + }, + "node_modules/@types/estree": { + "version": "0.0.51", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.51.tgz", + "integrity": "sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==", + "dev": true + }, + "node_modules/@types/express": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.21.tgz", + "integrity": "sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==", + "dev": true, + "dependencies": { + "@types/body-parser": "*", + "@types/express-serve-static-core": "^4.17.33", + "@types/qs": "*", + "@types/serve-static": "*" + } + }, + "node_modules/@types/express-serve-static-core": { + "version": "4.17.43", + "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.43.tgz", + "integrity": "sha512-oaYtiBirUOPQGSWNGPWnzyAFJ0BP3cwvN4oWZQY+zUBwpVIGsKUkpBpSztp74drYcjavs7SKFZ4DX1V2QeN8rg==", + "dev": true, + "dependencies": { + "@types/node": "*", + "@types/qs": "*", + "@types/range-parser": "*", + "@types/send": "*" + } + }, + "node_modules/@types/find-cache-dir": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/@types/find-cache-dir/-/find-cache-dir-3.2.1.tgz", + "integrity": "sha512-frsJrz2t/CeGifcu/6uRo4b+SzAwT4NYCVPu1GN8IB9XTzrpPkGuV0tmh9mN+/L0PklAlsC3u5Fxt0ju00LXIw==", + "dev": true + }, + "node_modules/@types/glob": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.2.0.tgz", + "integrity": "sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==", + "dev": true, + "dependencies": { + "@types/minimatch": "*", + "@types/node": "*" + } + }, + "node_modules/@types/graceful-fs": { + "version": "4.1.9", + "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz", + "integrity": "sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==", + "dev": true, + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/@types/hoist-non-react-statics": { + "version": "3.3.5", + "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.5.tgz", + "integrity": "sha512-SbcrWzkKBw2cdwRTwQAswfpB9g9LJWfjtUeW/jvNwbhC8cpmmNYVePa+ncbUe0rGTQ7G3Ff6mYUN2VMfLVr+Sg==", + "dev": true, + "dependencies": { + "@types/react": "*", + "hoist-non-react-statics": "^3.3.0" + } + }, + "node_modules/@types/http-errors": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.4.tgz", + "integrity": "sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==", + "dev": true + }, + "node_modules/@types/istanbul-lib-coverage": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz", + "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==", + "dev": true + }, + "node_modules/@types/istanbul-lib-report": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz", + "integrity": "sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==", + "dev": true, + "dependencies": { + "@types/istanbul-lib-coverage": "*" + } + }, + "node_modules/@types/istanbul-reports": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz", + "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==", + "dev": true, + "dependencies": { + "@types/istanbul-lib-report": "*" + } + }, + "node_modules/@types/json-schema": { + "version": "7.0.15", + "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz", + "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==", + "dev": true + }, + "node_modules/@types/lodash": { + "version": "4.14.202", + "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.202.tgz", + "integrity": "sha512-OvlIYQK9tNneDlS0VN54LLd5uiPCBOp7gS5Z0f1mjoJYBrtStzgmJBxONW3U6OZqdtNzZPmn9BS/7WI7BFFcFQ==", + "dev": true + }, + "node_modules/@types/mdx": { + "version": "2.0.11", + "resolved": "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.11.tgz", + "integrity": "sha512-HM5bwOaIQJIQbAYfax35HCKxx7a3KrK3nBtIqJgSOitivTD1y3oW9P3rxY9RkXYPUk7y/AjAohfHKmFpGE79zw==", + "dev": true + }, + "node_modules/@types/mime": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz", + "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==", + "dev": true + }, + "node_modules/@types/mime-types": { + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/@types/mime-types/-/mime-types-2.1.4.tgz", + "integrity": "sha512-lfU4b34HOri+kAY5UheuFMWPDOI+OPceBSHZKp69gEyTL/mmJ4cnU6Y/rlme3UL3GyOn6Y42hyIEw0/q8sWx5w==", + "dev": true + }, + "node_modules/@types/minimatch": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-5.1.2.tgz", + "integrity": "sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==", + "dev": true + }, + "node_modules/@types/node": { + "version": "16.7.13", + "resolved": "https://registry.npmjs.org/@types/node/-/node-16.7.13.tgz", + "integrity": "sha512-pLUPDn+YG3FYEt/pHI74HmnJOWzeR+tOIQzUx93pi9M7D8OE7PSLr97HboXwk5F+JS+TLtWuzCOW97AHjmOXXA==", + "dev": true + }, + "node_modules/@types/node-fetch": { + "version": "2.6.11", + "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.11.tgz", + "integrity": "sha512-24xFj9R5+rfQJLRyM56qh+wnVSYhyXC2tkoBndtY0U+vubqNsYXGjufB2nn8Q6gt0LrARwL6UBtMCSVCwl4B1g==", + "dev": true, + "dependencies": { + "@types/node": "*", + "form-data": "^4.0.0" + } + }, + "node_modules/@types/normalize-package-data": { + "version": "2.4.4", + "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz", + "integrity": "sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==", + "dev": true + }, + "node_modules/@types/pretty-hrtime": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@types/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", + "integrity": "sha512-nj39q0wAIdhwn7DGUyT9irmsKK1tV0bd5WFEhgpqNTMFZ8cE+jieuTphCW0tfdm47S2zVT5mr09B28b1chmQMA==", + "dev": true + }, + "node_modules/@types/prop-types": { + "version": "15.7.11", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz", + "integrity": "sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==", + "dev": true + }, + "node_modules/@types/qs": { + "version": "6.9.12", + "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.12.tgz", + "integrity": "sha512-bZcOkJ6uWrL0Qb2NAWKa7TBU+mJHPzhx9jjLL1KHF+XpzEcR7EXHvjbHlGtR/IsP1vyPrehuS6XqkmaePy//mg==", + "dev": true + }, + "node_modules/@types/range-parser": { + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz", + "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==", + "dev": true + }, + "node_modules/@types/react": { + "version": "18.0.28", + "resolved": "https://registry.npmjs.org/@types/react/-/react-18.0.28.tgz", + "integrity": "sha512-RD0ivG1kEztNBdoAK7lekI9M+azSnitIn85h4iOiaLjaTrMjzslhaqCGaI4IyCJ1RljWiLCEu4jyrLLgqxBTew==", + "dev": true, + "dependencies": { + "@types/prop-types": "*", + "@types/scheduler": "*", + "csstype": "^3.0.2" + } + }, + "node_modules/@types/react-dom": { + "version": "18.0.11", + "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.11.tgz", + "integrity": "sha512-O38bPbI2CWtgw/OoQoY+BRelw7uysmXbWvw3nLWO21H1HSh+GOlqPuXshJfjmpNlKiiSDG9cc1JZAaMmVdcTlw==", + "dev": true, + "dependencies": { + "@types/react": "*" + } + }, + "node_modules/@types/react-native": { + "version": "0.73.0", + "resolved": "https://registry.npmjs.org/@types/react-native/-/react-native-0.73.0.tgz", + "integrity": "sha512-6ZRPQrYM72qYKGWidEttRe6M5DZBEV5F+MHMHqd4TTYx0tfkcdrUFGdef6CCxY0jXU7wldvd/zA/b0A/kTeJmA==", + "deprecated": "This is a stub types definition. react-native provides its own type definitions, so you do not need this installed.", + "dev": true, + "dependencies": { + "react-native": "*" + } + }, + "node_modules/@types/resolve": { + "version": "1.20.6", + "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.6.tgz", + "integrity": "sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==", + "dev": true + }, + "node_modules/@types/scheduler": { + "version": "0.16.8", + "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz", + "integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==", + "dev": true + }, + "node_modules/@types/semver": { + "version": "7.5.8", + "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz", + "integrity": "sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==", + "dev": true + }, + "node_modules/@types/send": { + "version": "0.17.4", + "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.4.tgz", + "integrity": "sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==", + "dev": true, + "dependencies": { + "@types/mime": "^1", + "@types/node": "*" + } + }, + "node_modules/@types/serve-static": { + "version": "1.15.5", + "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.5.tgz", + "integrity": "sha512-PDRk21MnK70hja/YF8AHfC7yIsiQHn1rcXx7ijCFBX/k+XQJhQT/gw3xekXKJvx+5SXaMMS8oqQy09Mzvz2TuQ==", + "dev": true, + "dependencies": { + "@types/http-errors": "*", + "@types/mime": "*", + "@types/node": "*" + } + }, + "node_modules/@types/stack-utils": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz", + "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==", + "dev": true + }, + "node_modules/@types/styled-components": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/@types/styled-components/-/styled-components-5.1.0.tgz", + "integrity": "sha512-ZFlLCuwF5r+4Vb7JUmd+Yr2S0UBdBGmI7ctFTgJMypIp3xOHI4LCFVn2dKMvpk6xDB2hLRykrEWMBwJEpUAUIQ==", + "dev": true, + "dependencies": { + "@types/hoist-non-react-statics": "*", + "@types/react": "*", + "@types/react-native": "*", + "csstype": "^2.2.0" + } + }, + "node_modules/@types/styled-components/node_modules/csstype": { + "version": "2.6.21", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz", + "integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==", + "dev": true + }, + "node_modules/@types/unist": { + "version": "2.0.10", + "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.10.tgz", + "integrity": "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA==", + "dev": true + }, + "node_modules/@types/uuid": { + "version": "9.0.8", + "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.8.tgz", + "integrity": "sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==", + "dev": true + }, + "node_modules/@types/yargs": { + "version": "17.0.32", + "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.32.tgz", + "integrity": "sha512-xQ67Yc/laOG5uMfX/093MRlGGCIBzZMarVa+gfNKJxWAIgykYpVGkBdbqEzGDDfCrVUj6Hiff4mTZ5BA6TmAog==", + "dev": true, + "dependencies": { + "@types/yargs-parser": "*" + } + }, + "node_modules/@types/yargs-parser": { + "version": "21.0.3", + "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.3.tgz", + "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==", + "dev": true + }, + "node_modules/@vitejs/plugin-react": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-3.1.0.tgz", + "integrity": "sha512-AfgcRL8ZBhAlc3BFdigClmTUMISmmzHn7sB2h9U1odvc5U/MjWXsAaz18b/WoppUTDBzxOJwo2VdClfUcItu9g==", + "dev": true, + "dependencies": { + "@babel/core": "^7.20.12", + "@babel/plugin-transform-react-jsx-self": "^7.18.6", + "@babel/plugin-transform-react-jsx-source": "^7.19.6", + "magic-string": "^0.27.0", + "react-refresh": "^0.14.0" + }, + "engines": { + "node": "^14.18.0 || >=16.0.0" + }, + "peerDependencies": { + "vite": "^4.1.0-beta.0" + } + }, + "node_modules/@vitejs/plugin-react/node_modules/magic-string": { + "version": "0.27.0", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz", + "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==", + "dev": true, + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.4.13" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/@yarnpkg/esbuild-plugin-pnp": { + "version": "3.0.0-rc.15", + "resolved": "https://registry.npmjs.org/@yarnpkg/esbuild-plugin-pnp/-/esbuild-plugin-pnp-3.0.0-rc.15.tgz", + "integrity": "sha512-kYzDJO5CA9sy+on/s2aIW0411AklfCi8Ck/4QDivOqsMKpStZA2SsR+X27VTggGwpStWaLrjJcDcdDMowtG8MA==", + "dev": true, + "dependencies": { + "tslib": "^2.4.0" + }, + "engines": { + "node": ">=14.15.0" + }, + "peerDependencies": { + "esbuild": ">=0.10.0" + } + }, + "node_modules/@yarnpkg/fslib": { + "version": "2.10.3", + "resolved": "https://registry.npmjs.org/@yarnpkg/fslib/-/fslib-2.10.3.tgz", + "integrity": "sha512-41H+Ga78xT9sHvWLlFOZLIhtU6mTGZ20pZ29EiZa97vnxdohJD2AF42rCoAoWfqUz486xY6fhjMH+DYEM9r14A==", + "dev": true, + "dependencies": { + "@yarnpkg/libzip": "^2.3.0", + "tslib": "^1.13.0" + }, + "engines": { + "node": ">=12 <14 || 14.2 - 14.9 || >14.10.0" + } + }, + "node_modules/@yarnpkg/fslib/node_modules/tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", + "dev": true + }, + "node_modules/@yarnpkg/libzip": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/@yarnpkg/libzip/-/libzip-2.3.0.tgz", + "integrity": "sha512-6xm38yGVIa6mKm/DUCF2zFFJhERh/QWp1ufm4cNUvxsONBmfPg8uZ9pZBdOmF6qFGr/HlT6ABBkCSx/dlEtvWg==", + "dev": true, + "dependencies": { + "@types/emscripten": "^1.39.6", + "tslib": "^1.13.0" + }, + "engines": { + "node": ">=12 <14 || 14.2 - 14.9 || >14.10.0" + } + }, + "node_modules/@yarnpkg/libzip/node_modules/tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", + "dev": true + }, + "node_modules/abort-controller": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz", + "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==", + "dev": true, + "dependencies": { + "event-target-shim": "^5.0.0" + }, + "engines": { + "node": ">=6.5" + } + }, + "node_modules/accepts": { + "version": "1.3.8", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz", + "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==", + "dev": true, + "dependencies": { + "mime-types": "~2.1.34", + "negotiator": "0.6.3" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/acorn": { + "version": "7.4.1", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz", + "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==", + "dev": true, + "bin": { + "acorn": "bin/acorn" + }, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/acorn-jsx": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz", + "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==", + "dev": true, + "peerDependencies": { + "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" + } + }, + "node_modules/acorn-walk": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz", + "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==", + "dev": true, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/address": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/address/-/address-1.2.2.tgz", + "integrity": "sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==", + "dev": true, + "engines": { + "node": ">= 10.0.0" + } + }, + "node_modules/agent-base": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-5.1.1.tgz", + "integrity": "sha512-TMeqbNl2fMW0nMjTEPOwe3J/PRFP4vqeoNuQMG0HlMrtm5QxKqdvAkZ1pRBQ/ulIyDD5Yq0nJ7YbdD8ey0TO3g==", + "dev": true, + "engines": { + "node": ">= 6.0.0" + } + }, + "node_modules/aggregate-error": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz", + "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==", + "dev": true, + "dependencies": { + "clean-stack": "^2.0.0", + "indent-string": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/ajv": { + "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", + "dev": true, + "dependencies": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/ajv-keywords": { + "version": "3.5.2", + "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", + "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", + "dev": true, + "peerDependencies": { + "ajv": "^6.9.1" + } + }, + "node_modules/anser": { + "version": "1.4.10", + "resolved": "https://registry.npmjs.org/anser/-/anser-1.4.10.tgz", + "integrity": "sha512-hCv9AqTQ8ycjpSd3upOJd7vFwW1JaoYQ7tpham03GJ1ca8/65rqn0RpaWpItOAd6ylW9wAw6luXYPJIyPFVOww==", + "dev": true + }, + "node_modules/ansi-fragments": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/ansi-fragments/-/ansi-fragments-0.2.1.tgz", + "integrity": "sha512-DykbNHxuXQwUDRv5ibc2b0x7uw7wmwOGLBUd5RmaQ5z8Lhx19vwvKV+FAsM5rEA6dEcHxX+/Ad5s9eF2k2bB+w==", + "dev": true, + "dependencies": { + "colorette": "^1.0.7", + "slice-ansi": "^2.0.0", + "strip-ansi": "^5.0.0" + } + }, + "node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dependencies": { + "color-convert": "^1.9.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/ansi-styles/node_modules/color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "dependencies": { + "color-name": "1.1.3" + } + }, + "node_modules/ansi-styles/node_modules/color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==" + }, + "node_modules/app-root-dir": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/app-root-dir/-/app-root-dir-1.0.2.tgz", + "integrity": "sha512-jlpIfsOoNoafl92Sz//64uQHGSyMrD2vYG5d8o2a4qGvyNCvXur7bzIsWtAC/6flI2RYAp3kv8rsfBtaLm7w0g==", + "dev": true + }, + "node_modules/appdirsjs": { + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/appdirsjs/-/appdirsjs-1.2.7.tgz", + "integrity": "sha512-Quji6+8kLBC3NnBeo14nPDq0+2jUs5s3/xEye+udFHumHhRk4M7aAMXp/PBJqkKYGuuyR9M/6Dq7d2AViiGmhw==", + "dev": true + }, + "node_modules/argparse": { + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", + "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", + "dev": true, + "dependencies": { + "sprintf-js": "~1.0.2" + } + }, + "node_modules/aria-hidden": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.3.tgz", + "integrity": "sha512-xcLxITLe2HYa1cnYnwCjkOO1PqUHQpozB8x9AR0OgWN2woOBi5kSDVxKfd0b7sb1hw5qFeJhXm9H1nu3xSfLeQ==", + "dev": true, + "dependencies": { + "tslib": "^2.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/array-flatten": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==", + "dev": true + }, + "node_modules/array-union": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz", + "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/asap": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz", + "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==", + "dev": true + }, + "node_modules/assert": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/assert/-/assert-2.1.0.tgz", + "integrity": "sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.2", + "is-nan": "^1.3.2", + "object-is": "^1.1.5", + "object.assign": "^4.1.4", + "util": "^0.12.5" + } + }, + "node_modules/ast-types": { + "version": "0.16.1", + "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.16.1.tgz", + "integrity": "sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==", + "dev": true, + "dependencies": { + "tslib": "^2.0.1" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/astral-regex": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz", + "integrity": "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/async": { + "version": "3.2.5", + "resolved": "https://registry.npmjs.org/async/-/async-3.2.5.tgz", + "integrity": "sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==", + "dev": true + }, + "node_modules/async-limiter": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz", + "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==", + "dev": true + }, + "node_modules/asynckit": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", + "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==", + "dev": true + }, + "node_modules/available-typed-arrays": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz", + "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==", + "dev": true, + "dependencies": { + "possible-typed-array-names": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/babel-core": { + "version": "7.0.0-bridge.0", + "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-7.0.0-bridge.0.tgz", + "integrity": "sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg==", + "dev": true, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/babel-loader": { + "version": "8.2.2", + "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.2.2.tgz", + "integrity": "sha512-JvTd0/D889PQBtUXJ2PXaKU/pjZDMtHA9V2ecm+eNRmmBCMR09a+fmpGTNwnJtFmFl5Ei7Vy47LjBb+L0wQ99g==", + "dev": true, + "dependencies": { + "find-cache-dir": "^3.3.1", + "loader-utils": "^1.4.0", + "make-dir": "^3.1.0", + "schema-utils": "^2.6.5" + }, + "engines": { + "node": ">= 8.9" + }, + "peerDependencies": { + "@babel/core": "^7.0.0", + "webpack": ">=2" + } + }, + "node_modules/babel-loader/node_modules/make-dir": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", + "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==", + "dev": true, + "dependencies": { + "semver": "^6.0.0" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/babel-merge": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/babel-merge/-/babel-merge-3.0.0.tgz", + "integrity": "sha512-eBOBtHnzt9xvnjpYNI5HmaPp/b2vMveE5XggzqHnQeHJ8mFIBrBv6WZEVIj5jJ2uwTItkqKo9gWzEEcBxEq0yw==", + "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.", + "dependencies": { + "deepmerge": "^2.2.1", + "object.omit": "^3.0.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/babel-merge/node_modules/deepmerge": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-2.2.1.tgz", + "integrity": "sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/babel-plugin-annotate-pure-calls": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/babel-plugin-annotate-pure-calls/-/babel-plugin-annotate-pure-calls-0.4.0.tgz", + "integrity": "sha512-oi4M/PWUJOU9ZyRGoPTfPMqdyMp06jbJAomd3RcyYuzUtBOddv98BqLm96Lucpi2QFoQHkdGQt0ACvw7VzVEQA==", + "dev": true, + "peerDependencies": { + "@babel/core": "^6.0.0-0 || 7.x" + } + }, + "node_modules/babel-plugin-istanbul": { + "version": "6.1.1", + "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz", + "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.0.0", + "@istanbuljs/load-nyc-config": "^1.0.0", + "@istanbuljs/schema": "^0.1.2", + "istanbul-lib-instrument": "^5.0.4", + "test-exclude": "^6.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/babel-plugin-polyfill-corejs2": { + "version": "0.4.10", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.10.tgz", + "integrity": "sha512-rpIuu//y5OX6jVU+a5BCn1R5RSZYWAl2Nar76iwaOdycqb6JPxediskWFMMl7stfwNJR4b7eiQvh5fB5TEQJTQ==", + "dev": true, + "dependencies": { + "@babel/compat-data": "^7.22.6", + "@babel/helper-define-polyfill-provider": "^0.6.1", + "semver": "^6.3.1" + }, + "peerDependencies": { + "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" + } + }, + "node_modules/babel-plugin-polyfill-corejs3": { + "version": "0.10.4", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.4.tgz", + "integrity": "sha512-25J6I8NGfa5YkCDogHRID3fVCadIR8/pGl1/spvCkzb6lVn6SR3ojpx9nOn9iEBcUsjY24AmdKm5khcfKdylcg==", + "dev": true, + "dependencies": { + "@babel/helper-define-polyfill-provider": "^0.6.1", + "core-js-compat": "^3.36.1" + }, + "peerDependencies": { + "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" + } + }, + "node_modules/babel-plugin-polyfill-regenerator": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.1.tgz", + "integrity": "sha512-JfTApdE++cgcTWjsiCQlLyFBMbTUft9ja17saCc93lgV33h4tuCVj7tlvu//qpLwaG+3yEz7/KhahGrUMkVq9g==", + "dev": true, + "dependencies": { + "@babel/helper-define-polyfill-provider": "^0.6.1" + }, + "peerDependencies": { + "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" + } + }, + "node_modules/babel-plugin-styled-components": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-1.13.2.tgz", + "integrity": "sha512-Vb1R3d4g+MUfPQPVDMCGjm3cDocJEUTR7Xq7QS95JWWeksN1wdFRYpD2kulDgI3Huuaf1CZd+NK4KQmqUFh5dA==", + "dev": true, + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.0.0", + "@babel/helper-module-imports": "^7.0.0", + "babel-plugin-syntax-jsx": "^6.18.0", + "lodash": "^4.17.11" + }, + "peerDependencies": { + "styled-components": ">= 2" + } + }, + "node_modules/babel-plugin-syntax-jsx": { + "version": "6.18.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", + "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==", + "dev": true + }, + "node_modules/babel-plugin-transform-flow-enums": { + "version": "0.0.2", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-flow-enums/-/babel-plugin-transform-flow-enums-0.0.2.tgz", + "integrity": "sha512-g4aaCrDDOsWjbm0PUUeVnkcVd6AKJsVc/MbnPhEotEpkeJQP6b8nzewohQi7+QS8UyPehOhGWn0nOwjvWpmMvQ==", + "dev": true, + "dependencies": { + "@babel/plugin-syntax-flow": "^7.12.1" + } + }, + "node_modules/balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==" + }, + "node_modules/base64-js": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz", + "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ] + }, + "node_modules/better-opn": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/better-opn/-/better-opn-3.0.2.tgz", + "integrity": "sha512-aVNobHnJqLiUelTaHat9DZ1qM2w0C0Eym4LPI/3JxOnSokGVdsl1T1kN7TFvsEAD8G47A6VKQ0TVHqbBnYMJlQ==", + "dev": true, + "dependencies": { + "open": "^8.0.4" + }, + "engines": { + "node": ">=12.0.0" + } + }, + "node_modules/better-opn/node_modules/open": { + "version": "8.4.2", + "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz", + "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==", + "dev": true, + "dependencies": { + "define-lazy-prop": "^2.0.0", + "is-docker": "^2.1.1", + "is-wsl": "^2.2.0" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/big-integer": { + "version": "1.6.52", + "resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.52.tgz", + "integrity": "sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==", + "dev": true, + "engines": { + "node": ">=0.6" + } + }, + "node_modules/big.js": { + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz", + "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==", + "dev": true, + "engines": { + "node": "*" + } + }, + "node_modules/bl": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz", + "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==", + "dev": true, + "dependencies": { + "buffer": "^5.5.0", + "inherits": "^2.0.4", + "readable-stream": "^3.4.0" + } + }, + "node_modules/body-parser": { + "version": "1.20.2", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.2.tgz", + "integrity": "sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA==", + "dev": true, + "dependencies": { + "bytes": "3.1.2", + "content-type": "~1.0.5", + "debug": "2.6.9", + "depd": "2.0.0", + "destroy": "1.2.0", + "http-errors": "2.0.0", + "iconv-lite": "0.4.24", + "on-finished": "2.4.1", + "qs": "6.11.0", + "raw-body": "2.5.2", + "type-is": "~1.6.18", + "unpipe": "1.0.0" + }, + "engines": { + "node": ">= 0.8", + "npm": "1.2.8000 || >= 1.4.16" + } + }, + "node_modules/body-parser/node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/body-parser/node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + }, + "node_modules/body-parser/node_modules/qs": { + "version": "6.11.0", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz", + "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==", + "dev": true, + "dependencies": { + "side-channel": "^1.0.4" + }, + "engines": { + "node": ">=0.6" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/bplist-parser": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.1.1.tgz", + "integrity": "sha512-2AEM0FXy8ZxVLBuqX0hqt1gDwcnz2zygEkQ6zaD5Wko/sB9paUNwlpawrFtKeHUAQUOzjVy9AO4oeonqIHKA9Q==", + "dev": true, + "dependencies": { + "big-integer": "^1.6.7" + } + }, + "node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/browser-assert": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/browser-assert/-/browser-assert-1.2.1.tgz", + "integrity": "sha512-nfulgvOR6S4gt9UKCeGJOuSGBPGiFT6oQ/2UBnvTY/5aQ1PnksW72fhZkM30DzoRRv2WpwZf1vHHEr3mtuXIWQ==", + "dev": true + }, + "node_modules/browserify-zlib": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.1.4.tgz", + "integrity": "sha512-19OEpq7vWgsH6WkvkBJQDFvJS1uPcbFOQ4v9CU839dO+ZZXUZO6XpE6hNCqvlIIj+4fZvRiJ6DsAQ382GwiyTQ==", + "dev": true, + "dependencies": { + "pako": "~0.2.0" + } + }, + "node_modules/browserslist": { + "version": "4.23.0", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz", + "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "caniuse-lite": "^1.0.30001587", + "electron-to-chromium": "^1.4.668", + "node-releases": "^2.0.14", + "update-browserslist-db": "^1.0.13" + }, + "bin": { + "browserslist": "cli.js" + }, + "engines": { + "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" + } + }, + "node_modules/bser": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz", + "integrity": "sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==", + "dev": true, + "dependencies": { + "node-int64": "^0.4.0" + } + }, + "node_modules/buffer": { + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz", + "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "dependencies": { + "base64-js": "^1.3.1", + "ieee754": "^1.1.13" + } + }, + "node_modules/buffer-crc32": { + "version": "0.2.13", + "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz", + "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==", + "dev": true, + "engines": { + "node": "*" + } + }, + "node_modules/buffer-from": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz", + "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==", + "dev": true + }, + "node_modules/bytes": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz", + "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/call-bind": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz", + "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==", + "dev": true, + "dependencies": { + "es-define-property": "^1.0.0", + "es-errors": "^1.3.0", + "function-bind": "^1.1.2", + "get-intrinsic": "^1.2.4", + "set-function-length": "^1.2.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/caller-callsite": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/caller-callsite/-/caller-callsite-2.0.0.tgz", + "integrity": "sha512-JuG3qI4QOftFsZyOn1qq87fq5grLIyk1JYd5lJmdA+fG7aQ9pA/i3JIJGcO3q0MrRcHlOt1U+ZeHW8Dq9axALQ==", + "dev": true, + "dependencies": { + "callsites": "^2.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/caller-path": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/caller-path/-/caller-path-2.0.0.tgz", + "integrity": "sha512-MCL3sf6nCSXOwCTzvPKhN18TU7AHTvdtam8DAogxcrJ8Rjfbbg7Lgng64H9Iy+vUV6VGFClN/TyxBkAebLRR4A==", + "dev": true, + "dependencies": { + "caller-callsite": "^2.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/callsites": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz", + "integrity": "sha512-ksWePWBloaWPxJYQ8TL0JHvtci6G5QTKwQ95RcWAa/lzoAKuAOflGdAK92hpHXjkwb8zLxoLNUoNYZgVsaJzvQ==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/camelcase": { + "version": "5.3.1", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz", + "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/camelize": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", + "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/caniuse-lite": { + "version": "1.0.30001611", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001611.tgz", + "integrity": "sha512-19NuN1/3PjA3QI8Eki55N8my4LzfkMCRLgCVfrl/slbSAchQfV0+GwjPrK3rq37As4UCLlM/DHajbKkAqbv92Q==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/caniuse-lite" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ] + }, + "node_modules/chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dependencies": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/chokidar": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", + "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==", + "dev": true, + "dependencies": { + "anymatch": "~3.1.2", + "braces": "~3.0.2", + "glob-parent": "~5.1.2", + "is-binary-path": "~2.1.0", + "is-glob": "~4.0.1", + "normalize-path": "~3.0.0", + "readdirp": "~3.6.0" + }, + "engines": { + "node": ">= 8.10.0" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/chokidar/node_modules/anymatch": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", + "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", + "dev": true, + "dependencies": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/chokidar/node_modules/binary-extensions": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", + "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/chokidar/node_modules/braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "dev": true, + "dependencies": { + "fill-range": "^7.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/chokidar/node_modules/fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "dev": true, + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/chokidar/node_modules/is-binary-path": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", + "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", + "dev": true, + "dependencies": { + "binary-extensions": "^2.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/chokidar/node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/chokidar/node_modules/readdirp": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", + "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", + "dev": true, + "dependencies": { + "picomatch": "^2.2.1" + }, + "engines": { + "node": ">=8.10.0" + } + }, + "node_modules/chokidar/node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, + "node_modules/chownr": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz", + "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==", + "dev": true, + "engines": { + "node": ">=10" + } + }, + "node_modules/chrome-launcher": { + "version": "0.15.2", + "resolved": "https://registry.npmjs.org/chrome-launcher/-/chrome-launcher-0.15.2.tgz", + "integrity": "sha512-zdLEwNo3aUVzIhKhTtXfxhdvZhUghrnmkvcAq2NoDd+LeOHKf03H5jwZ8T/STsAlzyALkBVK552iaG1fGf1xVQ==", + "dev": true, + "dependencies": { + "@types/node": "*", + "escape-string-regexp": "^4.0.0", + "is-wsl": "^2.2.0", + "lighthouse-logger": "^1.0.0" + }, + "bin": { + "print-chrome-path": "bin/print-chrome-path.js" + }, + "engines": { + "node": ">=12.13.0" + } + }, + "node_modules/chrome-launcher/node_modules/escape-string-regexp": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", + "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/chromium-edge-launcher": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/chromium-edge-launcher/-/chromium-edge-launcher-1.0.0.tgz", + "integrity": "sha512-pgtgjNKZ7i5U++1g1PWv75umkHvhVTDOQIZ+sjeUX9483S7Y6MUvO0lrd7ShGlQlFHMN4SwKTCq/X8hWrbv2KA==", + "dev": true, + "dependencies": { + "@types/node": "*", + "escape-string-regexp": "^4.0.0", + "is-wsl": "^2.2.0", + "lighthouse-logger": "^1.0.0", + "mkdirp": "^1.0.4", + "rimraf": "^3.0.2" + } + }, + "node_modules/chromium-edge-launcher/node_modules/escape-string-regexp": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", + "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/chromium-edge-launcher/node_modules/mkdirp": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", + "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==", + "dev": true, + "bin": { + "mkdirp": "bin/cmd.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/ci-info": { + "version": "3.9.0", + "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz", + "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/sibiraj-s" + } + ], + "engines": { + "node": ">=8" + } + }, + "node_modules/citty": { + "version": "0.1.6", + "resolved": "https://registry.npmjs.org/citty/-/citty-0.1.6.tgz", + "integrity": "sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==", + "dev": true, + "dependencies": { + "consola": "^3.2.3" + } + }, + "node_modules/classnames": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz", + "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==" + }, + "node_modules/clean-stack": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz", + "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/cli-cursor": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz", + "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==", + "dev": true, + "dependencies": { + "restore-cursor": "^3.1.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/cli-spinners": { + "version": "2.9.2", + "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz", + "integrity": "sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==", + "dev": true, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/cli-table3": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.3.tgz", + "integrity": "sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==", + "dev": true, + "dependencies": { + "string-width": "^4.2.0" + }, + "engines": { + "node": "10.* || >= 12.*" + }, + "optionalDependencies": { + "@colors/colors": "1.5.0" + } + }, + "node_modules/cliui": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz", + "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==", + "dev": true, + "dependencies": { + "string-width": "^4.2.0", + "strip-ansi": "^6.0.1", + "wrap-ansi": "^7.0.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/cliui/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/clone": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz", + "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==", + "dev": true, + "engines": { + "node": ">=0.8" + } + }, + "node_modules/clone-deep": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz", + "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==", + "dev": true, + "dependencies": { + "is-plain-object": "^2.0.4", + "kind-of": "^6.0.2", + "shallow-clone": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/clone-deep/node_modules/is-plain-object": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", + "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", + "dev": true, + "dependencies": { + "isobject": "^3.0.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/clone-deep/node_modules/kind-of": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/colorette": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.4.0.tgz", + "integrity": "sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==", + "dev": true + }, + "node_modules/colors": { + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/colors/-/colors-1.2.5.tgz", + "integrity": "sha512-erNRLao/Y3Fv54qUa0LBB+//Uf3YwMUmdJinN20yMXm9zdKKqH9wt7R9IIVZ+K7ShzfpLV/Zg8+VyrBJYB4lpg==", + "dev": true, + "engines": { + "node": ">=0.1.90" + } + }, + "node_modules/combined-stream": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", + "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", + "dev": true, + "dependencies": { + "delayed-stream": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/command-exists": { + "version": "1.2.9", + "resolved": "https://registry.npmjs.org/command-exists/-/command-exists-1.2.9.tgz", + "integrity": "sha512-LTQ/SGc+s0Xc0Fu5WaKnR0YiygZkm9eKFvyS+fRsU7/ZWFF8ykFM6Pc9aCVf1+xasOOZpO3BAVgVrKvsqKHV7w==", + "dev": true + }, + "node_modules/commander": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz", + "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==", + "dev": true, + "engines": { + "node": ">= 6" + } + }, + "node_modules/commondir": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz", + "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==", + "dev": true + }, + "node_modules/compressible": { + "version": "2.0.18", + "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz", + "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==", + "dev": true, + "dependencies": { + "mime-db": ">= 1.43.0 < 2" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/compression": { + "version": "1.7.4", + "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz", + "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==", + "dev": true, + "dependencies": { + "accepts": "~1.3.5", + "bytes": "3.0.0", + "compressible": "~2.0.16", + "debug": "2.6.9", + "on-headers": "~1.0.2", + "safe-buffer": "5.1.2", + "vary": "~1.1.2" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/compression/node_modules/bytes": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz", + "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/compression/node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/compression/node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + }, + "node_modules/compression/node_modules/safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true + }, + "node_modules/concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", + "dev": true + }, + "node_modules/concat-stream": { + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz", + "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==", + "dev": true, + "engines": [ + "node >= 0.8" + ], + "dependencies": { + "buffer-from": "^1.0.0", + "inherits": "^2.0.3", + "readable-stream": "^2.2.2", + "typedarray": "^0.0.6" + } + }, + "node_modules/concat-stream/node_modules/readable-stream": { + "version": "2.3.8", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz", + "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==", + "dev": true, + "dependencies": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + } + }, + "node_modules/concat-stream/node_modules/safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true + }, + "node_modules/concat-stream/node_modules/string_decoder": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "dev": true, + "dependencies": { + "safe-buffer": "~5.1.0" + } + }, + "node_modules/connect": { + "version": "3.7.0", + "resolved": "https://registry.npmjs.org/connect/-/connect-3.7.0.tgz", + "integrity": "sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==", + "dev": true, + "dependencies": { + "debug": "2.6.9", + "finalhandler": "1.1.2", + "parseurl": "~1.3.3", + "utils-merge": "1.0.1" + }, + "engines": { + "node": ">= 0.10.0" + } + }, + "node_modules/connect/node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/connect/node_modules/finalhandler": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz", + "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==", + "dev": true, + "dependencies": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "~2.3.0", + "parseurl": "~1.3.3", + "statuses": "~1.5.0", + "unpipe": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/connect/node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + }, + "node_modules/connect/node_modules/on-finished": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", + "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==", + "dev": true, + "dependencies": { + "ee-first": "1.1.1" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/connect/node_modules/statuses": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", + "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/consola": { + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/consola/-/consola-3.2.3.tgz", + "integrity": "sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==", + "dev": true, + "engines": { + "node": "^14.18.0 || >=16.10.0" + } + }, + "node_modules/content-disposition": { + "version": "0.5.4", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz", + "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==", + "dev": true, + "dependencies": { + "safe-buffer": "5.2.1" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/content-type": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz", + "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/convert-source-map": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", + "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==" + }, + "node_modules/cookie": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz", + "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/cookie-signature": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==", + "dev": true + }, + "node_modules/core-js-compat": { + "version": "3.37.0", + "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.37.0.tgz", + "integrity": "sha512-vYq4L+T8aS5UuFg4UwDhc7YNRWVeVZwltad9C/jV3R2LgVOpS9BDr7l/WL6BN0dbV3k1XejPTHqqEzJgsa0frA==", + "dev": true, + "dependencies": { + "browserslist": "^4.23.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/core-js" + } + }, + "node_modules/core-util-is": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz", + "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==", + "dev": true + }, + "node_modules/cosmiconfig": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.2.1.tgz", + "integrity": "sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==", + "dev": true, + "dependencies": { + "import-fresh": "^2.0.0", + "is-directory": "^0.3.1", + "js-yaml": "^3.13.1", + "parse-json": "^4.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/cross-spawn": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", + "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", + "dev": true, + "dependencies": { + "path-key": "^3.1.0", + "shebang-command": "^2.0.0", + "which": "^2.0.1" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/crypto-random-string": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz", + "integrity": "sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/css-color-keywords": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", + "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/css-to-react-native": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz", + "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==", + "dev": true, + "dependencies": { + "camelize": "^1.0.0", + "css-color-keywords": "^1.0.0", + "postcss-value-parser": "^4.0.2" + } + }, + "node_modules/csstype": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", + "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==", + "dev": true + }, + "node_modules/dayjs": { + "version": "1.11.11", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz", + "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==" + }, + "node_modules/debug": { + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", + "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", + "dependencies": { + "ms": "2.1.2" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/decamelize": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz", + "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/deep-equal": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.2.tgz", + "integrity": "sha512-5tdhKF6DbU7iIzrIOa1AOUt39ZRm13cmL1cGEh//aqR8x9+tNfbywRf0n5FD/18OKMdo7DNEtrX2t22ZAkI+eg==", + "dev": true, + "dependencies": { + "is-arguments": "^1.1.1", + "is-date-object": "^1.0.5", + "is-regex": "^1.1.4", + "object-is": "^1.1.5", + "object-keys": "^1.1.1", + "regexp.prototype.flags": "^1.5.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/deepmerge": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz", + "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/default-browser-id": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-2.0.0.tgz", + "integrity": "sha512-+LePblg9HDIx3CIla8BxfI/zYUFs8Kp67U5feqb7iTJcAxBOvcZ7ZNXKFsBDnGE5x0ap66o848VHE0fq7cgpPg==", + "dev": true, + "dependencies": { + "bplist-parser": "^0.1.0", + "pify": "^2.3.0", + "untildify": "^2.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/defaults": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz", + "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==", + "dev": true, + "dependencies": { + "clone": "^1.0.2" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/define-data-property": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz", + "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==", + "dev": true, + "dependencies": { + "es-define-property": "^1.0.0", + "es-errors": "^1.3.0", + "gopd": "^1.0.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/define-lazy-prop": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz", + "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/define-properties": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz", + "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==", + "dev": true, + "dependencies": { + "define-data-property": "^1.0.1", + "has-property-descriptors": "^1.0.0", + "object-keys": "^1.1.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/defu": { + "version": "6.1.4", + "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz", + "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==", + "dev": true + }, + "node_modules/del": { + "version": "6.1.1", + "resolved": "https://registry.npmjs.org/del/-/del-6.1.1.tgz", + "integrity": "sha512-ua8BhapfP0JUJKC/zV9yHHDW/rDoDxP4Zhn3AkA6/xT6gY7jYXJiaeyBZznYVujhZZET+UgcbZiQ7sN3WqcImg==", + "dev": true, + "dependencies": { + "globby": "^11.0.1", + "graceful-fs": "^4.2.4", + "is-glob": "^4.0.1", + "is-path-cwd": "^2.2.0", + "is-path-inside": "^3.0.2", + "p-map": "^4.0.0", + "rimraf": "^3.0.2", + "slash": "^3.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/del/node_modules/slash": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", + "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/delayed-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", + "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==", + "dev": true, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/denodeify": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/denodeify/-/denodeify-1.2.1.tgz", + "integrity": "sha512-KNTihKNmQENUZeKu5fzfpzRqR5S2VMp4gl9RFHiWzj9DfvYQPMJ6XHKNaQxaGCXwPk6y9yme3aUoaiAe+KX+vg==", + "dev": true + }, + "node_modules/depd": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", + "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/deprecated-react-native-prop-types": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/deprecated-react-native-prop-types/-/deprecated-react-native-prop-types-5.0.0.tgz", + "integrity": "sha512-cIK8KYiiGVOFsKdPMmm1L3tA/Gl+JopXL6F5+C7x39MyPsQYnP57Im/D6bNUzcborD7fcMwiwZqcBdBXXZucYQ==", + "dev": true, + "dependencies": { + "@react-native/normalize-colors": "^0.73.0", + "invariant": "^2.2.4", + "prop-types": "^15.8.1" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/dequal": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz", + "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/destroy": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz", + "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==", + "dev": true, + "engines": { + "node": ">= 0.8", + "npm": "1.2.8000 || >= 1.4.16" + } + }, + "node_modules/detect-indent": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz", + "integrity": "sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/detect-node-es": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz", + "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==", + "dev": true + }, + "node_modules/detect-package-manager": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/detect-package-manager/-/detect-package-manager-2.0.1.tgz", + "integrity": "sha512-j/lJHyoLlWi6G1LDdLgvUtz60Zo5GEj+sVYtTVXnYLDPuzgC3llMxonXym9zIwhhUII8vjdw0LXxavpLqTbl1A==", + "dev": true, + "dependencies": { + "execa": "^5.1.1" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/detect-port": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/detect-port/-/detect-port-1.5.1.tgz", + "integrity": "sha512-aBzdj76lueB6uUst5iAs7+0H/oOjqI5D16XUWxlWMIMROhcM0rfsNVk93zTngq1dDNpoXRr++Sus7ETAExppAQ==", + "dev": true, + "dependencies": { + "address": "^1.0.1", + "debug": "4" + }, + "bin": { + "detect": "bin/detect-port.js", + "detect-port": "bin/detect-port.js" + } + }, + "node_modules/dir-glob": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz", + "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==", + "dev": true, + "dependencies": { + "path-type": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/doctrine": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz", + "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==", + "dev": true, + "dependencies": { + "esutils": "^2.0.2" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/dot-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz", + "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==", + "dev": true, + "dependencies": { + "no-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "node_modules/dotenv": { + "version": "16.4.5", + "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz", + "integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://dotenvx.com" + } + }, + "node_modules/dotenv-expand": { + "version": "10.0.0", + "resolved": "https://registry.npmjs.org/dotenv-expand/-/dotenv-expand-10.0.0.tgz", + "integrity": "sha512-GopVGCpVS1UKH75VKHGuQFqS1Gusej0z4FyQkPdwjil2gNIv+LNsqBlboOzpJFZKVT95GkCyWJbBSdFEFUWI2A==", + "dev": true, + "engines": { + "node": ">=12" + } + }, + "node_modules/duplexify": { + "version": "3.7.1", + "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.7.1.tgz", + "integrity": "sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==", + "dev": true, + "dependencies": { + "end-of-stream": "^1.0.0", + "inherits": "^2.0.1", + "readable-stream": "^2.0.0", + "stream-shift": "^1.0.0" + } + }, + "node_modules/duplexify/node_modules/readable-stream": { + "version": "2.3.8", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz", + "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==", + "dev": true, + "dependencies": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + } + }, + "node_modules/duplexify/node_modules/safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true + }, + "node_modules/duplexify/node_modules/string_decoder": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "dev": true, + "dependencies": { + "safe-buffer": "~5.1.0" + } + }, + "node_modules/eastasianwidth": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", + "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==", + "dev": true + }, + "node_modules/ee-first": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==", + "dev": true + }, + "node_modules/ejs": { + "version": "3.1.9", + "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz", + "integrity": "sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==", + "dev": true, + "dependencies": { + "jake": "^10.8.5" + }, + "bin": { + "ejs": "bin/cli.js" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/electron-to-chromium": { + "version": "1.4.740", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.740.tgz", + "integrity": "sha512-Yvg5i+iyv7Xm18BRdVPVm8lc7kgxM3r6iwqCH2zB7QZy1kZRNmd0Zqm0zcD9XoFREE5/5rwIuIAOT+/mzGcnZg==" + }, + "node_modules/emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "dev": true + }, + "node_modules/emojis-list": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz", + "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==", + "dev": true, + "engines": { + "node": ">= 4" + } + }, + "node_modules/encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/end-of-stream": { + "version": "1.4.4", + "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz", + "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==", + "dev": true, + "dependencies": { + "once": "^1.4.0" + } + }, + "node_modules/envinfo": { + "version": "7.11.1", + "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.11.1.tgz", + "integrity": "sha512-8PiZgZNIB4q/Lw4AhOvAfB/ityHAd2bli3lESSWmWSzSsl5dKpy5N1d1Rfkd2teq/g9xN90lc6o98DOjMeYHpg==", + "dev": true, + "bin": { + "envinfo": "dist/cli.js" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/error-ex": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", + "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", + "dev": true, + "dependencies": { + "is-arrayish": "^0.2.1" + } + }, + "node_modules/error-stack-parser": { + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/error-stack-parser/-/error-stack-parser-2.1.4.tgz", + "integrity": "sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==", + "dev": true, + "dependencies": { + "stackframe": "^1.3.4" + } + }, + "node_modules/errorhandler": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/errorhandler/-/errorhandler-1.5.1.tgz", + "integrity": "sha512-rcOwbfvP1WTViVoUjcfZicVzjhjTuhSMntHh6mW3IrEiyE6mJyXvsToJUJGlGlw/2xU9P5whlWNGlIDVeCiT4A==", + "dev": true, + "dependencies": { + "accepts": "~1.3.7", + "escape-html": "~1.0.3" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/es-define-property": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz", + "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==", + "dev": true, + "dependencies": { + "get-intrinsic": "^1.2.4" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-errors": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz", + "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==", + "dev": true, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-module-lexer": { + "version": "0.9.3", + "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz", + "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==", + "dev": true + }, + "node_modules/esbuild": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz", + "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==", + "dev": true, + "hasInstallScript": true, + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=12" + }, + "optionalDependencies": { + "@esbuild/android-arm": "0.18.20", + "@esbuild/android-arm64": "0.18.20", + "@esbuild/android-x64": "0.18.20", + "@esbuild/darwin-arm64": "0.18.20", + "@esbuild/darwin-x64": "0.18.20", + "@esbuild/freebsd-arm64": "0.18.20", + "@esbuild/freebsd-x64": "0.18.20", + "@esbuild/linux-arm": "0.18.20", + "@esbuild/linux-arm64": "0.18.20", + "@esbuild/linux-ia32": "0.18.20", + "@esbuild/linux-loong64": "0.18.20", + "@esbuild/linux-mips64el": "0.18.20", + "@esbuild/linux-ppc64": "0.18.20", + "@esbuild/linux-riscv64": "0.18.20", + "@esbuild/linux-s390x": "0.18.20", + "@esbuild/linux-x64": "0.18.20", + "@esbuild/netbsd-x64": "0.18.20", + "@esbuild/openbsd-x64": "0.18.20", + "@esbuild/sunos-x64": "0.18.20", + "@esbuild/win32-arm64": "0.18.20", + "@esbuild/win32-ia32": "0.18.20", + "@esbuild/win32-x64": "0.18.20" + } + }, + "node_modules/esbuild-plugin-alias": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/esbuild-plugin-alias/-/esbuild-plugin-alias-0.2.1.tgz", + "integrity": "sha512-jyfL/pwPqaFXyKnj8lP8iLk6Z0m099uXR45aSN8Av1XD4vhvQutxxPzgA2bTcAwQpa1zCXDcWOlhFgyP3GKqhQ==", + "dev": true + }, + "node_modules/esbuild-register": { + "version": "3.5.0", + "resolved": "https://registry.npmjs.org/esbuild-register/-/esbuild-register-3.5.0.tgz", + "integrity": "sha512-+4G/XmakeBAsvJuDugJvtyF1x+XJT4FMocynNpxrvEBViirpfUn2PgNpCHedfWhF4WokNsO/OvMKrmJOIJsI5A==", + "dev": true, + "dependencies": { + "debug": "^4.3.4" + }, + "peerDependencies": { + "esbuild": ">=0.12 <1" + } + }, + "node_modules/escalade": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", + "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", + "engines": { + "node": ">=6" + } + }, + "node_modules/escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==", + "dev": true + }, + "node_modules/escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/escodegen": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz", + "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==", + "dev": true, + "dependencies": { + "esprima": "^4.0.1", + "estraverse": "^5.2.0", + "esutils": "^2.0.2" + }, + "bin": { + "escodegen": "bin/escodegen.js", + "esgenerate": "bin/esgenerate.js" + }, + "engines": { + "node": ">=6.0" + }, + "optionalDependencies": { + "source-map": "~0.6.1" + } + }, + "node_modules/escodegen/node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true, + "optional": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/esprima": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", + "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==", + "dev": true, + "bin": { + "esparse": "bin/esparse.js", + "esvalidate": "bin/esvalidate.js" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/estraverse": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", + "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", + "dev": true, + "engines": { + "node": ">=4.0" + } + }, + "node_modules/estree-walker": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz", + "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==", + "dev": true + }, + "node_modules/esutils": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", + "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/event-target-shim": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz", + "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/execa": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz", + "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==", + "dev": true, + "dependencies": { + "cross-spawn": "^7.0.3", + "get-stream": "^6.0.0", + "human-signals": "^2.1.0", + "is-stream": "^2.0.0", + "merge-stream": "^2.0.0", + "npm-run-path": "^4.0.1", + "onetime": "^5.1.2", + "signal-exit": "^3.0.3", + "strip-final-newline": "^2.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sindresorhus/execa?sponsor=1" + } + }, + "node_modules/exenv": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/exenv/-/exenv-1.2.2.tgz", + "integrity": "sha512-Z+ktTxTwv9ILfgKCk32OX3n/doe+OcLTRtqK9pcL+JsP3J1/VW8Uvl4ZjLlKqeW4rzK4oesDOGMEMRIZqtP4Iw==", + "dev": true + }, + "node_modules/express": { + "version": "4.19.2", + "resolved": "https://registry.npmjs.org/express/-/express-4.19.2.tgz", + "integrity": "sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==", + "dev": true, + "dependencies": { + "accepts": "~1.3.8", + "array-flatten": "1.1.1", + "body-parser": "1.20.2", + "content-disposition": "0.5.4", + "content-type": "~1.0.4", + "cookie": "0.6.0", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "2.0.0", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "1.2.0", + "fresh": "0.5.2", + "http-errors": "2.0.0", + "merge-descriptors": "1.0.1", + "methods": "~1.1.2", + "on-finished": "2.4.1", + "parseurl": "~1.3.3", + "path-to-regexp": "0.1.7", + "proxy-addr": "~2.0.7", + "qs": "6.11.0", + "range-parser": "~1.2.1", + "safe-buffer": "5.2.1", + "send": "0.18.0", + "serve-static": "1.15.0", + "setprototypeof": "1.2.0", + "statuses": "2.0.1", + "type-is": "~1.6.18", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + }, + "engines": { + "node": ">= 0.10.0" + } + }, + "node_modules/express/node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/express/node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + }, + "node_modules/express/node_modules/qs": { + "version": "6.11.0", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz", + "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==", + "dev": true, + "dependencies": { + "side-channel": "^1.0.4" + }, + "engines": { + "node": ">=0.6" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/extend": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", + "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==", + "dev": true + }, + "node_modules/extract-zip": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-1.7.0.tgz", + "integrity": "sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==", + "dev": true, + "dependencies": { + "concat-stream": "^1.6.2", + "debug": "^2.6.9", + "mkdirp": "^0.5.4", + "yauzl": "^2.10.0" + }, + "bin": { + "extract-zip": "cli.js" + } + }, + "node_modules/extract-zip/node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/extract-zip/node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + }, + "node_modules/fast-deep-equal": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", + "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", + "dev": true + }, + "node_modules/fast-glob": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz", + "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==", + "dev": true, + "dependencies": { + "@nodelib/fs.stat": "^2.0.2", + "@nodelib/fs.walk": "^1.2.3", + "glob-parent": "^5.1.2", + "merge2": "^1.3.0", + "micromatch": "^4.0.4" + }, + "engines": { + "node": ">=8.6.0" + } + }, + "node_modules/fast-json-stable-stringify": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", + "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", + "dev": true + }, + "node_modules/fast-xml-parser": { + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-4.3.4.tgz", + "integrity": "sha512-utnwm92SyozgA3hhH2I8qldf2lBqm6qHOICawRNRFu1qMe3+oqr+GcXjGqTmXTMGE5T4eC03kr/rlh5C1IRdZA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/NaturalIntelligence" + }, + { + "type": "paypal", + "url": "https://paypal.me/naturalintelligence" + } + ], + "dependencies": { + "strnum": "^1.0.5" + }, + "bin": { + "fxparser": "src/cli/cli.js" + } + }, + "node_modules/fastq": { + "version": "1.17.0", + "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.0.tgz", + "integrity": "sha512-zGygtijUMT7jnk3h26kUms3BkSDp4IfIKjmnqI2tvx6nuBfiF1UqOxbnLfzdv+apBy+53oaImsKtMw/xYbW+1w==", + "dev": true, + "dependencies": { + "reusify": "^1.0.4" + } + }, + "node_modules/fb-watchman": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.2.tgz", + "integrity": "sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==", + "dev": true, + "dependencies": { + "bser": "2.1.1" + } + }, + "node_modules/fd-slicer": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz", + "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==", + "dev": true, + "dependencies": { + "pend": "~1.2.0" + } + }, + "node_modules/fetch-retry": { + "version": "5.0.6", + "resolved": "https://registry.npmjs.org/fetch-retry/-/fetch-retry-5.0.6.tgz", + "integrity": "sha512-3yurQZ2hD9VISAhJJP9bpYFNQrHHBXE2JxxjY5aLEcDi46RmAzJE2OC9FAde0yis5ElW0jTTzs0zfg/Cca4XqQ==", + "dev": true + }, + "node_modules/file-system-cache": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/file-system-cache/-/file-system-cache-2.3.0.tgz", + "integrity": "sha512-l4DMNdsIPsVnKrgEXbJwDJsA5mB8rGwHYERMgqQx/xAUtChPJMre1bXBzDEqqVbWv9AIbFezXMxeEkZDSrXUOQ==", + "dev": true, + "dependencies": { + "fs-extra": "11.1.1", + "ramda": "0.29.0" + } + }, + "node_modules/file-system-cache/node_modules/fs-extra": { + "version": "11.1.1", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz", + "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==", + "dev": true, + "dependencies": { + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + }, + "engines": { + "node": ">=14.14" + } + }, + "node_modules/file-system-cache/node_modules/jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "dev": true, + "dependencies": { + "universalify": "^2.0.0" + }, + "optionalDependencies": { + "graceful-fs": "^4.1.6" + } + }, + "node_modules/file-system-cache/node_modules/universalify": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==", + "dev": true, + "engines": { + "node": ">= 10.0.0" + } + }, + "node_modules/filelist": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz", + "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==", + "dev": true, + "dependencies": { + "minimatch": "^5.0.1" + } + }, + "node_modules/filelist/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/filelist/node_modules/minimatch": { + "version": "5.1.6", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz", + "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==", + "dev": true, + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/finalhandler": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz", + "integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==", + "dev": true, + "dependencies": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "2.4.1", + "parseurl": "~1.3.3", + "statuses": "2.0.1", + "unpipe": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/finalhandler/node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/finalhandler/node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + }, + "node_modules/find-cache-dir": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz", + "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==", + "dev": true, + "dependencies": { + "commondir": "^1.0.1", + "make-dir": "^3.0.2", + "pkg-dir": "^4.1.0" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/avajs/find-cache-dir?sponsor=1" + } + }, + "node_modules/find-cache-dir/node_modules/find-up": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", + "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", + "dev": true, + "dependencies": { + "locate-path": "^5.0.0", + "path-exists": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/find-cache-dir/node_modules/locate-path": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", + "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", + "dev": true, + "dependencies": { + "p-locate": "^4.1.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/find-cache-dir/node_modules/make-dir": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", + "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==", + "dev": true, + "dependencies": { + "semver": "^6.0.0" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/find-cache-dir/node_modules/p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dev": true, + "dependencies": { + "p-try": "^2.0.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/find-cache-dir/node_modules/p-locate": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", + "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", + "dev": true, + "dependencies": { + "p-limit": "^2.2.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/find-cache-dir/node_modules/pkg-dir": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz", + "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==", + "dev": true, + "dependencies": { + "find-up": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/find-up": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz", + "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==", + "dependencies": { + "locate-path": "^6.0.0", + "path-exists": "^4.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/flow-enums-runtime": { + "version": "0.0.6", + "resolved": "https://registry.npmjs.org/flow-enums-runtime/-/flow-enums-runtime-0.0.6.tgz", + "integrity": "sha512-3PYnM29RFXwvAN6Pc/scUfkI7RwhQ/xqyLUyPNlXUp9S40zI8nup9tUSrTLSVnWGBN38FNiGWbwZOB6uR4OGdw==", + "dev": true + }, + "node_modules/flow-parser": { + "version": "0.206.0", + "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.206.0.tgz", + "integrity": "sha512-HVzoK3r6Vsg+lKvlIZzaWNBVai+FXTX1wdYhz/wVlH13tb/gOdLXmlTqy6odmTBhT5UoWUbq0k8263Qhr9d88w==", + "dev": true, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/focus-visible": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/focus-visible/-/focus-visible-5.2.0.tgz", + "integrity": "sha512-Rwix9pBtC1Nuy5wysTmKy+UjbDJpIfg8eHjw0rjZ1mX4GNLz1Bmd16uDpI3Gk1i70Fgcs8Csg2lPm8HULFg9DQ==" + }, + "node_modules/for-each": { + "version": "0.3.3", + "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz", + "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==", + "dev": true, + "dependencies": { + "is-callable": "^1.1.3" + } + }, + "node_modules/foreground-child": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz", + "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==", + "dev": true, + "dependencies": { + "cross-spawn": "^7.0.0", + "signal-exit": "^4.0.1" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/foreground-child/node_modules/signal-exit": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", + "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", + "dev": true, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/form-data": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz", + "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==", + "dev": true, + "dependencies": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.8", + "mime-types": "^2.1.12" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/forwarded": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz", + "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/fs-constants": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz", + "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==", + "dev": true + }, + "node_modules/fs-extra": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz", + "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==", + "dev": true, + "dependencies": { + "graceful-fs": "^4.1.2", + "jsonfile": "^4.0.0", + "universalify": "^0.1.0" + }, + "engines": { + "node": ">=6 <7 || >=8" + } + }, + "node_modules/fs-minipass": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz", + "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==", + "dev": true, + "dependencies": { + "minipass": "^3.0.0" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/fs-minipass/node_modules/minipass": { + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", + "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/fs-minipass/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, + "node_modules/fs-readdir-recursive": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz", + "integrity": "sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA==", + "dev": true + }, + "node_modules/fs.realpath": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", + "dev": true + }, + "node_modules/fsevents": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "dev": true, + "hasInstallScript": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/function-bind": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", + "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/functions-have-names": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz", + "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/gensync": { + "version": "1.0.0-beta.2", + "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", + "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/get-caller-file": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", + "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", + "dev": true, + "engines": { + "node": "6.* || 8.* || >= 10.*" + } + }, + "node_modules/get-intrinsic": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz", + "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==", + "dev": true, + "dependencies": { + "es-errors": "^1.3.0", + "function-bind": "^1.1.2", + "has-proto": "^1.0.1", + "has-symbols": "^1.0.3", + "hasown": "^2.0.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/get-nonce": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz", + "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/get-npm-tarball-url": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/get-npm-tarball-url/-/get-npm-tarball-url-2.1.0.tgz", + "integrity": "sha512-ro+DiMu5DXgRBabqXupW38h7WPZ9+Ad8UjwhvsmmN8w1sU7ab0nzAXvVZ4kqYg57OrqomRtJvepX5/xvFKNtjA==", + "dev": true, + "engines": { + "node": ">=12.17" + } + }, + "node_modules/get-package-type": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz", + "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==", + "dev": true, + "engines": { + "node": ">=8.0.0" + } + }, + "node_modules/get-port": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/get-port/-/get-port-5.1.1.tgz", + "integrity": "sha512-g/Q1aTSDOxFpchXC4i8ZWvxA1lnPqx/JHqcpIw0/LX9T8x/GBbi6YnlN5nhaKIFkT8oFsscUKgDJYxfwfS6QsQ==", + "dev": true, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/get-stream": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz", + "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/giget": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/giget/-/giget-1.2.1.tgz", + "integrity": "sha512-4VG22mopWtIeHwogGSy1FViXVo0YT+m6BrqZfz0JJFwbSsePsCdOzdLIIli5BtMp7Xe8f/o2OmBpQX2NBOC24g==", + "dev": true, + "dependencies": { + "citty": "^0.1.5", + "consola": "^3.2.3", + "defu": "^6.1.3", + "node-fetch-native": "^1.6.1", + "nypm": "^0.3.3", + "ohash": "^1.1.3", + "pathe": "^1.1.1", + "tar": "^6.2.0" + }, + "bin": { + "giget": "dist/cli.mjs" + } + }, + "node_modules/github-slugger": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/github-slugger/-/github-slugger-1.5.0.tgz", + "integrity": "sha512-wIh+gKBI9Nshz2o46B0B3f5k/W+WI9ZAv6y5Dn5WJ5SK1t0TnDimB4WE5rmTD05ZAIn8HALCZVmCsvj0w0v0lw==", + "dev": true + }, + "node_modules/glob": { + "version": "7.2.3", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", + "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", + "dev": true, + "dependencies": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.1.1", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + }, + "engines": { + "node": "*" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/glob-promise": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/glob-promise/-/glob-promise-4.2.2.tgz", + "integrity": "sha512-xcUzJ8NWN5bktoTIX7eOclO1Npxd/dyVqUJxlLIDasT4C7KZyqlPIwkdJ0Ypiy3p2ZKahTjK4M9uC3sNSfNMzw==", + "dev": true, + "dependencies": { + "@types/glob": "^7.1.3" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "type": "individual", + "url": "https://github.com/sponsors/ahmadnassri" + }, + "peerDependencies": { + "glob": "^7.1.6" + } + }, + "node_modules/glob-to-regexp": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz", + "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==", + "dev": true + }, + "node_modules/globals": { + "version": "11.12.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", + "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", + "engines": { + "node": ">=4" + } + }, + "node_modules/globby": { + "version": "11.1.0", + "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz", + "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==", + "dev": true, + "dependencies": { + "array-union": "^2.1.0", + "dir-glob": "^3.0.1", + "fast-glob": "^3.2.9", + "ignore": "^5.2.0", + "merge2": "^1.4.1", + "slash": "^3.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/globby/node_modules/slash": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", + "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/gopd": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz", + "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==", + "dev": true, + "dependencies": { + "get-intrinsic": "^1.1.3" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/graceful-fs": { + "version": "4.2.11", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", + "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", + "dev": true + }, + "node_modules/gud": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/gud/-/gud-1.0.0.tgz", + "integrity": "sha512-zGEOVKFM5sVPPrYs7J5/hYEw2Pof8KCyOwyhG8sAF26mCAeUFAcYPu1mwB7hhpIP29zOIBaDqwuHdLp0jvZXjw==", + "dev": true + }, + "node_modules/gunzip-maybe": { + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/gunzip-maybe/-/gunzip-maybe-1.4.2.tgz", + "integrity": "sha512-4haO1M4mLO91PW57BMsDFf75UmwoRX0GkdD+Faw+Lr+r/OZrOCS0pIBwOL1xCKQqnQzbNFGgK2V2CpBUPeFNTw==", + "dev": true, + "dependencies": { + "browserify-zlib": "^0.1.4", + "is-deflate": "^1.0.0", + "is-gzip": "^1.0.0", + "peek-stream": "^1.1.0", + "pumpify": "^1.3.3", + "through2": "^2.0.3" + }, + "bin": { + "gunzip-maybe": "bin.js" + } + }, + "node_modules/handlebars": { + "version": "4.7.8", + "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.8.tgz", + "integrity": "sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==", + "dev": true, + "dependencies": { + "minimist": "^1.2.5", + "neo-async": "^2.6.2", + "source-map": "^0.6.1", + "wordwrap": "^1.0.0" + }, + "bin": { + "handlebars": "bin/handlebars" + }, + "engines": { + "node": ">=0.4.7" + }, + "optionalDependencies": { + "uglify-js": "^3.1.4" + } + }, + "node_modules/handlebars/node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", + "engines": { + "node": ">=4" + } + }, + "node_modules/has-property-descriptors": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz", + "integrity": "sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==", + "dev": true, + "dependencies": { + "get-intrinsic": "^1.2.2" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/has-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz", + "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==", + "dev": true, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/has-symbols": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz", + "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==", + "dev": true, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/has-tostringtag": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz", + "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==", + "dev": true, + "dependencies": { + "has-symbols": "^1.0.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/hasown": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz", + "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==", + "dev": true, + "dependencies": { + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/hermes-estree": { + "version": "0.15.0", + "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.15.0.tgz", + "integrity": "sha512-lLYvAd+6BnOqWdnNbP/Q8xfl8LOGw4wVjfrNd9Gt8eoFzhNBRVD95n4l2ksfMVOoxuVyegs85g83KS9QOsxbVQ==", + "dev": true + }, + "node_modules/hermes-parser": { + "version": "0.15.0", + "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.15.0.tgz", + "integrity": "sha512-Q1uks5rjZlE9RjMMjSUCkGrEIPI5pKJILeCtK1VmTj7U4pf3wVPoo+cxfu+s4cBAPy2JzikIIdCZgBoR6x7U1Q==", + "dev": true, + "dependencies": { + "hermes-estree": "0.15.0" + } + }, + "node_modules/hermes-profile-transformer": { + "version": "0.0.6", + "resolved": "https://registry.npmjs.org/hermes-profile-transformer/-/hermes-profile-transformer-0.0.6.tgz", + "integrity": "sha512-cnN7bQUm65UWOy6cbGcCcZ3rpwW8Q/j4OP5aWRhEry4Z2t2aR1cjrbp0BS+KiBN0smvP1caBgAuxutvyvJILzQ==", + "dev": true, + "dependencies": { + "source-map": "^0.7.3" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/hermes-profile-transformer/node_modules/source-map": { + "version": "0.7.4", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz", + "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==", + "dev": true, + "engines": { + "node": ">= 8" + } + }, + "node_modules/hoist-non-react-statics": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", + "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", + "dev": true, + "dependencies": { + "react-is": "^16.7.0" + } + }, + "node_modules/hosted-git-info": { + "version": "2.8.9", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz", + "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==", + "dev": true + }, + "node_modules/html-element-attributes": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/html-element-attributes/-/html-element-attributes-1.3.1.tgz", + "integrity": "sha512-UrRKgp5sQmRnDy4TEwAUsu14XBUlzKB8U3hjIYDjcZ3Hbp86Jtftzxfgrv6E/ii/h78tsaZwAnAE8HwnHr0dPA==" + }, + "node_modules/html-tags": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz", + "integrity": "sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==", + "dev": true, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/http-errors": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz", + "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==", + "dev": true, + "dependencies": { + "depd": "2.0.0", + "inherits": "2.0.4", + "setprototypeof": "1.2.0", + "statuses": "2.0.1", + "toidentifier": "1.0.1" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/https-proxy-agent": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-4.0.0.tgz", + "integrity": "sha512-zoDhWrkR3of1l9QAL8/scJZyLu8j/gBkcwcaQOZh7Gyh/+uJQzGVETdgT30akuwkpL8HTRfssqI3BZuV18teDg==", + "dev": true, + "dependencies": { + "agent-base": "5", + "debug": "4" + }, + "engines": { + "node": ">= 6.0.0" + } + }, + "node_modules/human-signals": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz", + "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==", + "dev": true, + "engines": { + "node": ">=10.17.0" + } + }, + "node_modules/iconv-lite": { + "version": "0.4.24", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", + "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", + "dev": true, + "dependencies": { + "safer-buffer": ">= 2.1.2 < 3" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/ieee754": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz", + "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ] + }, + "node_modules/ignore": { + "version": "5.3.1", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz", + "integrity": "sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==", + "dev": true, + "engines": { + "node": ">= 4" + } + }, + "node_modules/image-size": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/image-size/-/image-size-1.1.1.tgz", + "integrity": "sha512-541xKlUw6jr/6gGuk92F+mYM5zaFAc5ahphvkqvNe2bQ6gVBkd6bfrmVJ2t4KDAfikAYZyIqTnktX3i6/aQDrQ==", + "dev": true, + "dependencies": { + "queue": "6.0.2" + }, + "bin": { + "image-size": "bin/image-size.js" + }, + "engines": { + "node": ">=16.x" + } + }, + "node_modules/import-fresh": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz", + "integrity": "sha512-eZ5H8rcgYazHbKC3PG4ClHNykCSxtAhxSSEM+2mb+7evD2CKF5V7c0dNum7AdpDh0ZdICwZY9sRSn8f+KH96sg==", + "dev": true, + "dependencies": { + "caller-path": "^2.0.0", + "resolve-from": "^3.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/import-fresh/node_modules/resolve-from": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz", + "integrity": "sha512-GnlH6vxLymXJNMBo7XP1fJIzBFbdYt49CuTwmB/6N53t+kMPRMFKz783LlQ4tv28XoQfMWinAJX6WCGf2IlaIw==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/import-lazy": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz", + "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/imurmurhash": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", + "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==", + "dev": true, + "engines": { + "node": ">=0.8.19" + } + }, + "node_modules/indent-string": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz", + "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/inflight": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", + "dev": true, + "dependencies": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "node_modules/inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", + "dev": true + }, + "node_modules/invariant": { + "version": "2.2.4", + "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz", + "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==", + "dev": true, + "dependencies": { + "loose-envify": "^1.0.0" + } + }, + "node_modules/ip": { + "version": "1.1.9", + "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.9.tgz", + "integrity": "sha512-cyRxvOEpNHNtchU3Ln9KC/auJgup87llfQpQ+t5ghoC/UhL16SWzbueiCsdTnWmqAWl7LadfuwhlqmtOaqMHdQ==", + "dev": true + }, + "node_modules/ipaddr.js": { + "version": "1.9.1", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz", + "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==", + "dev": true, + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/is-absolute-url": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-3.0.3.tgz", + "integrity": "sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/is-arguments": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz", + "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.2", + "has-tostringtag": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-arrayish": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", + "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==", + "dev": true + }, + "node_modules/is-callable": { + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz", + "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==", + "dev": true, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-core-module": { + "version": "2.13.1", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz", + "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==", + "dev": true, + "dependencies": { + "hasown": "^2.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-date-object": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz", + "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==", + "dev": true, + "dependencies": { + "has-tostringtag": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-deflate": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-deflate/-/is-deflate-1.0.0.tgz", + "integrity": "sha512-YDoFpuZWu1VRXlsnlYMzKyVRITXj7Ej/V9gXQ2/pAe7X1J7M/RNOqaIYi6qUn+B7nGyB9pDXrv02dsB58d2ZAQ==", + "dev": true + }, + "node_modules/is-directory": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz", + "integrity": "sha512-yVChGzahRFvbkscn2MlwGismPO12i9+znNruC5gVEntG3qu0xQMzsGg/JFbrsqDOHtHFPci+V5aP5T9I+yeKqw==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-docker": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz", + "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==", + "dev": true, + "bin": { + "is-docker": "cli.js" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-fullwidth-code-point": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz", + "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/is-generator-function": { + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz", + "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==", + "dev": true, + "dependencies": { + "has-tostringtag": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-gzip": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-gzip/-/is-gzip-1.0.0.tgz", + "integrity": "sha512-rcfALRIb1YewtnksfRIHGcIY93QnK8BIQ/2c9yDYcG/Y6+vRoJuTWBmmSEbyLLYtXm7q35pHOHbZFQBaLrhlWQ==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-interactive": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz", + "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/is-nan": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/is-nan/-/is-nan-1.3.2.tgz", + "integrity": "sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.0", + "define-properties": "^1.1.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-path-cwd": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-2.2.0.tgz", + "integrity": "sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/is-path-inside": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz", + "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/is-plain-object": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz", + "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-regex": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz", + "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.2", + "has-tostringtag": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-stream": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz", + "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==", + "dev": true, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/is-typed-array": { + "version": "1.1.13", + "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz", + "integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==", + "dev": true, + "dependencies": { + "which-typed-array": "^1.1.14" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-unicode-supported": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz", + "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/is-wsl": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz", + "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==", + "dev": true, + "dependencies": { + "is-docker": "^2.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==", + "dev": true + }, + "node_modules/isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", + "dev": true + }, + "node_modules/isobject": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", + "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/istanbul-lib-coverage": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz", + "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/istanbul-lib-instrument": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz", + "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==", + "dev": true, + "dependencies": { + "@babel/core": "^7.12.3", + "@babel/parser": "^7.14.7", + "@istanbuljs/schema": "^0.1.2", + "istanbul-lib-coverage": "^3.2.0", + "semver": "^6.3.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jackspeak": { + "version": "2.3.6", + "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz", + "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==", + "dev": true, + "dependencies": { + "@isaacs/cliui": "^8.0.2" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + }, + "optionalDependencies": { + "@pkgjs/parseargs": "^0.11.0" + } + }, + "node_modules/jake": { + "version": "10.8.7", + "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.7.tgz", + "integrity": "sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==", + "dev": true, + "dependencies": { + "async": "^3.2.3", + "chalk": "^4.0.2", + "filelist": "^1.0.4", + "minimatch": "^3.1.2" + }, + "bin": { + "jake": "bin/cli.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/jake/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jake/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jake/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jake/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-environment-node": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-29.7.0.tgz", + "integrity": "sha512-DOSwCRqXirTOyheM+4d5YZOrWcdu0LNZ87ewUoywbcb2XR4wKgqiG8vNeYwhjFMbEkfju7wx2GYH0P2gevGvFw==", + "dev": true, + "dependencies": { + "@jest/environment": "^29.7.0", + "@jest/fake-timers": "^29.7.0", + "@jest/types": "^29.6.3", + "@types/node": "*", + "jest-mock": "^29.7.0", + "jest-util": "^29.7.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-get-type": { + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.6.3.tgz", + "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==", + "dev": true, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-haste-map": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.7.0.tgz", + "integrity": "sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==", + "dev": true, + "dependencies": { + "@jest/types": "^29.6.3", + "@types/graceful-fs": "^4.1.3", + "@types/node": "*", + "anymatch": "^3.0.3", + "fb-watchman": "^2.0.0", + "graceful-fs": "^4.2.9", + "jest-regex-util": "^29.6.3", + "jest-util": "^29.7.0", + "jest-worker": "^29.7.0", + "micromatch": "^4.0.4", + "walker": "^1.0.8" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + }, + "optionalDependencies": { + "fsevents": "^2.3.2" + } + }, + "node_modules/jest-haste-map/node_modules/anymatch": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", + "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", + "dev": true, + "dependencies": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/jest-message-util": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz", + "integrity": "sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.12.13", + "@jest/types": "^29.6.3", + "@types/stack-utils": "^2.0.0", + "chalk": "^4.0.0", + "graceful-fs": "^4.2.9", + "micromatch": "^4.0.4", + "pretty-format": "^29.7.0", + "slash": "^3.0.0", + "stack-utils": "^2.0.3" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-message-util/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jest-message-util/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jest-message-util/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-message-util/node_modules/pretty-format": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz", + "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==", + "dev": true, + "dependencies": { + "@jest/schemas": "^29.6.3", + "ansi-styles": "^5.0.0", + "react-is": "^18.0.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-message-util/node_modules/pretty-format/node_modules/ansi-styles": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz", + "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jest-message-util/node_modules/react-is": { + "version": "18.2.0", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", + "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==", + "dev": true + }, + "node_modules/jest-message-util/node_modules/slash": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", + "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-message-util/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-mock": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-29.7.0.tgz", + "integrity": "sha512-ITOMZn+UkYS4ZFh83xYAOzWStloNzJFO2s8DWrE4lhtGD+AorgnbkiKERe4wQVBydIGPx059g6riW5Btp6Llnw==", + "dev": true, + "dependencies": { + "@jest/types": "^29.6.3", + "@types/node": "*", + "jest-util": "^29.7.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-regex-util": { + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz", + "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==", + "dev": true, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-util": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz", + "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==", + "dev": true, + "dependencies": { + "@jest/types": "^29.6.3", + "@types/node": "*", + "chalk": "^4.0.0", + "ci-info": "^3.2.0", + "graceful-fs": "^4.2.9", + "picomatch": "^2.2.3" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-util/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jest-util/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jest-util/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-util/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-validate": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-29.7.0.tgz", + "integrity": "sha512-ZB7wHqaRGVw/9hST/OuFUReG7M8vKeq0/J2egIGLdvjHCmYqGARhzXmtgi+gVeZ5uXFF219aOc3Ls2yLg27tkw==", + "dev": true, + "dependencies": { + "@jest/types": "^29.6.3", + "camelcase": "^6.2.0", + "chalk": "^4.0.0", + "jest-get-type": "^29.6.3", + "leven": "^3.1.0", + "pretty-format": "^29.7.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-validate/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jest-validate/node_modules/camelcase": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz", + "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/jest-validate/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jest-validate/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-validate/node_modules/pretty-format": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz", + "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==", + "dev": true, + "dependencies": { + "@jest/schemas": "^29.6.3", + "ansi-styles": "^5.0.0", + "react-is": "^18.0.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-validate/node_modules/pretty-format/node_modules/ansi-styles": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz", + "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jest-validate/node_modules/react-is": { + "version": "18.2.0", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", + "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==", + "dev": true + }, + "node_modules/jest-validate/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-worker": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz", + "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==", + "dev": true, + "dependencies": { + "@types/node": "*", + "jest-util": "^29.7.0", + "merge-stream": "^2.0.0", + "supports-color": "^8.0.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-worker/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-worker/node_modules/supports-color": { + "version": "8.1.1", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz", + "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/supports-color?sponsor=1" + } + }, + "node_modules/jju": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/jju/-/jju-1.4.0.tgz", + "integrity": "sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==", + "dev": true + }, + "node_modules/joi": { + "version": "17.12.1", + "resolved": "https://registry.npmjs.org/joi/-/joi-17.12.1.tgz", + "integrity": "sha512-vtxmq+Lsc5SlfqotnfVjlViWfOL9nt/avKNbKYizwf6gsCfq9NYY/ceYRMFD8XDdrjJ9abJyScWmhmIiy+XRtQ==", + "dev": true, + "dependencies": { + "@hapi/hoek": "^9.3.0", + "@hapi/topo": "^5.1.0", + "@sideway/address": "^4.1.5", + "@sideway/formula": "^3.0.1", + "@sideway/pinpoint": "^2.0.0" + } + }, + "node_modules/js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" + }, + "node_modules/js-yaml": { + "version": "3.14.1", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz", + "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==", + "dev": true, + "dependencies": { + "argparse": "^1.0.7", + "esprima": "^4.0.0" + }, + "bin": { + "js-yaml": "bin/js-yaml.js" + } + }, + "node_modules/jsc-android": { + "version": "250231.0.0", + "resolved": "https://registry.npmjs.org/jsc-android/-/jsc-android-250231.0.0.tgz", + "integrity": "sha512-rS46PvsjYmdmuz1OAWXY/1kCYG7pnf1TBqeTiOJr1iDz7s5DLxxC9n/ZMknLDxzYzNVfI7R95MH10emSSG1Wuw==", + "dev": true + }, + "node_modules/jsc-safe-url": { + "version": "0.2.4", + "resolved": "https://registry.npmjs.org/jsc-safe-url/-/jsc-safe-url-0.2.4.tgz", + "integrity": "sha512-0wM3YBWtYePOjfyXQH5MWQ8H7sdk5EXSwZvmSLKk2RboVQ2Bu239jycHDz5J/8Blf3K0Qnoy2b6xD+z10MFB+Q==", + "dev": true + }, + "node_modules/jscodeshift": { + "version": "0.14.0", + "resolved": "https://registry.npmjs.org/jscodeshift/-/jscodeshift-0.14.0.tgz", + "integrity": "sha512-7eCC1knD7bLUPuSCwXsMZUH51O8jIcoVyKtI6P0XM0IVzlGjckPy3FIwQlorzbN0Sg79oK+RlohN32Mqf/lrYA==", + "dev": true, + "dependencies": { + "@babel/core": "^7.13.16", + "@babel/parser": "^7.13.16", + "@babel/plugin-proposal-class-properties": "^7.13.0", + "@babel/plugin-proposal-nullish-coalescing-operator": "^7.13.8", + "@babel/plugin-proposal-optional-chaining": "^7.13.12", + "@babel/plugin-transform-modules-commonjs": "^7.13.8", + "@babel/preset-flow": "^7.13.13", + "@babel/preset-typescript": "^7.13.0", + "@babel/register": "^7.13.16", + "babel-core": "^7.0.0-bridge.0", + "chalk": "^4.1.2", + "flow-parser": "0.*", + "graceful-fs": "^4.2.4", + "micromatch": "^4.0.4", + "neo-async": "^2.5.0", + "node-dir": "^0.1.17", + "recast": "^0.21.0", + "temp": "^0.8.4", + "write-file-atomic": "^2.3.0" + }, + "bin": { + "jscodeshift": "bin/jscodeshift.js" + }, + "peerDependencies": { + "@babel/preset-env": "^7.1.6" + } + }, + "node_modules/jscodeshift/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jscodeshift/node_modules/ast-types": { + "version": "0.15.2", + "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.15.2.tgz", + "integrity": "sha512-c27loCv9QkZinsa5ProX751khO9DJl/AcB5c2KNtA6NRvHKS0PgLfcftz72KVq504vB0Gku5s2kUZzDBvQWvHg==", + "dev": true, + "dependencies": { + "tslib": "^2.0.1" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/jscodeshift/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jscodeshift/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jscodeshift/node_modules/recast": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/recast/-/recast-0.21.5.tgz", + "integrity": "sha512-hjMmLaUXAm1hIuTqOdeYObMslq/q+Xff6QE3Y2P+uoHAg2nmVlLBps2hzh1UJDdMtDTMXOFewK6ky51JQIeECg==", + "dev": true, + "dependencies": { + "ast-types": "0.15.2", + "esprima": "~4.0.0", + "source-map": "~0.6.1", + "tslib": "^2.0.1" + }, + "engines": { + "node": ">= 4" + } + }, + "node_modules/jscodeshift/node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/jscodeshift/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jscodeshift/node_modules/write-file-atomic": { + "version": "2.4.3", + "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-2.4.3.tgz", + "integrity": "sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==", + "dev": true, + "dependencies": { + "graceful-fs": "^4.1.11", + "imurmurhash": "^0.1.4", + "signal-exit": "^3.0.2" + } + }, + "node_modules/jsesc": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", + "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", + "bin": { + "jsesc": "bin/jsesc" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/json-parse-better-errors": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz", + "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==", + "dev": true + }, + "node_modules/json-parse-even-better-errors": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", + "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==", + "dev": true + }, + "node_modules/json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true + }, + "node_modules/json5": { + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", + "bin": { + "json5": "lib/cli.js" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/jsonfile": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz", + "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==", + "dev": true, + "optionalDependencies": { + "graceful-fs": "^4.1.6" + } + }, + "node_modules/keyboard-key": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/keyboard-key/-/keyboard-key-1.1.0.tgz", + "integrity": "sha512-qkBzPTi3rlAKvX7k0/ub44sqOfXeLc/jcnGGmj5c7BJpU8eDrEVPyhCvNYAaoubbsLm9uGWwQJO1ytQK1a9/dQ==", + "dev": true + }, + "node_modules/kleur": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz", + "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/lazy-universal-dotenv": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/lazy-universal-dotenv/-/lazy-universal-dotenv-4.0.0.tgz", + "integrity": "sha512-aXpZJRnTkpK6gQ/z4nk+ZBLd/Qdp118cvPruLSIQzQNRhKwEcdXCOzXuF55VDqIiuAaY3UGZ10DJtvZzDcvsxg==", + "dev": true, + "dependencies": { + "app-root-dir": "^1.0.2", + "dotenv": "^16.0.0", + "dotenv-expand": "^10.0.0" + }, + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/leven": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz", + "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/lighthouse-logger": { + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/lighthouse-logger/-/lighthouse-logger-1.4.2.tgz", + "integrity": "sha512-gPWxznF6TKmUHrOQjlVo2UbaL2EJ71mb2CCeRs/2qBpi4L/g4LUVc9+3lKQ6DTUZwJswfM7ainGrLO1+fOqa2g==", + "dev": true, + "dependencies": { + "debug": "^2.6.9", + "marky": "^1.2.2" + } + }, + "node_modules/lighthouse-logger/node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/lighthouse-logger/node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + }, + "node_modules/lines-and-columns": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", + "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", + "dev": true + }, + "node_modules/loader-utils": { + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz", + "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==", + "dev": true, + "dependencies": { + "big.js": "^5.2.2", + "emojis-list": "^3.0.0", + "json5": "^1.0.1" + }, + "engines": { + "node": ">=4.0.0" + } + }, + "node_modules/loader-utils/node_modules/json5": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz", + "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==", + "dev": true, + "dependencies": { + "minimist": "^1.2.0" + }, + "bin": { + "json5": "lib/cli.js" + } + }, + "node_modules/locate-path": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz", + "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==", + "dependencies": { + "p-locate": "^5.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/lodash": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", + "dev": true + }, + "node_modules/lodash.debounce": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", + "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==", + "dev": true + }, + "node_modules/lodash.get": { + "version": "4.4.2", + "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz", + "integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==", + "dev": true + }, + "node_modules/lodash.isequal": { + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz", + "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==", + "dev": true + }, + "node_modules/lodash.throttle": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz", + "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==" + }, + "node_modules/log-symbols": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz", + "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==", + "dev": true, + "dependencies": { + "chalk": "^4.1.0", + "is-unicode-supported": "^0.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/log-symbols/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/log-symbols/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/log-symbols/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/log-symbols/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/logkitty": { + "version": "0.7.1", + "resolved": "https://registry.npmjs.org/logkitty/-/logkitty-0.7.1.tgz", + "integrity": "sha512-/3ER20CTTbahrCrpYfPn7Xavv9diBROZpoXGVZDWMw4b/X4uuUwAC0ki85tgsdMRONURyIJbcOvS94QsUBYPbQ==", + "dev": true, + "dependencies": { + "ansi-fragments": "^0.2.1", + "dayjs": "^1.8.15", + "yargs": "^15.1.0" + }, + "bin": { + "logkitty": "bin/logkitty.js" + } + }, + "node_modules/logkitty/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/logkitty/node_modules/cliui": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz", + "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==", + "dev": true, + "dependencies": { + "string-width": "^4.2.0", + "strip-ansi": "^6.0.0", + "wrap-ansi": "^6.2.0" + } + }, + "node_modules/logkitty/node_modules/find-up": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", + "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", + "dev": true, + "dependencies": { + "locate-path": "^5.0.0", + "path-exists": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/logkitty/node_modules/locate-path": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", + "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", + "dev": true, + "dependencies": { + "p-locate": "^4.1.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/logkitty/node_modules/p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dev": true, + "dependencies": { + "p-try": "^2.0.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/logkitty/node_modules/p-locate": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", + "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", + "dev": true, + "dependencies": { + "p-limit": "^2.2.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/logkitty/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/logkitty/node_modules/wrap-ansi": { + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz", + "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/logkitty/node_modules/y18n": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz", + "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==", + "dev": true + }, + "node_modules/logkitty/node_modules/yargs": { + "version": "15.4.1", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz", + "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==", + "dev": true, + "dependencies": { + "cliui": "^6.0.0", + "decamelize": "^1.2.0", + "find-up": "^4.1.0", + "get-caller-file": "^2.0.1", + "require-directory": "^2.1.1", + "require-main-filename": "^2.0.0", + "set-blocking": "^2.0.0", + "string-width": "^4.2.0", + "which-module": "^2.0.0", + "y18n": "^4.0.0", + "yargs-parser": "^18.1.2" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/logkitty/node_modules/yargs-parser": { + "version": "18.1.3", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz", + "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==", + "dev": true, + "dependencies": { + "camelcase": "^5.0.0", + "decamelize": "^1.2.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/loose-envify": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", + "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "dependencies": { + "js-tokens": "^3.0.0 || ^4.0.0" + }, + "bin": { + "loose-envify": "cli.js" + } + }, + "node_modules/lower-case": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz", + "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==", + "dev": true, + "dependencies": { + "tslib": "^2.0.3" + } + }, + "node_modules/lru-cache": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", + "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", + "dependencies": { + "yallist": "^3.0.2" + } + }, + "node_modules/magic-string": { + "version": "0.30.8", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.8.tgz", + "integrity": "sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==", + "dev": true, + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.4.15" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/make-dir": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz", + "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==", + "dev": true, + "dependencies": { + "pify": "^4.0.1", + "semver": "^5.6.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/make-dir/node_modules/pify": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz", + "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/make-dir/node_modules/semver": { + "version": "5.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", + "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", + "dev": true, + "bin": { + "semver": "bin/semver" + } + }, + "node_modules/makeerror": { + "version": "1.0.12", + "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz", + "integrity": "sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==", + "dev": true, + "dependencies": { + "tmpl": "1.0.5" + } + }, + "node_modules/map-or-similar": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/map-or-similar/-/map-or-similar-1.5.0.tgz", + "integrity": "sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg==", + "dev": true + }, + "node_modules/markdown-to-jsx": { + "version": "7.4.1", + "resolved": "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.4.1.tgz", + "integrity": "sha512-GbrbkTnHp9u6+HqbPRFJbObi369AgJNXi/sGqq5HRsoZW063xR1XDCaConqq+whfEIAlzB1YPnOgsPc7B7bc/A==", + "dev": true, + "engines": { + "node": ">= 10" + }, + "peerDependencies": { + "react": ">= 0.14.0" + } + }, + "node_modules/marky": { + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/marky/-/marky-1.2.5.tgz", + "integrity": "sha512-q9JtQJKjpsVxCRVgQ+WapguSbKC3SQ5HEzFGPAJMStgh3QjCawp00UKv3MTTAArTmGmmPUvllHZoNbZ3gs0I+Q==", + "dev": true + }, + "node_modules/mdast-util-definitions": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-4.0.0.tgz", + "integrity": "sha512-k8AJ6aNnUkB7IE+5azR9h81O5EQ/cTDXtWdMq9Kk5KcEW/8ritU5CeLg/9HhOC++nALHBlaogJ5jz0Ybk3kPMQ==", + "dev": true, + "dependencies": { + "unist-util-visit": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/mdast-util-to-string": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-1.1.0.tgz", + "integrity": "sha512-jVU0Nr2B9X3MU4tSK7JP1CMkSvOj7X5l/GboG1tKRw52lLF1x2Ju92Ms9tNetCcbfX3hzlM73zYo2NKkWSfF/A==", + "dev": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/media-typer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/memoize-one": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz", + "integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==", + "dev": true + }, + "node_modules/memoizerific": { + "version": "1.11.3", + "resolved": "https://registry.npmjs.org/memoizerific/-/memoizerific-1.11.3.tgz", + "integrity": "sha512-/EuHYwAPdLtXwAwSZkh/Gutery6pD2KYd44oQLhAvQp/50mpyduZh8Q7PYHXTCJ+wuXxt7oij2LXyIJOOYFPog==", + "dev": true, + "dependencies": { + "map-or-similar": "^1.5.0" + } + }, + "node_modules/merge-descriptors": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", + "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==", + "dev": true + }, + "node_modules/merge-stream": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz", + "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==", + "dev": true + }, + "node_modules/merge2": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", + "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", + "dev": true, + "engines": { + "node": ">= 8" + } + }, + "node_modules/methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/metro": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro/-/metro-0.80.5.tgz", + "integrity": "sha512-OE/CGbOgbi8BlTN1QqJgKOBaC27dS0JBQw473JcivrpgVnqIsluROA7AavEaTVUrB9wPUZvoNVDROn5uiM2jfw==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.0.0", + "@babel/core": "^7.20.0", + "@babel/generator": "^7.20.0", + "@babel/parser": "^7.20.0", + "@babel/template": "^7.0.0", + "@babel/traverse": "^7.20.0", + "@babel/types": "^7.20.0", + "accepts": "^1.3.7", + "chalk": "^4.0.0", + "ci-info": "^2.0.0", + "connect": "^3.6.5", + "debug": "^2.2.0", + "denodeify": "^1.2.1", + "error-stack-parser": "^2.0.6", + "graceful-fs": "^4.2.4", + "hermes-parser": "0.18.2", + "image-size": "^1.0.2", + "invariant": "^2.2.4", + "jest-worker": "^29.6.3", + "jsc-safe-url": "^0.2.2", + "lodash.throttle": "^4.1.1", + "metro-babel-transformer": "0.80.5", + "metro-cache": "0.80.5", + "metro-cache-key": "0.80.5", + "metro-config": "0.80.5", + "metro-core": "0.80.5", + "metro-file-map": "0.80.5", + "metro-resolver": "0.80.5", + "metro-runtime": "0.80.5", + "metro-source-map": "0.80.5", + "metro-symbolicate": "0.80.5", + "metro-transform-plugins": "0.80.5", + "metro-transform-worker": "0.80.5", + "mime-types": "^2.1.27", + "node-fetch": "^2.2.0", + "nullthrows": "^1.1.1", + "rimraf": "^3.0.2", + "serialize-error": "^2.1.0", + "source-map": "^0.5.6", + "strip-ansi": "^6.0.0", + "throat": "^5.0.0", + "ws": "^7.5.1", + "yargs": "^17.6.2" + }, + "bin": { + "metro": "src/cli.js" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/metro-babel-transformer": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-babel-transformer/-/metro-babel-transformer-0.80.5.tgz", + "integrity": "sha512-sxH6hcWCorhTbk4kaShCWsadzu99WBL4Nvq4m/sDTbp32//iGuxtAnUK+ZV+6IEygr2u9Z0/4XoZ8Sbcl71MpA==", + "dev": true, + "dependencies": { + "@babel/core": "^7.20.0", + "hermes-parser": "0.18.2", + "nullthrows": "^1.1.1" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/metro-babel-transformer/node_modules/hermes-estree": { + "version": "0.18.2", + "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.18.2.tgz", + "integrity": "sha512-KoLsoWXJ5o81nit1wSyEZnWUGy9cBna9iYMZBR7skKh7okYAYKqQ9/OczwpMHn/cH0hKDyblulGsJ7FknlfVxQ==", + "dev": true + }, + "node_modules/metro-babel-transformer/node_modules/hermes-parser": { + "version": "0.18.2", + "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.18.2.tgz", + "integrity": "sha512-1eQfvib+VPpgBZ2zYKQhpuOjw1tH+Emuib6QmjkJWJMhyjM8xnXMvA+76o9LhF0zOAJDZgPfQhg43cyXEyl5Ew==", + "dev": true, + "dependencies": { + "hermes-estree": "0.18.2" + } + }, + "node_modules/metro-cache": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-cache/-/metro-cache-0.80.5.tgz", + "integrity": "sha512-2u+dQ4PZwmC7eZo9uMBNhQQMig9f+w4QWBZwXCdVy/RYOHM0eObgGdMEOwODo73uxie82T9lWzxr3aZOZ+Nqtw==", + "dev": true, + "dependencies": { + "metro-core": "0.80.5", + "rimraf": "^3.0.2" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/metro-cache-key": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-cache-key/-/metro-cache-key-0.80.5.tgz", + "integrity": "sha512-fr3QLZUarsB3tRbVcmr34kCBsTHk0Sh9JXGvBY/w3b2lbre+Lq5gtgLyFElHPecGF7o4z1eK9r3ubxtScHWcbA==", + "dev": true, + "engines": { + "node": ">=18" + } + }, + "node_modules/metro-config": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-config/-/metro-config-0.80.5.tgz", + "integrity": "sha512-elqo/lwvF+VjZ1OPyvmW/9hSiGlmcqu+rQvDKw5F5WMX48ZC+ySTD1WcaD7e97pkgAlJHVYqZ98FCjRAYOAFRQ==", + "dev": true, + "dependencies": { + "connect": "^3.6.5", + "cosmiconfig": "^5.0.5", + "jest-validate": "^29.6.3", + "metro": "0.80.5", + "metro-cache": "0.80.5", + "metro-core": "0.80.5", + "metro-runtime": "0.80.5" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/metro-core": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-core/-/metro-core-0.80.5.tgz", + "integrity": "sha512-vkLuaBhnZxTVpaZO8ZJVEHzjaqSXpOdpAiztSZ+NDaYM6jEFgle3/XIbLW91jTSf2+T8Pj5yB1G7KuOX+BcVwg==", + "dev": true, + "dependencies": { + "lodash.throttle": "^4.1.1", + "metro-resolver": "0.80.5" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/metro-file-map": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-file-map/-/metro-file-map-0.80.5.tgz", + "integrity": "sha512-bKCvJ05drjq6QhQxnDUt3I8x7bTcHo3IIKVobEr14BK++nmxFGn/BmFLRzVBlghM6an3gqwpNEYxS5qNc+VKcg==", + "dev": true, + "dependencies": { + "anymatch": "^3.0.3", + "debug": "^2.2.0", + "fb-watchman": "^2.0.0", + "graceful-fs": "^4.2.4", + "invariant": "^2.2.4", + "jest-worker": "^29.6.3", + "micromatch": "^4.0.4", + "node-abort-controller": "^3.1.1", + "nullthrows": "^1.1.1", + "walker": "^1.0.7" + }, + "engines": { + "node": ">=18" + }, + "optionalDependencies": { + "fsevents": "^2.3.2" + } + }, + "node_modules/metro-file-map/node_modules/anymatch": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", + "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", + "dev": true, + "dependencies": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/metro-file-map/node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/metro-file-map/node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + }, + "node_modules/metro-minify-terser": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-minify-terser/-/metro-minify-terser-0.80.5.tgz", + "integrity": "sha512-S7oZLLcab6YXUT6jYFX/ZDMN7Fq6xBGGAG8liMFU1UljX6cTcEC2u+UIafYgCLrdVexp/+ClxrIetVPZ5LtL/g==", + "dev": true, + "dependencies": { + "terser": "^5.15.0" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/metro-resolver": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-resolver/-/metro-resolver-0.80.5.tgz", + "integrity": "sha512-haJ/Hveio3zv/Fr4eXVdKzjUeHHDogYok7OpRqPSXGhTXisNXB+sLN7CpcUrCddFRUDLnVaqQOYwhYsFndgUwA==", + "dev": true, + "engines": { + "node": ">=18" + } + }, + "node_modules/metro-runtime": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-runtime/-/metro-runtime-0.80.5.tgz", + "integrity": "sha512-L0syTWJUdWzfUmKgkScr6fSBVTh6QDr8eKEkRtn40OBd8LPagrJGySBboWSgbyn9eIb4ayW3Y347HxgXBSAjmg==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.0.0" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/metro-source-map": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-source-map/-/metro-source-map-0.80.5.tgz", + "integrity": "sha512-DwSF4l03mKPNqCtyQ6K23I43qzU1BViAXnuH81eYWdHglP+sDlPpY+/7rUahXEo6qXEHXfAJgVoo1sirbXbmsQ==", + "dev": true, + "dependencies": { + "@babel/traverse": "^7.20.0", + "@babel/types": "^7.20.0", + "invariant": "^2.2.4", + "metro-symbolicate": "0.80.5", + "nullthrows": "^1.1.1", + "ob1": "0.80.5", + "source-map": "^0.5.6", + "vlq": "^1.0.0" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/metro-symbolicate": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-symbolicate/-/metro-symbolicate-0.80.5.tgz", + "integrity": "sha512-IsM4mTYvmo9JvIqwEkCZ5+YeDVPST78Q17ZgljfLdHLSpIivOHp9oVoiwQ/YGbLx0xRHRIS/tKiXueWBnj3UWA==", + "dev": true, + "dependencies": { + "invariant": "^2.2.4", + "metro-source-map": "0.80.5", + "nullthrows": "^1.1.1", + "source-map": "^0.5.6", + "through2": "^2.0.1", + "vlq": "^1.0.0" + }, + "bin": { + "metro-symbolicate": "src/index.js" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/metro-transform-plugins": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-transform-plugins/-/metro-transform-plugins-0.80.5.tgz", + "integrity": "sha512-7IdlTqK/k5+qE3RvIU5QdCJUPk4tHWEqgVuYZu8exeW+s6qOJ66hGIJjXY/P7ccucqF+D4nsbAAW5unkoUdS6g==", + "dev": true, + "dependencies": { + "@babel/core": "^7.20.0", + "@babel/generator": "^7.20.0", + "@babel/template": "^7.0.0", + "@babel/traverse": "^7.20.0", + "nullthrows": "^1.1.1" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/metro-transform-worker": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-transform-worker/-/metro-transform-worker-0.80.5.tgz", + "integrity": "sha512-Q1oM7hfP+RBgAtzRFBDjPhArELUJF8iRCZ8OidqCpYzQJVGuJZ7InSnIf3hn1JyqiUQwv2f1LXBO78i2rAjzyA==", + "dev": true, + "dependencies": { + "@babel/core": "^7.20.0", + "@babel/generator": "^7.20.0", + "@babel/parser": "^7.20.0", + "@babel/types": "^7.20.0", + "metro": "0.80.5", + "metro-babel-transformer": "0.80.5", + "metro-cache": "0.80.5", + "metro-cache-key": "0.80.5", + "metro-minify-terser": "0.80.5", + "metro-source-map": "0.80.5", + "metro-transform-plugins": "0.80.5", + "nullthrows": "^1.1.1" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/metro/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/metro/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/metro/node_modules/ci-info": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz", + "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==", + "dev": true + }, + "node_modules/metro/node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/metro/node_modules/debug/node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + }, + "node_modules/metro/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/metro/node_modules/hermes-estree": { + "version": "0.18.2", + "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.18.2.tgz", + "integrity": "sha512-KoLsoWXJ5o81nit1wSyEZnWUGy9cBna9iYMZBR7skKh7okYAYKqQ9/OczwpMHn/cH0hKDyblulGsJ7FknlfVxQ==", + "dev": true + }, + "node_modules/metro/node_modules/hermes-parser": { + "version": "0.18.2", + "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.18.2.tgz", + "integrity": "sha512-1eQfvib+VPpgBZ2zYKQhpuOjw1tH+Emuib6QmjkJWJMhyjM8xnXMvA+76o9LhF0zOAJDZgPfQhg43cyXEyl5Ew==", + "dev": true, + "dependencies": { + "hermes-estree": "0.18.2" + } + }, + "node_modules/metro/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/metro/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/metro/node_modules/ws": { + "version": "7.5.9", + "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz", + "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==", + "dev": true, + "engines": { + "node": ">=8.3.0" + }, + "peerDependencies": { + "bufferutil": "^4.0.1", + "utf-8-validate": "^5.0.2" + }, + "peerDependenciesMeta": { + "bufferutil": { + "optional": true + }, + "utf-8-validate": { + "optional": true + } + } + }, + "node_modules/micromatch": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", + "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", + "dev": true, + "dependencies": { + "braces": "^3.0.2", + "picomatch": "^2.3.1" + }, + "engines": { + "node": ">=8.6" + } + }, + "node_modules/micromatch/node_modules/braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "dev": true, + "dependencies": { + "fill-range": "^7.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/micromatch/node_modules/fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "dev": true, + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/micromatch/node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/micromatch/node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, + "node_modules/mime": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz", + "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==", + "dev": true, + "bin": { + "mime": "cli.js" + }, + "engines": { + "node": ">=4.0.0" + } + }, + "node_modules/mime-db": { + "version": "1.52.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", + "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mime-types": { + "version": "2.1.35", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", + "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", + "dev": true, + "dependencies": { + "mime-db": "1.52.0" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mimic-fn": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz", + "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/min-indent": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz", + "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, + "node_modules/minimist": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz", + "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/minipass": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz", + "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/minizlib": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz", + "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==", + "dev": true, + "dependencies": { + "minipass": "^3.0.0", + "yallist": "^4.0.0" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/minizlib/node_modules/minipass": { + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", + "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/minizlib/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, + "node_modules/mkdirp": { + "version": "0.5.6", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz", + "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==", + "dev": true, + "dependencies": { + "minimist": "^1.2.6" + }, + "bin": { + "mkdirp": "bin/cmd.js" + } + }, + "node_modules/mkdirp-classic": { + "version": "0.5.3", + "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz", + "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==", + "dev": true + }, + "node_modules/ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" + }, + "node_modules/nanoid": { + "version": "3.3.7", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", + "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/ncp": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ncp/-/ncp-2.0.0.tgz", + "integrity": "sha512-zIdGUrPRFTUELUvr3Gmc7KZ2Sw/h1PiVM0Af/oHB6zgnV1ikqSfRk+TOufi79aHYCW3NiOXmr1BP5nWbzojLaA==", + "dev": true, + "bin": { + "ncp": "bin/ncp" + } + }, + "node_modules/negotiator": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz", + "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/neo-async": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz", + "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==", + "dev": true + }, + "node_modules/no-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz", + "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==", + "dev": true, + "dependencies": { + "lower-case": "^2.0.2", + "tslib": "^2.0.3" + } + }, + "node_modules/nocache": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/nocache/-/nocache-3.0.4.tgz", + "integrity": "sha512-WDD0bdg9mbq6F4mRxEYcPWwfA1vxd0mrvKOyxI7Xj/atfRHVeutzuWByG//jfm4uPzp0y4Kj051EORCBSQMycw==", + "dev": true, + "engines": { + "node": ">=12.0.0" + } + }, + "node_modules/node-abort-controller": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/node-abort-controller/-/node-abort-controller-3.1.1.tgz", + "integrity": "sha512-AGK2yQKIjRuqnc6VkX2Xj5d+QW8xZ87pa1UK6yA6ouUyuxfHuMP6umE5QK7UmTeOAymo+Zx1Fxiuw9rVx8taHQ==", + "dev": true + }, + "node_modules/node-dir": { + "version": "0.1.17", + "resolved": "https://registry.npmjs.org/node-dir/-/node-dir-0.1.17.tgz", + "integrity": "sha512-tmPX422rYgofd4epzrNoOXiE8XFZYOcCq1vD7MAXCDO+O+zndlA2ztdKKMa+EeuBG5tHETpr4ml4RGgpqDCCAg==", + "dev": true, + "dependencies": { + "minimatch": "^3.0.2" + }, + "engines": { + "node": ">= 0.10.5" + } + }, + "node_modules/node-fetch": { + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz", + "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==", + "dev": true, + "dependencies": { + "whatwg-url": "^5.0.0" + }, + "engines": { + "node": "4.x || >=6.0.0" + }, + "peerDependencies": { + "encoding": "^0.1.0" + }, + "peerDependenciesMeta": { + "encoding": { + "optional": true + } + } + }, + "node_modules/node-fetch-native": { + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.6.2.tgz", + "integrity": "sha512-69mtXOFZ6hSkYiXAVB5SqaRvrbITC/NPyqv7yuu/qw0nmgPyYbIMYYNIDhNtwPrzk0ptrimrLz/hhjvm4w5Z+w==", + "dev": true + }, + "node_modules/node-int64": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz", + "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==", + "dev": true + }, + "node_modules/node-releases": { + "version": "2.0.14", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz", + "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==" + }, + "node_modules/node-stream-zip": { + "version": "1.15.0", + "resolved": "https://registry.npmjs.org/node-stream-zip/-/node-stream-zip-1.15.0.tgz", + "integrity": "sha512-LN4fydt9TqhZhThkZIVQnF9cwjU3qmUH9h78Mx/K7d3VvfRqqwthLwJEUOEL0QPZ0XQmNN7be5Ggit5+4dq3Bw==", + "dev": true, + "engines": { + "node": ">=0.12.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/antelle" + } + }, + "node_modules/normalize-package-data": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz", + "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==", + "dev": true, + "dependencies": { + "hosted-git-info": "^2.1.4", + "resolve": "^1.10.0", + "semver": "2 || 3 || 4 || 5", + "validate-npm-package-license": "^3.0.1" + } + }, + "node_modules/normalize-package-data/node_modules/semver": { + "version": "5.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", + "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", + "dev": true, + "bin": { + "semver": "bin/semver" + } + }, + "node_modules/normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/npm-run-path": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz", + "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==", + "dev": true, + "dependencies": { + "path-key": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/nullthrows": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/nullthrows/-/nullthrows-1.1.1.tgz", + "integrity": "sha512-2vPPEi+Z7WqML2jZYddDIfy5Dqb0r2fze2zTxNNknZaFpVHU3mFB3R+DWeJWGVx0ecvttSGlJTI+WG+8Z4cDWw==", + "dev": true + }, + "node_modules/nypm": { + "version": "0.3.8", + "resolved": "https://registry.npmjs.org/nypm/-/nypm-0.3.8.tgz", + "integrity": "sha512-IGWlC6So2xv6V4cIDmoV0SwwWx7zLG086gyqkyumteH2fIgCAM4nDVFB2iDRszDvmdSVW9xb1N+2KjQ6C7d4og==", + "dev": true, + "dependencies": { + "citty": "^0.1.6", + "consola": "^3.2.3", + "execa": "^8.0.1", + "pathe": "^1.1.2", + "ufo": "^1.4.0" + }, + "bin": { + "nypm": "dist/cli.mjs" + }, + "engines": { + "node": "^14.16.0 || >=16.10.0" + } + }, + "node_modules/nypm/node_modules/execa": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/execa/-/execa-8.0.1.tgz", + "integrity": "sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==", + "dev": true, + "dependencies": { + "cross-spawn": "^7.0.3", + "get-stream": "^8.0.1", + "human-signals": "^5.0.0", + "is-stream": "^3.0.0", + "merge-stream": "^2.0.0", + "npm-run-path": "^5.1.0", + "onetime": "^6.0.0", + "signal-exit": "^4.1.0", + "strip-final-newline": "^3.0.0" + }, + "engines": { + "node": ">=16.17" + }, + "funding": { + "url": "https://github.com/sindresorhus/execa?sponsor=1" + } + }, + "node_modules/nypm/node_modules/get-stream": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-8.0.1.tgz", + "integrity": "sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==", + "dev": true, + "engines": { + "node": ">=16" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/nypm/node_modules/human-signals": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz", + "integrity": "sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==", + "dev": true, + "engines": { + "node": ">=16.17.0" + } + }, + "node_modules/nypm/node_modules/is-stream": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz", + "integrity": "sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==", + "dev": true, + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/nypm/node_modules/mimic-fn": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz", + "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/nypm/node_modules/npm-run-path": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.3.0.tgz", + "integrity": "sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==", + "dev": true, + "dependencies": { + "path-key": "^4.0.0" + }, + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/nypm/node_modules/onetime": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz", + "integrity": "sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==", + "dev": true, + "dependencies": { + "mimic-fn": "^4.0.0" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/nypm/node_modules/path-key": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz", + "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/nypm/node_modules/signal-exit": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", + "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", + "dev": true, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/nypm/node_modules/strip-final-newline": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz", + "integrity": "sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/ob1": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/ob1/-/ob1-0.80.5.tgz", + "integrity": "sha512-zYDMnnNrFi/1Tqh0vo3PE4p97Tpl9/4MP2k2ECvkbLOZzQuAYZJLTUYVLZb7hJhbhjT+JJxAwBGS8iu5hCSd1w==", + "dev": true, + "engines": { + "node": ">=18" + } + }, + "node_modules/object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/object-inspect": { + "version": "1.13.1", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz", + "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/object-is": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz", + "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.2", + "define-properties": "^1.1.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/object-keys": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz", + "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==", + "dev": true, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/object.assign": { + "version": "4.1.5", + "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz", + "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.5", + "define-properties": "^1.2.1", + "has-symbols": "^1.0.3", + "object-keys": "^1.1.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/object.omit": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/object.omit/-/object.omit-3.0.0.tgz", + "integrity": "sha512-EO+BCv6LJfu+gBIF3ggLicFebFLN5zqzz/WWJlMFfkMyGth+oBkhxzDl0wx2W4GkLzuQs/FsSkXZb2IMWQqmBQ==", + "dependencies": { + "is-extendable": "^1.0.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/object.omit/node_modules/is-extendable": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", + "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", + "dependencies": { + "is-plain-object": "^2.0.4" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/object.omit/node_modules/is-plain-object": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", + "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", + "dependencies": { + "isobject": "^3.0.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/ohash": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/ohash/-/ohash-1.1.3.tgz", + "integrity": "sha512-zuHHiGTYTA1sYJ/wZN+t5HKZaH23i4yI1HMwbuXm24Nid7Dv0KcuRlKoNKS9UNfAVSBlnGLcuQrnOKWOZoEGaw==", + "dev": true + }, + "node_modules/on-finished": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz", + "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==", + "dev": true, + "dependencies": { + "ee-first": "1.1.1" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/on-headers": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz", + "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/once": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", + "dev": true, + "dependencies": { + "wrappy": "1" + } + }, + "node_modules/onetime": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz", + "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==", + "dev": true, + "dependencies": { + "mimic-fn": "^2.1.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/open": { + "version": "6.4.0", + "resolved": "https://registry.npmjs.org/open/-/open-6.4.0.tgz", + "integrity": "sha512-IFenVPgF70fSm1keSd2iDBIDIBZkroLeuffXq+wKTzTJlBpesFWojV9lb8mzOfaAzM1sr7HQHuO0vtV0zYekGg==", + "dev": true, + "dependencies": { + "is-wsl": "^1.1.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/open/node_modules/is-wsl": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz", + "integrity": "sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/ora": { + "version": "5.4.1", + "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz", + "integrity": "sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==", + "dev": true, + "dependencies": { + "bl": "^4.1.0", + "chalk": "^4.1.0", + "cli-cursor": "^3.1.0", + "cli-spinners": "^2.5.0", + "is-interactive": "^1.0.0", + "is-unicode-supported": "^0.1.0", + "log-symbols": "^4.1.0", + "strip-ansi": "^6.0.0", + "wcwidth": "^1.0.1" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/ora/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/ora/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/ora/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/ora/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/ora/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/os-homedir": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz", + "integrity": "sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/p-limit": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", + "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==", + "dependencies": { + "yocto-queue": "^0.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/p-locate": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz", + "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==", + "dependencies": { + "p-limit": "^3.0.2" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/p-map": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz", + "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==", + "dev": true, + "dependencies": { + "aggregate-error": "^3.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/p-try": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", + "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/pako": { + "version": "0.2.9", + "resolved": "https://registry.npmjs.org/pako/-/pako-0.2.9.tgz", + "integrity": "sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==", + "dev": true + }, + "node_modules/param-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz", + "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==", + "dev": true, + "dependencies": { + "dot-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "node_modules/parse-json": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz", + "integrity": "sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==", + "dev": true, + "dependencies": { + "error-ex": "^1.3.1", + "json-parse-better-errors": "^1.0.1" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/parseurl": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz", + "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/path-exists": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", + "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", + "engines": { + "node": ">=8" + } + }, + "node_modules/path-is-absolute": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/path-key": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", + "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/path-parse": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", + "dev": true + }, + "node_modules/path-scurry": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz", + "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==", + "dev": true, + "dependencies": { + "lru-cache": "^9.1.1 || ^10.0.0", + "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/path-scurry/node_modules/lru-cache": { + "version": "10.2.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.0.tgz", + "integrity": "sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==", + "dev": true, + "engines": { + "node": "14 || >=16.14" + } + }, + "node_modules/path-to-regexp": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", + "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==", + "dev": true + }, + "node_modules/path-type": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz", + "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/pathe": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.2.tgz", + "integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==", + "dev": true + }, + "node_modules/peek-stream": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/peek-stream/-/peek-stream-1.1.3.tgz", + "integrity": "sha512-FhJ+YbOSBb9/rIl2ZeE/QHEsWn7PqNYt8ARAY3kIgNGOk13g9FGyIY6JIl/xB/3TFRVoTv5as0l11weORrTekA==", + "dev": true, + "dependencies": { + "buffer-from": "^1.0.0", + "duplexify": "^3.5.0", + "through2": "^2.0.3" + } + }, + "node_modules/pend": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz", + "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==", + "dev": true + }, + "node_modules/picocolors": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" + }, + "node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/pify": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/pirates": { + "version": "4.0.6", + "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz", + "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==", + "dev": true, + "engines": { + "node": ">= 6" + } + }, + "node_modules/pkg-dir": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-5.0.0.tgz", + "integrity": "sha512-NPE8TDbzl/3YQYY7CSS228s3g2ollTFnc+Qi3tqmqJp9Vg2ovUpixcJEo2HJScN2Ez+kEaal6y70c0ehqJBJeA==", + "dev": true, + "dependencies": { + "find-up": "^5.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/polished": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/polished/-/polished-4.3.1.tgz", + "integrity": "sha512-OBatVyC/N7SCW/FaDHrSd+vn0o5cS855TOmYi4OkdWUMSJCET/xip//ch8xGUvtr3i44X9LVyWwQlRMTN3pwSA==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.17.8" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/popper.js": { + "version": "1.16.1", + "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz", + "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==", + "deprecated": "You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1", + "dev": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, + "node_modules/possible-typed-array-names": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz", + "integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==", + "dev": true, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/postcss": { + "version": "8.4.33", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.33.tgz", + "integrity": "sha512-Kkpbhhdjw2qQs2O2DGX+8m5OVqEcbB9HRBvuYM9pgrjEFUg30A9LmXNlTAUj4S9kgtGyrMbTzVjH7E+s5Re2yg==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "nanoid": "^3.3.7", + "picocolors": "^1.0.0", + "source-map-js": "^1.0.2" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/postcss-value-parser": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", + "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", + "dev": true + }, + "node_modules/prettier": { + "version": "2.8.8", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz", + "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==", + "dev": true, + "bin": { + "prettier": "bin-prettier.js" + }, + "engines": { + "node": ">=10.13.0" + }, + "funding": { + "url": "https://github.com/prettier/prettier?sponsor=1" + } + }, + "node_modules/pretty-format": { + "version": "26.6.2", + "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-26.6.2.tgz", + "integrity": "sha512-7AeGuCYNGmycyQbCqd/3PWH4eOoX/OiCa0uphp57NVTeAGdJGaAliecxwBDHYQCIvrW7aDBZCYeNTP/WX69mkg==", + "dev": true, + "dependencies": { + "@jest/types": "^26.6.2", + "ansi-regex": "^5.0.0", + "ansi-styles": "^4.0.0", + "react-is": "^17.0.1" + }, + "engines": { + "node": ">= 10" + } + }, + "node_modules/pretty-format/node_modules/@jest/types": { + "version": "26.6.2", + "resolved": "https://registry.npmjs.org/@jest/types/-/types-26.6.2.tgz", + "integrity": "sha512-fC6QCp7Sc5sX6g8Tvbmj4XUTbyrik0akgRy03yjXbQaBWWNWGE7SGtJk98m0N8nzegD/7SggrUlivxo5ax4KWQ==", + "dev": true, + "dependencies": { + "@types/istanbul-lib-coverage": "^2.0.0", + "@types/istanbul-reports": "^3.0.0", + "@types/node": "*", + "@types/yargs": "^15.0.0", + "chalk": "^4.0.0" + }, + "engines": { + "node": ">= 10.14.2" + } + }, + "node_modules/pretty-format/node_modules/@types/yargs": { + "version": "15.0.19", + "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-15.0.19.tgz", + "integrity": "sha512-2XUaGVmyQjgyAZldf0D0c14vvo/yv0MhQBSTJcejMMaitsn3nxCB6TmH4G0ZQf+uxROOa9mpanoSm8h6SG/1ZA==", + "dev": true, + "dependencies": { + "@types/yargs-parser": "*" + } + }, + "node_modules/pretty-format/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/pretty-format/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/pretty-format/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/pretty-format/node_modules/react-is": { + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", + "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==", + "dev": true + }, + "node_modules/pretty-format/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/pretty-hrtime": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", + "integrity": "sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/process": { + "version": "0.11.10", + "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz", + "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==", + "dev": true, + "engines": { + "node": ">= 0.6.0" + } + }, + "node_modules/process-nextick-args": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", + "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==", + "dev": true + }, + "node_modules/progress": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz", + "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==", + "dev": true, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/promise": { + "version": "8.3.0", + "resolved": "https://registry.npmjs.org/promise/-/promise-8.3.0.tgz", + "integrity": "sha512-rZPNPKTOYVNEEKFaq1HqTgOwZD+4/YHS5ukLzQCypkj+OkYx7iv0mA91lJlpPPZ8vMau3IIGj5Qlwrx+8iiSmg==", + "dev": true, + "dependencies": { + "asap": "~2.0.6" + } + }, + "node_modules/prompts": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz", + "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==", + "dev": true, + "dependencies": { + "kleur": "^3.0.3", + "sisteransi": "^1.0.5" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/prop-types": { + "version": "15.8.1", + "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", + "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==", + "dependencies": { + "loose-envify": "^1.4.0", + "object-assign": "^4.1.1", + "react-is": "^16.13.1" + } + }, + "node_modules/proxy-addr": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz", + "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==", + "dev": true, + "dependencies": { + "forwarded": "0.2.0", + "ipaddr.js": "1.9.1" + }, + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/proxy-from-env": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz", + "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==", + "dev": true + }, + "node_modules/pump": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz", + "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==", + "dev": true, + "dependencies": { + "end-of-stream": "^1.1.0", + "once": "^1.3.1" + } + }, + "node_modules/pumpify": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/pumpify/-/pumpify-1.5.1.tgz", + "integrity": "sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==", + "dev": true, + "dependencies": { + "duplexify": "^3.6.0", + "inherits": "^2.0.3", + "pump": "^2.0.0" + } + }, + "node_modules/pumpify/node_modules/pump": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/pump/-/pump-2.0.1.tgz", + "integrity": "sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==", + "dev": true, + "dependencies": { + "end-of-stream": "^1.1.0", + "once": "^1.3.1" + } + }, + "node_modules/punycode": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", + "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/puppeteer-core": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-2.1.1.tgz", + "integrity": "sha512-n13AWriBMPYxnpbb6bnaY5YoY6rGj8vPLrz6CZF3o0qJNEwlcfJVxBzYZ0NJsQ21UbdJoijPCDrM++SUVEz7+w==", + "dev": true, + "dependencies": { + "@types/mime-types": "^2.1.0", + "debug": "^4.1.0", + "extract-zip": "^1.6.6", + "https-proxy-agent": "^4.0.0", + "mime": "^2.0.3", + "mime-types": "^2.1.25", + "progress": "^2.0.1", + "proxy-from-env": "^1.0.0", + "rimraf": "^2.6.1", + "ws": "^6.1.0" + }, + "engines": { + "node": ">=8.16.0" + } + }, + "node_modules/puppeteer-core/node_modules/rimraf": { + "version": "2.7.1", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz", + "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==", + "dev": true, + "dependencies": { + "glob": "^7.1.3" + }, + "bin": { + "rimraf": "bin.js" + } + }, + "node_modules/qs": { + "version": "6.11.2", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz", + "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==", + "dev": true, + "dependencies": { + "side-channel": "^1.0.4" + }, + "engines": { + "node": ">=0.6" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/queue": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/queue/-/queue-6.0.2.tgz", + "integrity": "sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==", + "dev": true, + "dependencies": { + "inherits": "~2.0.3" + } + }, + "node_modules/queue-microtask": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", + "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ] + }, + "node_modules/ramda": { + "version": "0.29.0", + "resolved": "https://registry.npmjs.org/ramda/-/ramda-0.29.0.tgz", + "integrity": "sha512-BBea6L67bYLtdbOqfp8f58fPMqEwx0doL+pAi8TZyp2YWz8R9G8z9x75CZI8W+ftqhFHCpEX2cRnUUXK130iKA==", + "dev": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/ramda" + } + }, + "node_modules/range-parser": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz", + "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/raw-body": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz", + "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==", + "dev": true, + "dependencies": { + "bytes": "3.1.2", + "http-errors": "2.0.0", + "iconv-lite": "0.4.24", + "unpipe": "1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/react": { + "version": "18.2.0", + "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz", + "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==", + "dev": true, + "dependencies": { + "loose-envify": "^1.1.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/react-colorful": { + "version": "5.6.1", + "resolved": "https://registry.npmjs.org/react-colorful/-/react-colorful-5.6.1.tgz", + "integrity": "sha512-1exovf0uGTGyq5mXQT0zgQ80uvj2PCwvF8zY1RN9/vbJVSjSo3fsB/4L3ObbF7u70NduSiK4xu4Y6q1MHoUGEw==", + "dev": true, + "peerDependencies": { + "react": ">=16.8.0", + "react-dom": ">=16.8.0" + } + }, + "node_modules/react-devtools-core": { + "version": "4.28.5", + "resolved": "https://registry.npmjs.org/react-devtools-core/-/react-devtools-core-4.28.5.tgz", + "integrity": "sha512-cq/o30z9W2Wb4rzBefjv5fBalHU0rJGZCHAkf/RHSBWSSYwh8PlQTqqOJmgIIbBtpj27T6FIPXeomIjZtCNVqA==", + "dev": true, + "dependencies": { + "shell-quote": "^1.6.1", + "ws": "^7" + } + }, + "node_modules/react-devtools-core/node_modules/ws": { + "version": "7.5.9", + "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz", + "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==", + "dev": true, + "engines": { + "node": ">=8.3.0" + }, + "peerDependencies": { + "bufferutil": "^4.0.1", + "utf-8-validate": "^5.0.2" + }, + "peerDependenciesMeta": { + "bufferutil": { + "optional": true + }, + "utf-8-validate": { + "optional": true + } + } + }, + "node_modules/react-docgen": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/react-docgen/-/react-docgen-7.0.3.tgz", + "integrity": "sha512-i8aF1nyKInZnANZ4uZrH49qn1paRgBZ7wZiCNBMnenlPzEv0mRl+ShpTVEI6wZNl8sSc79xZkivtgLKQArcanQ==", + "dev": true, + "dependencies": { + "@babel/core": "^7.18.9", + "@babel/traverse": "^7.18.9", + "@babel/types": "^7.18.9", + "@types/babel__core": "^7.18.0", + "@types/babel__traverse": "^7.18.0", + "@types/doctrine": "^0.0.9", + "@types/resolve": "^1.20.2", + "doctrine": "^3.0.0", + "resolve": "^1.22.1", + "strip-indent": "^4.0.0" + }, + "engines": { + "node": ">=16.14.0" + } + }, + "node_modules/react-docgen-typescript": { + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/react-docgen-typescript/-/react-docgen-typescript-2.2.2.tgz", + "integrity": "sha512-tvg2ZtOpOi6QDwsb3GZhOjDkkX0h8Z2gipvTg6OVMUyoYoURhEiRNePT8NZItTVCDh39JJHnLdfCOkzoLbFnTg==", + "dev": true, + "peerDependencies": { + "typescript": ">= 4.3.x" + } + }, + "node_modules/react-docgen/node_modules/@types/doctrine": { + "version": "0.0.9", + "resolved": "https://registry.npmjs.org/@types/doctrine/-/doctrine-0.0.9.tgz", + "integrity": "sha512-eOIHzCUSH7SMfonMG1LsC2f8vxBFtho6NGBznK41R84YzPuvSBzrhEps33IsQiOW9+VL6NQ9DbjQJznk/S4uRA==", + "dev": true + }, + "node_modules/react-dom": { + "version": "18.2.0", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz", + "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==", + "dev": true, + "dependencies": { + "loose-envify": "^1.1.0", + "scheduler": "^0.23.0" + }, + "peerDependencies": { + "react": "^18.2.0" + } + }, + "node_modules/react-draggable": { + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-4.4.3.tgz", + "integrity": "sha512-jV4TE59MBuWm7gb6Ns3Q1mxX8Azffb7oTtDtBgFkxRvhDp38YAARmRplrj0+XGkhOJB5XziArX+4HUUABtyZ0w==", + "dependencies": { + "classnames": "^2.2.5", + "prop-types": "^15.6.0" + } + }, + "node_modules/react-element-to-jsx-string": { + "version": "15.0.0", + "resolved": "https://registry.npmjs.org/react-element-to-jsx-string/-/react-element-to-jsx-string-15.0.0.tgz", + "integrity": "sha512-UDg4lXB6BzlobN60P8fHWVPX3Kyw8ORrTeBtClmIlGdkOOE+GYQSFvmEU5iLLpwp/6v42DINwNcwOhOLfQ//FQ==", + "dev": true, + "dependencies": { + "@base2/pretty-print-object": "1.0.1", + "is-plain-object": "5.0.0", + "react-is": "18.1.0" + }, + "peerDependencies": { + "react": "^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0", + "react-dom": "^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0" + } + }, + "node_modules/react-element-to-jsx-string/node_modules/react-is": { + "version": "18.1.0", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.1.0.tgz", + "integrity": "sha512-Fl7FuabXsJnV5Q1qIOQwx/sagGF18kogb4gpfcG4gjLBWO0WDiiz1ko/ExayuxE7InyQkBLkxRFG5oxY6Uu3Kg==", + "dev": true + }, + "node_modules/react-fast-compare": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz", + "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==" + }, + "node_modules/react-html-attributes": { + "version": "1.4.6", + "resolved": "https://registry.npmjs.org/react-html-attributes/-/react-html-attributes-1.4.6.tgz", + "integrity": "sha512-uS3MmThNKFH2EZUQQw4k5pIcU7XIr208UE5dktrj/GOH1CMagqxDl4DCLpt3o2l9x+IB5nVYBeN3Cr4IutBXAg==", + "dependencies": { + "html-element-attributes": "^1.0.0" + } + }, + "node_modules/react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" + }, + "node_modules/react-native": { + "version": "0.73.3", + "resolved": "https://registry.npmjs.org/react-native/-/react-native-0.73.3.tgz", + "integrity": "sha512-RSQDtT2DNUcmB4IgmW9NhRb5wqvXFl6DI2NEJmt0ps2OrVHpoA8Tkq+lkFOA/fvPscJKtFKEHFBDSR5UHR3PUw==", + "dev": true, + "dependencies": { + "@jest/create-cache-key-function": "^29.6.3", + "@react-native-community/cli": "12.3.2", + "@react-native-community/cli-platform-android": "12.3.2", + "@react-native-community/cli-platform-ios": "12.3.2", + "@react-native/assets-registry": "0.73.1", + "@react-native/codegen": "0.73.2", + "@react-native/community-cli-plugin": "0.73.14", + "@react-native/gradle-plugin": "0.73.4", + "@react-native/js-polyfills": "0.73.1", + "@react-native/normalize-colors": "0.73.2", + "@react-native/virtualized-lists": "0.73.4", + "abort-controller": "^3.0.0", + "anser": "^1.4.9", + "ansi-regex": "^5.0.0", + "base64-js": "^1.5.1", + "chalk": "^4.0.0", + "deprecated-react-native-prop-types": "^5.0.0", + "event-target-shim": "^5.0.1", + "flow-enums-runtime": "^0.0.6", + "invariant": "^2.2.4", + "jest-environment-node": "^29.6.3", + "jsc-android": "^250231.0.0", + "memoize-one": "^5.0.0", + "metro-runtime": "^0.80.3", + "metro-source-map": "^0.80.3", + "mkdirp": "^0.5.1", + "nullthrows": "^1.1.1", + "pretty-format": "^26.5.2", + "promise": "^8.3.0", + "react-devtools-core": "^4.27.7", + "react-refresh": "^0.14.0", + "react-shallow-renderer": "^16.15.0", + "regenerator-runtime": "^0.13.2", + "scheduler": "0.24.0-canary-efb381bbf-20230505", + "stacktrace-parser": "^0.1.10", + "whatwg-fetch": "^3.0.0", + "ws": "^6.2.2", + "yargs": "^17.6.2" + }, + "bin": { + "react-native": "cli.js" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "react": "18.2.0" + } + }, + "node_modules/react-native/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/react-native/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/react-native/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/react-native/node_modules/regenerator-runtime": { + "version": "0.13.11", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", + "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==", + "dev": true + }, + "node_modules/react-native/node_modules/scheduler": { + "version": "0.24.0-canary-efb381bbf-20230505", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.24.0-canary-efb381bbf-20230505.tgz", + "integrity": "sha512-ABvovCDe/k9IluqSh4/ISoq8tIJnW8euVAWYt5j/bg6dRnqwQwiGO1F/V4AyK96NGF/FB04FhOUDuWj8IKfABA==", + "dev": true, + "dependencies": { + "loose-envify": "^1.1.0" + } + }, + "node_modules/react-native/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/react-popper": { + "version": "1.3.11", + "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-1.3.11.tgz", + "integrity": "sha512-VSA/bS+pSndSF2fiasHK/PTEEAyOpX60+H5EPAjoArr8JGm+oihu4UbrqcEBpQibJxBVCpYyjAX7abJ+7DoYVg==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.1.2", + "@hypnosphi/create-react-context": "^0.3.1", + "deep-equal": "^1.1.1", + "popper.js": "^1.14.4", + "prop-types": "^15.6.1", + "typed-styles": "^0.0.7", + "warning": "^4.0.2" + }, + "peerDependencies": { + "react": "0.14.x || ^15.0.0 || ^16.0.0 || ^17.0.0" + } + }, + "node_modules/react-refresh": { + "version": "0.14.0", + "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz", + "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/react-remove-scroll": { + "version": "2.5.5", + "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.5.tgz", + "integrity": "sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==", + "dev": true, + "dependencies": { + "react-remove-scroll-bar": "^2.3.3", + "react-style-singleton": "^2.2.1", + "tslib": "^2.1.0", + "use-callback-ref": "^1.3.0", + "use-sidecar": "^1.1.2" + }, + "engines": { + "node": ">=10" + }, + "peerDependencies": { + "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0", + "react": "^16.8.0 || ^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/react-remove-scroll-bar": { + "version": "2.3.5", + "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.5.tgz", + "integrity": "sha512-3cqjOqg6s0XbOjWvmasmqHch+RLxIEk2r/70rzGXuz3iIGQsQheEQyqYCBb5EECoD01Vo2SIbDqW4paLeLTASw==", + "dev": true, + "dependencies": { + "react-style-singleton": "^2.2.1", + "tslib": "^2.0.0" + }, + "engines": { + "node": ">=10" + }, + "peerDependencies": { + "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0", + "react": "^16.8.0 || ^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/react-shallow-renderer": { + "version": "16.15.0", + "resolved": "https://registry.npmjs.org/react-shallow-renderer/-/react-shallow-renderer-16.15.0.tgz", + "integrity": "sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==", + "dev": true, + "dependencies": { + "object-assign": "^4.1.1", + "react-is": "^16.12.0 || ^17.0.0 || ^18.0.0" + }, + "peerDependencies": { + "react": "^16.0.0 || ^17.0.0 || ^18.0.0" + } + }, + "node_modules/react-style-singleton": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz", + "integrity": "sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==", + "dev": true, + "dependencies": { + "get-nonce": "^1.0.0", + "invariant": "^2.2.4", + "tslib": "^2.0.0" + }, + "engines": { + "node": ">=10" + }, + "peerDependencies": { + "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0", + "react": "^16.8.0 || ^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/read-pkg": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz", + "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==", + "dev": true, + "dependencies": { + "@types/normalize-package-data": "^2.4.0", + "normalize-package-data": "^2.5.0", + "parse-json": "^5.0.0", + "type-fest": "^0.6.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/read-pkg-up": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz", + "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==", + "dev": true, + "dependencies": { + "find-up": "^4.1.0", + "read-pkg": "^5.2.0", + "type-fest": "^0.8.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/read-pkg-up/node_modules/find-up": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", + "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", + "dev": true, + "dependencies": { + "locate-path": "^5.0.0", + "path-exists": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/read-pkg-up/node_modules/locate-path": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", + "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", + "dev": true, + "dependencies": { + "p-locate": "^4.1.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/read-pkg-up/node_modules/p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dev": true, + "dependencies": { + "p-try": "^2.0.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/read-pkg-up/node_modules/p-locate": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", + "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", + "dev": true, + "dependencies": { + "p-limit": "^2.2.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/read-pkg-up/node_modules/type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/read-pkg/node_modules/parse-json": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz", + "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.0.0", + "error-ex": "^1.3.1", + "json-parse-even-better-errors": "^2.3.0", + "lines-and-columns": "^1.1.6" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/read-pkg/node_modules/type-fest": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz", + "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/readable-stream": { + "version": "3.6.2", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", + "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", + "dev": true, + "dependencies": { + "inherits": "^2.0.3", + "string_decoder": "^1.1.1", + "util-deprecate": "^1.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/readline": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/readline/-/readline-1.3.0.tgz", + "integrity": "sha512-k2d6ACCkiNYz222Fs/iNze30rRJ1iIicW7JuX/7/cozvih6YCkFZH+J6mAFDVgv0dRBaAyr4jDqC95R2y4IADg==", + "dev": true + }, + "node_modules/recast": { + "version": "0.23.5", + "resolved": "https://registry.npmjs.org/recast/-/recast-0.23.5.tgz", + "integrity": "sha512-M67zIddJiwXdfPQRYKJ0qZO1SLdH1I0hYeb0wzxA+pNOvAZiQHulWzuk+fYsEWRQ8VfZrgjyucqsCOtCyM01/A==", + "dev": true, + "dependencies": { + "ast-types": "^0.16.1", + "esprima": "~4.0.0", + "source-map": "~0.6.1", + "tiny-invariant": "^1.3.3", + "tslib": "^2.0.1" + }, + "engines": { + "node": ">= 4" + } + }, + "node_modules/recast/node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/regenerate": { + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz", + "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==", + "dev": true + }, + "node_modules/regenerate-unicode-properties": { + "version": "10.1.1", + "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz", + "integrity": "sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==", + "dev": true, + "dependencies": { + "regenerate": "^1.4.2" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/regenerator-runtime": { + "version": "0.14.1", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz", + "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==", + "dev": true + }, + "node_modules/regenerator-transform": { + "version": "0.15.2", + "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz", + "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.8.4" + } + }, + "node_modules/regexp.prototype.flags": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz", + "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.2", + "define-properties": "^1.2.0", + "set-function-name": "^2.0.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/regexpu-core": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz", + "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==", + "dev": true, + "dependencies": { + "@babel/regjsgen": "^0.8.0", + "regenerate": "^1.4.2", + "regenerate-unicode-properties": "^10.1.0", + "regjsparser": "^0.9.1", + "unicode-match-property-ecmascript": "^2.0.0", + "unicode-match-property-value-ecmascript": "^2.1.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/regjsparser": { + "version": "0.9.1", + "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz", + "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==", + "dev": true, + "dependencies": { + "jsesc": "~0.5.0" + }, + "bin": { + "regjsparser": "bin/parser" + } + }, + "node_modules/regjsparser/node_modules/jsesc": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz", + "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==", + "dev": true, + "bin": { + "jsesc": "bin/jsesc" + } + }, + "node_modules/remark-external-links": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/remark-external-links/-/remark-external-links-8.0.0.tgz", + "integrity": "sha512-5vPSX0kHoSsqtdftSHhIYofVINC8qmp0nctkeU9YoJwV3YfiBRiI6cbFRJ0oI/1F9xS+bopXG0m2KS8VFscuKA==", + "dev": true, + "dependencies": { + "extend": "^3.0.0", + "is-absolute-url": "^3.0.0", + "mdast-util-definitions": "^4.0.0", + "space-separated-tokens": "^1.0.0", + "unist-util-visit": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/remark-slug": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/remark-slug/-/remark-slug-6.1.0.tgz", + "integrity": "sha512-oGCxDF9deA8phWvxFuyr3oSJsdyUAxMFbA0mZ7Y1Sas+emILtO+e5WutF9564gDsEN4IXaQXm5pFo6MLH+YmwQ==", + "dev": true, + "dependencies": { + "github-slugger": "^1.0.0", + "mdast-util-to-string": "^1.0.0", + "unist-util-visit": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/require-directory": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", + "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/require-main-filename": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz", + "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==", + "dev": true + }, + "node_modules/resolve": { + "version": "1.22.8", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", + "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==", + "dev": true, + "dependencies": { + "is-core-module": "^2.13.0", + "path-parse": "^1.0.7", + "supports-preserve-symlinks-flag": "^1.0.0" + }, + "bin": { + "resolve": "bin/resolve" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/resolve-from": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz", + "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/restore-cursor": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz", + "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==", + "dev": true, + "dependencies": { + "onetime": "^5.1.0", + "signal-exit": "^3.0.2" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/reusify": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", + "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", + "dev": true, + "engines": { + "iojs": ">=1.0.0", + "node": ">=0.10.0" + } + }, + "node_modules/rimraf": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", + "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", + "dev": true, + "dependencies": { + "glob": "^7.1.3" + }, + "bin": { + "rimraf": "bin.js" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/rollup": { + "version": "3.29.4", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz", + "integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==", + "dev": true, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=14.18.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/run-parallel": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", + "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "dependencies": { + "queue-microtask": "^1.2.2" + } + }, + "node_modules/safe-buffer": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", + "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ] + }, + "node_modules/safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", + "dev": true + }, + "node_modules/scheduler": { + "version": "0.23.0", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz", + "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==", + "dev": true, + "dependencies": { + "loose-envify": "^1.1.0" + } + }, + "node_modules/schema-utils": { + "version": "2.7.1", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.1.tgz", + "integrity": "sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==", + "dev": true, + "dependencies": { + "@types/json-schema": "^7.0.5", + "ajv": "^6.12.4", + "ajv-keywords": "^3.5.2" + }, + "engines": { + "node": ">= 8.9.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + } + }, + "node_modules/semantic-ui-react": { + "version": "0.88.2", + "resolved": "https://registry.npmjs.org/semantic-ui-react/-/semantic-ui-react-0.88.2.tgz", + "integrity": "sha512-+02kN2z8PuA/cMdvDUsHhbJmBzxxgOXVHMFr9XK7zGb0wkW9A6OPQMFokWz7ozlVtKjN6r7zsb+Qvjk/qq1OWw==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.1.2", + "@semantic-ui-react/event-stack": "^3.1.0", + "@stardust-ui/react-component-event-listener": "~0.38.0", + "@stardust-ui/react-component-ref": "~0.38.0", + "classnames": "^2.2.6", + "keyboard-key": "^1.0.4", + "lodash": "^4.17.15", + "prop-types": "^15.7.2", + "react-is": "^16.8.6", + "react-popper": "^1.3.4", + "shallowequal": "^1.1.0" + }, + "peerDependencies": { + "react": "^16.8.0", + "react-dom": "^16.8.0" + } + }, + "node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/send": { + "version": "0.18.0", + "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz", + "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==", + "dev": true, + "dependencies": { + "debug": "2.6.9", + "depd": "2.0.0", + "destroy": "1.2.0", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "0.5.2", + "http-errors": "2.0.0", + "mime": "1.6.0", + "ms": "2.1.3", + "on-finished": "2.4.1", + "range-parser": "~1.2.1", + "statuses": "2.0.1" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/send/node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/send/node_modules/debug/node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + }, + "node_modules/send/node_modules/mime": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", + "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", + "dev": true, + "bin": { + "mime": "cli.js" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/send/node_modules/ms": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", + "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", + "dev": true + }, + "node_modules/serialize-error": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/serialize-error/-/serialize-error-2.1.0.tgz", + "integrity": "sha512-ghgmKt5o4Tly5yEG/UJp8qTd0AN7Xalw4XBtDEKP655B699qMEtra1WlXeE6WIvdEG481JvRxULKsInq/iNysw==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/serve-static": { + "version": "1.15.0", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz", + "integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==", + "dev": true, + "dependencies": { + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "parseurl": "~1.3.3", + "send": "0.18.0" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/set-blocking": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", + "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==", + "dev": true + }, + "node_modules/set-function-length": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.1.tgz", + "integrity": "sha512-j4t6ccc+VsKwYHso+kElc5neZpjtq9EnRICFZtWyBsLojhmeF/ZBd/elqm22WJh/BziDe/SBiOeAt0m2mfLD0g==", + "dev": true, + "dependencies": { + "define-data-property": "^1.1.2", + "es-errors": "^1.3.0", + "function-bind": "^1.1.2", + "get-intrinsic": "^1.2.3", + "gopd": "^1.0.1", + "has-property-descriptors": "^1.0.1" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/set-function-name": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz", + "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==", + "dev": true, + "dependencies": { + "define-data-property": "^1.0.1", + "functions-have-names": "^1.2.3", + "has-property-descriptors": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/setprototypeof": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", + "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==", + "dev": true + }, + "node_modules/shallow-clone": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz", + "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==", + "dev": true, + "dependencies": { + "kind-of": "^6.0.2" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/shallow-clone/node_modules/kind-of": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/shallowequal": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", + "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==", + "dev": true + }, + "node_modules/shebang-command": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", + "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", + "dev": true, + "dependencies": { + "shebang-regex": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/shebang-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/shell-quote": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz", + "integrity": "sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/side-channel": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz", + "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.7", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.4", + "object-inspect": "^1.13.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/signal-exit": { + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", + "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==", + "dev": true + }, + "node_modules/sisteransi": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz", + "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==", + "dev": true + }, + "node_modules/slash": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz", + "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/slice-ansi": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz", + "integrity": "sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==", + "dev": true, + "dependencies": { + "ansi-styles": "^3.2.0", + "astral-regex": "^1.0.0", + "is-fullwidth-code-point": "^2.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/source-map-js": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", + "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/source-map-support": { + "version": "0.5.21", + "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz", + "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==", + "dev": true, + "dependencies": { + "buffer-from": "^1.0.0", + "source-map": "^0.6.0" + } + }, + "node_modules/source-map-support/node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/space-separated-tokens": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-1.1.5.tgz", + "integrity": "sha512-q/JSVd1Lptzhf5bkYm4ob4iWPjx0KiRe3sRFBNrVqbJkFaBm5vbbowy1mymoPNLRa52+oadOhJ+K49wsSeSjTA==", + "dev": true, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/spdx-correct": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz", + "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==", + "dev": true, + "dependencies": { + "spdx-expression-parse": "^3.0.0", + "spdx-license-ids": "^3.0.0" + } + }, + "node_modules/spdx-exceptions": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz", + "integrity": "sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==", + "dev": true + }, + "node_modules/spdx-expression-parse": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz", + "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==", + "dev": true, + "dependencies": { + "spdx-exceptions": "^2.1.0", + "spdx-license-ids": "^3.0.0" + } + }, + "node_modules/spdx-license-ids": { + "version": "3.0.17", + "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.17.tgz", + "integrity": "sha512-sh8PWc/ftMqAAdFiBu6Fy6JUOYjqDJBJvIhpfDMyHrr0Rbp5liZqd4TjtQ/RgfLjKFZb+LMx5hpml5qOWy0qvg==", + "dev": true + }, + "node_modules/sprintf-js": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", + "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==", + "dev": true + }, + "node_modules/stack-utils": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz", + "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==", + "dev": true, + "dependencies": { + "escape-string-regexp": "^2.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/stack-utils/node_modules/escape-string-regexp": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz", + "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/stackframe": { + "version": "1.3.4", + "resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.3.4.tgz", + "integrity": "sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==", + "dev": true + }, + "node_modules/stacktrace-parser": { + "version": "0.1.10", + "resolved": "https://registry.npmjs.org/stacktrace-parser/-/stacktrace-parser-0.1.10.tgz", + "integrity": "sha512-KJP1OCML99+8fhOHxwwzyWrlUuVX5GQ0ZpJTd1DFXhdkrvg1szxfHhawXUZ3g9TkXORQd4/WG68jMlQZ2p8wlg==", + "dev": true, + "dependencies": { + "type-fest": "^0.7.1" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/stacktrace-parser/node_modules/type-fest": { + "version": "0.7.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.7.1.tgz", + "integrity": "sha512-Ne2YiiGN8bmrmJJEuTWTLJR32nh/JdL1+PSicowtNb0WFpn59GK8/lfD61bVtzguz7b3PBt74nxpv/Pw5po5Rg==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/statuses": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", + "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/store2": { + "version": "2.14.3", + "resolved": "https://registry.npmjs.org/store2/-/store2-2.14.3.tgz", + "integrity": "sha512-4QcZ+yx7nzEFiV4BMLnr/pRa5HYzNITX2ri0Zh6sT9EyQHbBHacC6YigllUPU9X3D0f/22QCgfokpKs52YRrUg==", + "dev": true + }, + "node_modules/storeon": { + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/storeon/-/storeon-3.1.5.tgz", + "integrity": "sha512-VuW4GQr3LGQr+gqscqsOz2c9asK9N+B+8+sWs7Pj4OqU7bngYIqsPF3IYpkbmccKNWjs7wwxUAlR+gtL9cEMEg==", + "engines": { + "node": ">=10.0.0" + }, + "peerDependencies": { + "preact": ">=10.0.0", + "react": ">=16.8.0" + }, + "peerDependenciesMeta": { + "preact": { + "optional": true + }, + "react": { + "optional": true + } + } + }, + "node_modules/storybook": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/storybook/-/storybook-7.6.17.tgz", + "integrity": "sha512-8+EIo91bwmeFWPg1eysrxXlhIYv3OsXrznTr4+4Eq0NikqAoq6oBhtlN5K2RGS2lBVF537eN+9jTCNbR+WrzDA==", + "dev": true, + "dependencies": { + "@storybook/cli": "7.6.17" + }, + "bin": { + "sb": "index.js", + "storybook": "index.js" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + } + }, + "node_modules/stream-shift": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.3.tgz", + "integrity": "sha512-76ORR0DO1o1hlKwTbi/DM3EXWGf3ZJYO8cXX5RJwnul2DEg2oyoZyjLNoQM8WsvZiFKCRfC1O0J7iCvie3RZmQ==", + "dev": true + }, + "node_modules/string_decoder": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", + "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", + "dev": true, + "dependencies": { + "safe-buffer": "~5.2.0" + } + }, + "node_modules/string-argv": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz", + "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==", + "dev": true, + "engines": { + "node": ">=0.6.19" + } + }, + "node_modules/string-width": { + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "dependencies": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/string-width-cjs": { + "name": "string-width", + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "dependencies": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/string-width-cjs/node_modules/is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/string-width-cjs/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/string-width/node_modules/is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/string-width/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/strip-ansi": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", + "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", + "dev": true, + "dependencies": { + "ansi-regex": "^4.1.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/strip-ansi-cjs": { + "name": "strip-ansi", + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/strip-ansi/node_modules/ansi-regex": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz", + "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/strip-final-newline": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz", + "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/strip-indent": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-4.0.0.tgz", + "integrity": "sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==", + "dev": true, + "dependencies": { + "min-indent": "^1.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/strip-json-comments": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz", + "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==", + "dev": true, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/strnum": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/strnum/-/strnum-1.0.5.tgz", + "integrity": "sha512-J8bbNyKKXl5qYcR36TIO8W3mVGVHrmmxsd5PAItGkmyzwJvybiw2IVq5nqd0i4LSNSkB/sx9VHllbfFdr9k1JA==", + "dev": true + }, + "node_modules/styled-components": { + "version": "5.3.1", + "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.1.tgz", + "integrity": "sha512-JThv2JRzyH0NOIURrk9iskdxMSAAtCfj/b2Sf1WJaCUsloQkblepy1jaCLX/bYE+mhYo3unmwVSI9I5d9ncSiQ==", + "dev": true, + "dependencies": { + "@babel/helper-module-imports": "^7.0.0", + "@babel/traverse": "^7.4.5", + "@emotion/is-prop-valid": "^0.8.8", + "@emotion/stylis": "^0.8.4", + "@emotion/unitless": "^0.7.4", + "babel-plugin-styled-components": ">= 1.12.0", + "css-to-react-native": "^3.0.0", + "hoist-non-react-statics": "^3.0.0", + "shallowequal": "^1.1.0", + "supports-color": "^5.5.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/styled-components" + }, + "peerDependencies": { + "react": ">= 16.8.0", + "react-dom": ">= 16.8.0", + "react-is": ">= 16.8.0" + } + }, + "node_modules/sudo-prompt": { + "version": "9.2.1", + "resolved": "https://registry.npmjs.org/sudo-prompt/-/sudo-prompt-9.2.1.tgz", + "integrity": "sha512-Mu7R0g4ig9TUuGSxJavny5Rv0egCEtpZRNMrZaYS1vxkiIxGiGUwoezU3LazIQ+KE04hTrTfNPgxU5gzi7F5Pw==", + "dev": true + }, + "node_modules/supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dependencies": { + "has-flag": "^3.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/supports-preserve-symlinks-flag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", + "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", + "dev": true, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/synchronous-promise": { + "version": "2.0.17", + "resolved": "https://registry.npmjs.org/synchronous-promise/-/synchronous-promise-2.0.17.tgz", + "integrity": "sha512-AsS729u2RHUfEra9xJrE39peJcc2stq2+poBXX8bcM08Y6g9j/i/PUzwNQqkaJde7Ntg1TO7bSREbR5sdosQ+g==", + "dev": true + }, + "node_modules/tar": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz", + "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==", + "dev": true, + "dependencies": { + "chownr": "^2.0.0", + "fs-minipass": "^2.0.0", + "minipass": "^5.0.0", + "minizlib": "^2.1.1", + "mkdirp": "^1.0.3", + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/tar-fs": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz", + "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==", + "dev": true, + "dependencies": { + "chownr": "^1.1.1", + "mkdirp-classic": "^0.5.2", + "pump": "^3.0.0", + "tar-stream": "^2.1.4" + } + }, + "node_modules/tar-fs/node_modules/chownr": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz", + "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==", + "dev": true + }, + "node_modules/tar-stream": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz", + "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==", + "dev": true, + "dependencies": { + "bl": "^4.0.3", + "end-of-stream": "^1.4.1", + "fs-constants": "^1.0.0", + "inherits": "^2.0.3", + "readable-stream": "^3.1.1" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/tar/node_modules/mkdirp": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", + "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==", + "dev": true, + "bin": { + "mkdirp": "bin/cmd.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/tar/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, + "node_modules/telejson": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/telejson/-/telejson-7.2.0.tgz", + "integrity": "sha512-1QTEcJkJEhc8OnStBx/ILRu5J2p0GjvWsBx56bmZRqnrkdBMUe+nX92jxV+p3dB4CP6PZCdJMQJwCggkNBMzkQ==", + "dev": true, + "dependencies": { + "memoizerific": "^1.11.3" + } + }, + "node_modules/temp": { + "version": "0.8.4", + "resolved": "https://registry.npmjs.org/temp/-/temp-0.8.4.tgz", + "integrity": "sha512-s0ZZzd0BzYv5tLSptZooSjK8oj6C+c19p7Vqta9+6NPOf7r+fxq0cJe6/oN4LTC79sy5NY8ucOJNgwsKCSbfqg==", + "dev": true, + "dependencies": { + "rimraf": "~2.6.2" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/temp-dir": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/temp-dir/-/temp-dir-2.0.0.tgz", + "integrity": "sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/temp/node_modules/rimraf": { + "version": "2.6.3", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz", + "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==", + "dev": true, + "dependencies": { + "glob": "^7.1.3" + }, + "bin": { + "rimraf": "bin.js" + } + }, + "node_modules/tempy": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/tempy/-/tempy-1.0.1.tgz", + "integrity": "sha512-biM9brNqxSc04Ee71hzFbryD11nX7VPhQQY32AdDmjFvodsRFz/3ufeoTZ6uYkRFfGo188tENcASNs3vTdsM0w==", + "dev": true, + "dependencies": { + "del": "^6.0.0", + "is-stream": "^2.0.0", + "temp-dir": "^2.0.0", + "type-fest": "^0.16.0", + "unique-string": "^2.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/tempy/node_modules/type-fest": { + "version": "0.16.0", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.16.0.tgz", + "integrity": "sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/terser": { + "version": "5.27.0", + "resolved": "https://registry.npmjs.org/terser/-/terser-5.27.0.tgz", + "integrity": "sha512-bi1HRwVRskAjheeYl291n3JC4GgO/Ty4z1nVs5AAsmonJulGxpSektecnNedrwK9C7vpvVtcX3cw00VSLt7U2A==", + "dev": true, + "dependencies": { + "@jridgewell/source-map": "^0.3.3", + "acorn": "^8.8.2", + "commander": "^2.20.0", + "source-map-support": "~0.5.20" + }, + "bin": { + "terser": "bin/terser" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/terser/node_modules/acorn": { + "version": "8.11.3", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz", + "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==", + "dev": true, + "bin": { + "acorn": "bin/acorn" + }, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/terser/node_modules/commander": { + "version": "2.20.3", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", + "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", + "dev": true + }, + "node_modules/test-exclude": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz", + "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==", + "dev": true, + "dependencies": { + "@istanbuljs/schema": "^0.1.2", + "glob": "^7.1.4", + "minimatch": "^3.0.4" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/throat": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/throat/-/throat-5.0.0.tgz", + "integrity": "sha512-fcwX4mndzpLQKBS1DVYhGAcYaYt7vsHNIvQV+WXMvnow5cgjPphq5CaayLaGsjRdSCKZFNGt7/GYAuXaNOiYCA==", + "dev": true + }, + "node_modules/through2": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz", + "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==", + "dev": true, + "dependencies": { + "readable-stream": "~2.3.6", + "xtend": "~4.0.1" + } + }, + "node_modules/through2/node_modules/readable-stream": { + "version": "2.3.8", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz", + "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==", + "dev": true, + "dependencies": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + } + }, + "node_modules/through2/node_modules/safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true + }, + "node_modules/through2/node_modules/string_decoder": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "dev": true, + "dependencies": { + "safe-buffer": "~5.1.0" + } + }, + "node_modules/tiny-invariant": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz", + "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==", + "dev": true + }, + "node_modules/tmpl": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz", + "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==", + "dev": true + }, + "node_modules/to-fast-properties": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", + "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", + "engines": { + "node": ">=4" + } + }, + "node_modules/tocbot": { + "version": "4.25.0", + "resolved": "https://registry.npmjs.org/tocbot/-/tocbot-4.25.0.tgz", + "integrity": "sha512-kE5wyCQJ40hqUaRVkyQ4z5+4juzYsv/eK+aqD97N62YH0TxFhzJvo22RUQQZdO3YnXAk42ZOfOpjVdy+Z0YokA==", + "dev": true + }, + "node_modules/toidentifier": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz", + "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==", + "dev": true, + "engines": { + "node": ">=0.6" + } + }, + "node_modules/tr46": { + "version": "0.0.3", + "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz", + "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==", + "dev": true + }, + "node_modules/ts-dedent": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.2.0.tgz", + "integrity": "sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==", + "dev": true, + "engines": { + "node": ">=6.10" + } + }, + "node_modules/ts-invariant": { + "version": "0.10.3", + "resolved": "https://registry.npmjs.org/ts-invariant/-/ts-invariant-0.10.3.tgz", + "integrity": "sha512-uivwYcQaxAucv1CzRp2n/QdYPo4ILf9VXgH19zEIjFx2EJufV16P0JtJVpYHy89DItG6Kwj2oIUjrcK5au+4tQ==", + "dependencies": { + "tslib": "^2.1.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/tslib": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", + "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==" + }, + "node_modules/tsutils": { + "version": "3.21.0", + "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz", + "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==", + "dev": true, + "dependencies": { + "tslib": "^1.8.1" + }, + "engines": { + "node": ">= 6" + }, + "peerDependencies": { + "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta" + } + }, + "node_modules/tsutils/node_modules/tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", + "dev": true + }, + "node_modules/type-coverage-core": { + "version": "2.27.1", + "resolved": "https://registry.npmjs.org/type-coverage-core/-/type-coverage-core-2.27.1.tgz", + "integrity": "sha512-W+PMYbhUsq+UWkrb7UkmyO7zF3zt4qZuQukyDM6eaiCIkMJclcVmR3O02clDk4FKpKPbzHictOmoIu3fYp+53g==", + "dev": true, + "dependencies": { + "fast-glob": "3", + "minimatch": "6 || 7 || 8 || 9", + "normalize-path": "3", + "tslib": "1 || 2", + "tsutils": "3" + }, + "peerDependencies": { + "typescript": "2 || 3 || 4 || 5" + } + }, + "node_modules/type-coverage-core/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/type-coverage-core/node_modules/minimatch": { + "version": "9.0.3", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz", + "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==", + "dev": true, + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/type-detect": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz", + "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/type-fest": { + "version": "2.19.0", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz", + "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==", + "dev": true, + "engines": { + "node": ">=12.20" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/type-is": { + "version": "1.6.18", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz", + "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==", + "dev": true, + "dependencies": { + "media-typer": "0.3.0", + "mime-types": "~2.1.24" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/typed-styles": { + "version": "0.0.7", + "resolved": "https://registry.npmjs.org/typed-styles/-/typed-styles-0.0.7.tgz", + "integrity": "sha512-pzP0PWoZUhsECYjABgCGQlRGL1n7tOHsgwYv3oIiEpJwGhFTuty/YNeduxQYzXXa3Ge5BdT6sHYIQYpl4uJ+5Q==", + "dev": true + }, + "node_modules/typedarray": { + "version": "0.0.6", + "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz", + "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==", + "dev": true + }, + "node_modules/typescript": { + "version": "4.2.4", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.2.4.tgz", + "integrity": "sha512-V+evlYHZnQkaz8TRBuxTA92yZBPotr5H+WhQ7bD3hZUndx5tGOa1fuCgeSjxAzM1RiN5IzvadIXTVefuuwZCRg==", + "dev": true, + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=4.2.0" + } + }, + "node_modules/typescript-coverage-report": { + "version": "0.7.0", + "resolved": "https://registry.npmjs.org/typescript-coverage-report/-/typescript-coverage-report-0.7.0.tgz", + "integrity": "sha512-ODeA510qAN2C76NjDCoZj2wcGGkkuaf2FQJElyJS9ABmGbpkgrhtoWOfiKkoeaPHkvysqOfhFEVUWNrOUlww7w==", + "dev": true, + "dependencies": { + "chalk": "^4.0.0", + "cli-table3": "^0.6.1", + "commander": "^5.0.0", + "ncp": "^2.0.0", + "react": "^16.13.1", + "react-dom": "^16.13.1", + "rimraf": "^3.0.2", + "semantic-ui-react": "^0.88.2", + "type-coverage-core": "^2.23.0" + }, + "bin": { + "typescript-coverage-report": "dist/bin/typescript-coverage-report.js" + }, + "peerDependencies": { + "typescript": "2 || 3 || 4" + } + }, + "node_modules/typescript-coverage-report/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/typescript-coverage-report/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/typescript-coverage-report/node_modules/commander": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-5.1.0.tgz", + "integrity": "sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==", + "dev": true, + "engines": { + "node": ">= 6" + } + }, + "node_modules/typescript-coverage-report/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/typescript-coverage-report/node_modules/react": { + "version": "16.14.0", + "resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz", + "integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==", + "dev": true, + "dependencies": { + "loose-envify": "^1.1.0", + "object-assign": "^4.1.1", + "prop-types": "^15.6.2" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/typescript-coverage-report/node_modules/react-dom": { + "version": "16.14.0", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.14.0.tgz", + "integrity": "sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==", + "dev": true, + "dependencies": { + "loose-envify": "^1.1.0", + "object-assign": "^4.1.1", + "prop-types": "^15.6.2", + "scheduler": "^0.19.1" + }, + "peerDependencies": { + "react": "^16.14.0" + } + }, + "node_modules/typescript-coverage-report/node_modules/scheduler": { + "version": "0.19.1", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz", + "integrity": "sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==", + "dev": true, + "dependencies": { + "loose-envify": "^1.1.0", + "object-assign": "^4.1.1" + } + }, + "node_modules/typescript-coverage-report/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/ufo": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.4.0.tgz", + "integrity": "sha512-Hhy+BhRBleFjpJ2vchUNN40qgkh0366FWJGqVLYBHev0vpHTrXSA0ryT+74UiW6KWsldNurQMKGqCm1M2zBciQ==", + "dev": true + }, + "node_modules/uglify-js": { + "version": "3.17.4", + "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.17.4.tgz", + "integrity": "sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==", + "dev": true, + "optional": true, + "bin": { + "uglifyjs": "bin/uglifyjs" + }, + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/undici-types": { + "version": "5.26.5", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz", + "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==", + "dev": true + }, + "node_modules/unicode-canonical-property-names-ecmascript": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz", + "integrity": "sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/unicode-match-property-ecmascript": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz", + "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==", + "dev": true, + "dependencies": { + "unicode-canonical-property-names-ecmascript": "^2.0.0", + "unicode-property-aliases-ecmascript": "^2.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/unicode-match-property-value-ecmascript": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz", + "integrity": "sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/unicode-property-aliases-ecmascript": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz", + "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/unique-string": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/unique-string/-/unique-string-2.0.0.tgz", + "integrity": "sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==", + "dev": true, + "dependencies": { + "crypto-random-string": "^2.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/unist-util-is": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-4.1.0.tgz", + "integrity": "sha512-ZOQSsnce92GrxSqlnEEseX0gi7GH9zTJZ0p9dtu87WRb/37mMPO2Ilx1s/t9vBHrFhbgweUwb+t7cIn5dxPhZg==", + "dev": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/unist-util-visit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-2.0.3.tgz", + "integrity": "sha512-iJ4/RczbJMkD0712mGktuGpm/U4By4FfDonL7N/9tATGIF4imikjOuagyMY53tnZq3NP6BcmlrHhEKAfGWjh7Q==", + "dev": true, + "dependencies": { + "@types/unist": "^2.0.0", + "unist-util-is": "^4.0.0", + "unist-util-visit-parents": "^3.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/unist-util-visit-parents": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-3.1.1.tgz", + "integrity": "sha512-1KROIZWo6bcMrZEwiH2UrXDyalAa0uqzWCxCJj6lPOvTve2WkfgCytoDTPaMnodXh1WrXOq0haVYHj99ynJlsg==", + "dev": true, + "dependencies": { + "@types/unist": "^2.0.0", + "unist-util-is": "^4.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/universalify": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", + "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==", + "dev": true, + "engines": { + "node": ">= 4.0.0" + } + }, + "node_modules/unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/unplugin": { + "version": "1.8.2", + "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.8.2.tgz", + "integrity": "sha512-fgldo8hwP8dV94ne3rwQqlZkZWdcqH4K48bXax+N0MrBapfvoTbIQt9L2Vj/DzZAbWI/+kd2b9ZDsB7QZgz/hw==", + "dev": true, + "dependencies": { + "acorn": "^8.11.3", + "chokidar": "^3.6.0", + "webpack-sources": "^3.2.3", + "webpack-virtual-modules": "^0.6.1" + } + }, + "node_modules/unplugin/node_modules/acorn": { + "version": "8.11.3", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz", + "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==", + "dev": true, + "bin": { + "acorn": "bin/acorn" + }, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/untildify": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/untildify/-/untildify-2.1.0.tgz", + "integrity": "sha512-sJjbDp2GodvkB0FZZcn7k6afVisqX5BZD7Yq3xp4nN2O15BBK0cLm3Vwn2vQaF7UDS0UUsrQMkkplmDI5fskig==", + "dev": true, + "dependencies": { + "os-homedir": "^1.0.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/update-browserslist-db": { + "version": "1.0.13", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz", + "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "escalade": "^3.1.1", + "picocolors": "^1.0.0" + }, + "bin": { + "update-browserslist-db": "cli.js" + }, + "peerDependencies": { + "browserslist": ">= 4.21.0" + } + }, + "node_modules/uri-js": { + "version": "4.4.1", + "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", + "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==", + "dev": true, + "dependencies": { + "punycode": "^2.1.0" + } + }, + "node_modules/use-callback-ref": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.1.tgz", + "integrity": "sha512-Lg4Vx1XZQauB42Hw3kK7JM6yjVjgFmFC5/Ab797s79aARomD2nEErc4mCgM8EZrARLmmbWpi5DGCadmK50DcAQ==", + "dev": true, + "dependencies": { + "tslib": "^2.0.0" + }, + "engines": { + "node": ">=10" + }, + "peerDependencies": { + "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0", + "react": "^16.8.0 || ^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/use-resize-observer": { + "version": "9.1.0", + "resolved": "https://registry.npmjs.org/use-resize-observer/-/use-resize-observer-9.1.0.tgz", + "integrity": "sha512-R25VqO9Wb3asSD4eqtcxk8sJalvIOYBqS8MNZlpDSQ4l4xMQxC/J7Id9HoTqPq8FwULIn0PVW+OAqF2dyYbjow==", + "dev": true, + "dependencies": { + "@juggle/resize-observer": "^3.3.1" + }, + "peerDependencies": { + "react": "16.8.0 - 18", + "react-dom": "16.8.0 - 18" + } + }, + "node_modules/use-sidecar": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz", + "integrity": "sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==", + "dev": true, + "dependencies": { + "detect-node-es": "^1.1.0", + "tslib": "^2.0.0" + }, + "engines": { + "node": ">=10" + }, + "peerDependencies": { + "@types/react": "^16.9.0 || ^17.0.0 || ^18.0.0", + "react": "^16.8.0 || ^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/util": { + "version": "0.12.5", + "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz", + "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==", + "dev": true, + "dependencies": { + "inherits": "^2.0.3", + "is-arguments": "^1.0.4", + "is-generator-function": "^1.0.7", + "is-typed-array": "^1.1.3", + "which-typed-array": "^1.1.2" + } + }, + "node_modules/util-deprecate": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", + "dev": true + }, + "node_modules/utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==", + "dev": true, + "engines": { + "node": ">= 0.4.0" + } + }, + "node_modules/uuid": { + "version": "9.0.1", + "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz", + "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==", + "dev": true, + "funding": [ + "https://github.com/sponsors/broofa", + "https://github.com/sponsors/ctavan" + ], + "bin": { + "uuid": "dist/bin/uuid" + } + }, + "node_modules/validate-npm-package-license": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", + "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==", + "dev": true, + "dependencies": { + "spdx-correct": "^3.0.0", + "spdx-expression-parse": "^3.0.0" + } + }, + "node_modules/validator": { + "version": "13.11.0", + "resolved": "https://registry.npmjs.org/validator/-/validator-13.11.0.tgz", + "integrity": "sha512-Ii+sehpSfZy+At5nPdnyMhx78fEoPDkR2XW/zimHEL3MyGJQOCQ7WeP20jPYRz7ZCpcKLB21NxuXHF3bxjStBQ==", + "dev": true, + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/vite": { + "version": "4.5.3", + "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.3.tgz", + "integrity": "sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==", + "dev": true, + "dependencies": { + "esbuild": "^0.18.10", + "postcss": "^8.4.27", + "rollup": "^3.27.1" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^14.18.0 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + }, + "peerDependencies": { + "@types/node": ">= 14", + "less": "*", + "lightningcss": "^1.21.0", + "sass": "*", + "stylus": "*", + "sugarss": "*", + "terser": "^5.4.0" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "less": { + "optional": true + }, + "lightningcss": { + "optional": true + }, + "sass": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + } + } + }, + "node_modules/vlq": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/vlq/-/vlq-1.0.1.tgz", + "integrity": "sha512-gQpnTgkubC6hQgdIcRdYGDSDc+SaujOdyesZQMv6JlfQee/9Mp0Qhnys6WxDWvQnL5WZdT7o2Ul187aSt0Rq+w==", + "dev": true + }, + "node_modules/walker": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz", + "integrity": "sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==", + "dev": true, + "dependencies": { + "makeerror": "1.0.12" + } + }, + "node_modules/warning": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz", + "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==", + "dependencies": { + "loose-envify": "^1.0.0" + } + }, + "node_modules/watchpack": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz", + "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==", + "dev": true, + "dependencies": { + "glob-to-regexp": "^0.4.1", + "graceful-fs": "^4.1.2" + }, + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/wcwidth": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz", + "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==", + "dev": true, + "dependencies": { + "defaults": "^1.0.3" + } + }, + "node_modules/webidl-conversions": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz", + "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==", + "dev": true + }, + "node_modules/webpack-sources": { + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz", + "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==", + "dev": true, + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/webpack-virtual-modules": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.1.tgz", + "integrity": "sha512-poXpCylU7ExuvZK8z+On3kX+S8o/2dQ/SVYueKA0D4WEMXROXgY8Ez50/bQEUmvoSMMrWcrJqCHuhAbsiwg7Dg==", + "dev": true + }, + "node_modules/whatwg-fetch": { + "version": "3.6.20", + "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.20.tgz", + "integrity": "sha512-EqhiFU6daOA8kpjOWTL0olhVOF3i7OrFzSYiGsEMB8GcXS+RrzauAERX65xMeNWVqxA6HXH2m69Z9LaKKdisfg==", + "dev": true + }, + "node_modules/whatwg-url": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz", + "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==", + "dev": true, + "dependencies": { + "tr46": "~0.0.3", + "webidl-conversions": "^3.0.0" + } + }, + "node_modules/which": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", + "dev": true, + "dependencies": { + "isexe": "^2.0.0" + }, + "bin": { + "node-which": "bin/node-which" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/which-module": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz", + "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==", + "dev": true + }, + "node_modules/which-typed-array": { + "version": "1.1.14", + "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.14.tgz", + "integrity": "sha512-VnXFiIW8yNn9kIHN88xvZ4yOWchftKDsRJ8fEPacX/wl1lOvBrhsJ/OeJCXq7B0AaijRuqgzSKalJoPk+D8MPg==", + "dev": true, + "dependencies": { + "available-typed-arrays": "^1.0.6", + "call-bind": "^1.0.5", + "for-each": "^0.3.3", + "gopd": "^1.0.1", + "has-tostringtag": "^1.0.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/wordwrap": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz", + "integrity": "sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==", + "dev": true + }, + "node_modules/wrap-ansi": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, + "node_modules/wrap-ansi-cjs": { + "name": "wrap-ansi", + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, + "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/wrap-ansi/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/wrap-ansi/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/wrappy": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", + "dev": true + }, + "node_modules/write-file-atomic": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz", + "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==", + "dev": true, + "dependencies": { + "imurmurhash": "^0.1.4", + "signal-exit": "^3.0.7" + }, + "engines": { + "node": "^12.13.0 || ^14.15.0 || >=16.0.0" + } + }, + "node_modules/ws": { + "version": "6.2.2", + "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz", + "integrity": "sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==", + "dev": true, + "dependencies": { + "async-limiter": "~1.0.0" + } + }, + "node_modules/xtend": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", + "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==", + "dev": true, + "engines": { + "node": ">=0.4" + } + }, + "node_modules/y18n": { + "version": "5.0.8", + "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz", + "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==", + "dev": true, + "engines": { + "node": ">=10" + } + }, + "node_modules/yallist": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", + "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==" + }, + "node_modules/yaml": { + "version": "2.3.4", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz", + "integrity": "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==", + "dev": true, + "engines": { + "node": ">= 14" + } + }, + "node_modules/yargs": { + "version": "17.7.2", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz", + "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==", + "dev": true, + "dependencies": { + "cliui": "^8.0.1", + "escalade": "^3.1.1", + "get-caller-file": "^2.0.5", + "require-directory": "^2.1.1", + "string-width": "^4.2.3", + "y18n": "^5.0.5", + "yargs-parser": "^21.1.1" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/yargs-parser": { + "version": "21.1.1", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz", + "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==", + "dev": true, + "engines": { + "node": ">=12" + } + }, + "node_modules/yauzl": { + "version": "2.10.0", + "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz", + "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==", + "dev": true, + "dependencies": { + "buffer-crc32": "~0.2.3", + "fd-slicer": "~1.1.0" + } + }, + "node_modules/yocto-queue": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", + "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/z-schema": { + "version": "5.0.5", + "resolved": "https://registry.npmjs.org/z-schema/-/z-schema-5.0.5.tgz", + "integrity": "sha512-D7eujBWkLa3p2sIpJA0d1pr7es+a7m0vFAnZLlCEKq/Ij2k0MLi9Br2UPxoxdYystm5K1yeBGzub0FlYUEWj2Q==", + "dev": true, + "dependencies": { + "lodash.get": "^4.4.2", + "lodash.isequal": "^4.5.0", + "validator": "^13.7.0" + }, + "bin": { + "z-schema": "bin/z-schema" + }, + "engines": { + "node": ">=8.0.0" + }, + "optionalDependencies": { + "commander": "^9.4.1" + } + }, + "node_modules/z-schema/node_modules/commander": { + "version": "9.5.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz", + "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==", + "dev": true, + "optional": true, + "engines": { + "node": "^12.20.0 || >=14" + } + } + }, + "dependencies": { + "@ampproject/remapping": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz", + "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==", + "requires": { + "@jridgewell/gen-mapping": "^0.3.0", + "@jridgewell/trace-mapping": "^0.3.9" + } + }, + "@aw-web-design/x-default-browser": { + "version": "1.4.126", + "resolved": "https://registry.npmjs.org/@aw-web-design/x-default-browser/-/x-default-browser-1.4.126.tgz", + "integrity": "sha512-Xk1sIhyNC/esHGGVjL/niHLowM0csl/kFO5uawBy4IrWwy0o1G8LGt3jP6nmWGz+USxeeqbihAmp/oVZju6wug==", + "dev": true, + "requires": { + "default-browser-id": "3.0.0" + }, + "dependencies": { + "bplist-parser": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.2.0.tgz", + "integrity": "sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==", + "dev": true, + "requires": { + "big-integer": "^1.6.44" + } + }, + "default-browser-id": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-3.0.0.tgz", + "integrity": "sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==", + "dev": true, + "requires": { + "bplist-parser": "^0.2.0", + "untildify": "^4.0.0" + } + }, + "untildify": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz", + "integrity": "sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==", + "dev": true + } + } + }, + "@babel/cli": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/cli/-/cli-7.24.1.tgz", + "integrity": "sha512-HbmrtxyFUr34LwAlV9jS+sSIjUp4FpdtIMGwgufY3AsxrIfsh/HxlMTywsONAZsU0RMYbZtbZFpUCrSGs7o0EA==", + "dev": true, + "requires": { + "@jridgewell/trace-mapping": "^0.3.25", + "@nicolo-ribaudo/chokidar-2": "2.1.8-no-fsevents.3", + "chokidar": "^3.4.0", + "commander": "^4.0.1", + "convert-source-map": "^2.0.0", + "fs-readdir-recursive": "^1.1.0", + "glob": "^7.2.0", + "make-dir": "^2.1.0", + "slash": "^2.0.0" + } + }, + "@babel/code-frame": { + "version": "7.24.2", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.2.tgz", + "integrity": "sha512-y5+tLQyV8pg3fsiln67BVLD1P13Eg4lh5RW9mF0zUuvLrv9uIQ4MCL+CRT+FTsBlBjcIan6PGsLcBN0m3ClUyQ==", + "requires": { + "@babel/highlight": "^7.24.2", + "picocolors": "^1.0.0" + } + }, + "@babel/compat-data": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.4.tgz", + "integrity": "sha512-vg8Gih2MLK+kOkHJp4gBEIkyaIi00jgWot2D9QOmmfLC8jINSOzmCLta6Bvz/JSBCqnegV0L80jhxkol5GWNfQ==" + }, + "@babel/core": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.4.tgz", + "integrity": "sha512-MBVlMXP+kkl5394RBLSxxk/iLTeVGuXTV3cIDXavPpMMqnSnt6apKgan/U8O3USWZCWZT/TbgfEpKa4uMgN4Dg==", + "requires": { + "@ampproject/remapping": "^2.2.0", + "@babel/code-frame": "^7.24.2", + "@babel/generator": "^7.24.4", + "@babel/helper-compilation-targets": "^7.23.6", + "@babel/helper-module-transforms": "^7.23.3", + "@babel/helpers": "^7.24.4", + "@babel/parser": "^7.24.4", + "@babel/template": "^7.24.0", + "@babel/traverse": "^7.24.1", + "@babel/types": "^7.24.0", + "convert-source-map": "^2.0.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.2", + "json5": "^2.2.3", + "semver": "^6.3.1" + } + }, + "@babel/generator": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.4.tgz", + "integrity": "sha512-Xd6+v6SnjWVx/nus+y0l1sxMOTOMBkyL4+BIdbALyatQnAe/SRVjANeDPSCYaX+i1iJmuGSKf3Z+E+V/va1Hvw==", + "requires": { + "@babel/types": "^7.24.0", + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.25", + "jsesc": "^2.5.1" + } + }, + "@babel/helper-annotate-as-pure": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz", + "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==", + "dev": true, + "requires": { + "@babel/types": "^7.22.5" + } + }, + "@babel/helper-builder-binary-assignment-operator-visitor": { + "version": "7.22.15", + "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz", + "integrity": "sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==", + "dev": true, + "requires": { + "@babel/types": "^7.22.15" + } + }, + "@babel/helper-compilation-targets": { + "version": "7.23.6", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz", + "integrity": "sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==", + "requires": { + "@babel/compat-data": "^7.23.5", + "@babel/helper-validator-option": "^7.23.5", + "browserslist": "^4.22.2", + "lru-cache": "^5.1.1", + "semver": "^6.3.1" + } + }, + "@babel/helper-create-class-features-plugin": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.4.tgz", + "integrity": "sha512-lG75yeuUSVu0pIcbhiYMXBXANHrpUPaOfu7ryAzskCgKUHuAxRQI5ssrtmF0X9UXldPlvT0XM/A4F44OXRt6iQ==", + "dev": true, + "requires": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-function-name": "^7.23.0", + "@babel/helper-member-expression-to-functions": "^7.23.0", + "@babel/helper-optimise-call-expression": "^7.22.5", + "@babel/helper-replace-supers": "^7.24.1", + "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5", + "@babel/helper-split-export-declaration": "^7.22.6", + "semver": "^6.3.1" + } + }, + "@babel/helper-create-regexp-features-plugin": { + "version": "7.22.15", + "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz", + "integrity": "sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==", + "dev": true, + "requires": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "regexpu-core": "^5.3.1", + "semver": "^6.3.1" + } + }, + "@babel/helper-define-polyfill-provider": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.1.tgz", + "integrity": "sha512-o7SDgTJuvx5vLKD6SFvkydkSMBvahDKGiNJzG22IZYXhiqoe9efY7zocICBgzHV4IRg5wdgl2nEL/tulKIEIbA==", + "dev": true, + "requires": { + "@babel/helper-compilation-targets": "^7.22.6", + "@babel/helper-plugin-utils": "^7.22.5", + "debug": "^4.1.1", + "lodash.debounce": "^4.0.8", + "resolve": "^1.14.2" + } + }, + "@babel/helper-environment-visitor": { + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz", + "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==" + }, + "@babel/helper-function-name": { + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz", + "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==", + "requires": { + "@babel/template": "^7.22.15", + "@babel/types": "^7.23.0" + } + }, + "@babel/helper-hoist-variables": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz", + "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==", + "requires": { + "@babel/types": "^7.22.5" + } + }, + "@babel/helper-member-expression-to-functions": { + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz", + "integrity": "sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==", + "dev": true, + "requires": { + "@babel/types": "^7.23.0" + } + }, + "@babel/helper-module-imports": { + "version": "7.24.3", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.24.3.tgz", + "integrity": "sha512-viKb0F9f2s0BCS22QSF308z/+1YWKV/76mwt61NBzS5izMzDPwdq1pTrzf+Li3npBWX9KdQbkeCt1jSAM7lZqg==", + "requires": { + "@babel/types": "^7.24.0" + } + }, + "@babel/helper-module-transforms": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz", + "integrity": "sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==", + "requires": { + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-module-imports": "^7.22.15", + "@babel/helper-simple-access": "^7.22.5", + "@babel/helper-split-export-declaration": "^7.22.6", + "@babel/helper-validator-identifier": "^7.22.20" + } + }, + "@babel/helper-optimise-call-expression": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz", + "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==", + "dev": true, + "requires": { + "@babel/types": "^7.22.5" + } + }, + "@babel/helper-plugin-utils": { + "version": "7.24.0", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.0.tgz", + "integrity": "sha512-9cUznXMG0+FxRuJfvL82QlTqIzhVW9sL0KjMPHhAOOvpQGL8QtdxnBKILjBqxlHyliz0yCa1G903ZXI/FuHy2w==" + }, + "@babel/helper-remap-async-to-generator": { + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz", + "integrity": "sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==", + "dev": true, + "requires": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-wrap-function": "^7.22.20" + } + }, + "@babel/helper-replace-supers": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.24.1.tgz", + "integrity": "sha512-QCR1UqC9BzG5vZl8BMicmZ28RuUBnHhAMddD8yHFHDRH9lLTZ9uUPehX8ctVPT8l0TKblJidqcgUUKGVrePleQ==", + "dev": true, + "requires": { + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-member-expression-to-functions": "^7.23.0", + "@babel/helper-optimise-call-expression": "^7.22.5" + } + }, + "@babel/helper-simple-access": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz", + "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==", + "requires": { + "@babel/types": "^7.22.5" + } + }, + "@babel/helper-skip-transparent-expression-wrappers": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz", + "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==", + "dev": true, + "requires": { + "@babel/types": "^7.22.5" + } + }, + "@babel/helper-split-export-declaration": { + "version": "7.22.6", + "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz", + "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==", + "requires": { + "@babel/types": "^7.22.5" + } + }, + "@babel/helper-string-parser": { + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz", + "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==" + }, + "@babel/helper-validator-identifier": { + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz", + "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==" + }, + "@babel/helper-validator-option": { + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz", + "integrity": "sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==" + }, + "@babel/helper-wrap-function": { + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz", + "integrity": "sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==", + "dev": true, + "requires": { + "@babel/helper-function-name": "^7.22.5", + "@babel/template": "^7.22.15", + "@babel/types": "^7.22.19" + } + }, + "@babel/helpers": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.24.4.tgz", + "integrity": "sha512-FewdlZbSiwaVGlgT1DPANDuCHaDMiOo+D/IDYRFYjHOuv66xMSJ7fQwwODwRNAPkADIO/z1EoF/l2BCWlWABDw==", + "requires": { + "@babel/template": "^7.24.0", + "@babel/traverse": "^7.24.1", + "@babel/types": "^7.24.0" + } + }, + "@babel/highlight": { + "version": "7.24.2", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.2.tgz", + "integrity": "sha512-Yac1ao4flkTxTteCDZLEvdxg2fZfz1v8M4QpaGypq/WPDqg3ijHYbDfs+LG5hvzSoqaSZ9/Z9lKSP3CjZjv+pA==", + "requires": { + "@babel/helper-validator-identifier": "^7.22.20", + "chalk": "^2.4.2", + "js-tokens": "^4.0.0", + "picocolors": "^1.0.0" + } + }, + "@babel/parser": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.4.tgz", + "integrity": "sha512-zTvEBcghmeBma9QIGunWevvBAp4/Qu9Bdq+2k0Ot4fVMD6v3dsC9WOcRSKk7tRRyBM/53yKMJko9xOatGQAwSg==" + }, + "@babel/plugin-bugfix-firefox-class-in-computed-class-key": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.24.4.tgz", + "integrity": "sha512-qpl6vOOEEzTLLcsuqYYo8yDtrTocmu2xkGvgNebvPjT9DTtfFYGmgDqY+rBYXNlqL4s9qLDn6xkrJv4RxAPiTA==", + "dev": true, + "requires": { + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.24.1.tgz", + "integrity": "sha512-y4HqEnkelJIOQGd+3g1bTeKsA5c6qM7eOn7VggGVbBc0y8MLSKHacwcIE2PplNlQSj0PqS9rrXL/nkPVK+kUNg==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.24.1.tgz", + "integrity": "sha512-Hj791Ii4ci8HqnaKHAlLNs+zaLXb0EzSDhiAWp5VNlyvCNymYfacs64pxTxbH1znW/NcArSmwpmG9IKE/TUVVQ==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5", + "@babel/plugin-transform-optional-chaining": "^7.24.1" + } + }, + "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.24.1.tgz", + "integrity": "sha512-m9m/fXsXLiHfwdgydIFnpk+7jlVbnvlK5B2EKiPdLUb6WX654ZaaEWJUjk8TftRbZpK0XibovlLWX4KIZhV6jw==", + "dev": true, + "requires": { + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-proposal-async-generator-functions": { + "version": "7.20.7", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.20.7.tgz", + "integrity": "sha512-xMbiLsn/8RK7Wq7VeVytytS2L6qE69bXPB10YCmMdDZbKF4okCqY74pI/jJQ/8U0b/F6NrT2+14b8/P9/3AMGA==", + "dev": true, + "requires": { + "@babel/helper-environment-visitor": "^7.18.9", + "@babel/helper-plugin-utils": "^7.20.2", + "@babel/helper-remap-async-to-generator": "^7.18.9", + "@babel/plugin-syntax-async-generators": "^7.8.4" + } + }, + "@babel/plugin-proposal-class-properties": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz", + "integrity": "sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==", + "dev": true, + "requires": { + "@babel/helper-create-class-features-plugin": "^7.18.6", + "@babel/helper-plugin-utils": "^7.18.6" + } + }, + "@babel/plugin-proposal-export-default-from": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-export-default-from/-/plugin-proposal-export-default-from-7.23.3.tgz", + "integrity": "sha512-Q23MpLZfSGZL1kU7fWqV262q65svLSCIP5kZ/JCW/rKTCm/FrLjpvEd2kfUYMVeHh4QhV/xzyoRAHWrAZJrE3Q==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/plugin-syntax-export-default-from": "^7.23.3" + } + }, + "@babel/plugin-proposal-nullish-coalescing-operator": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz", + "integrity": "sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.18.6", + "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3" + } + }, + "@babel/plugin-proposal-numeric-separator": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.18.6.tgz", + "integrity": "sha512-ozlZFogPqoLm8WBr5Z8UckIoE4YQ5KESVcNudyXOR8uqIkliTEgJ3RoketfG6pmzLdeZF0H/wjE9/cCEitBl7Q==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.18.6", + "@babel/plugin-syntax-numeric-separator": "^7.10.4" + } + }, + "@babel/plugin-proposal-object-rest-spread": { + "version": "7.20.7", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.20.7.tgz", + "integrity": "sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==", + "dev": true, + "requires": { + "@babel/compat-data": "^7.20.5", + "@babel/helper-compilation-targets": "^7.20.7", + "@babel/helper-plugin-utils": "^7.20.2", + "@babel/plugin-syntax-object-rest-spread": "^7.8.3", + "@babel/plugin-transform-parameters": "^7.20.7" + } + }, + "@babel/plugin-proposal-optional-catch-binding": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.18.6.tgz", + "integrity": "sha512-Q40HEhs9DJQyaZfUjjn6vE8Cv4GmMHCYuMGIWUnlxH6400VGxOuwWsPt4FxXxJkC/5eOzgn0z21M9gMT4MOhbw==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.18.6", + "@babel/plugin-syntax-optional-catch-binding": "^7.8.3" + } + }, + "@babel/plugin-proposal-optional-chaining": { + "version": "7.21.0", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.21.0.tgz", + "integrity": "sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.20.2", + "@babel/helper-skip-transparent-expression-wrappers": "^7.20.0", + "@babel/plugin-syntax-optional-chaining": "^7.8.3" + } + }, + "@babel/plugin-proposal-private-property-in-object": { + "version": "7.21.0-placeholder-for-preset-env.2", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz", + "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==", + "dev": true + }, + "@babel/plugin-syntax-async-generators": { + "version": "7.8.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz", + "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.8.0" + } + }, + "@babel/plugin-syntax-class-properties": { + "version": "7.12.13", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz", + "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.12.13" + } + }, + "@babel/plugin-syntax-class-static-block": { + "version": "7.14.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz", + "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.14.5" + } + }, + "@babel/plugin-syntax-dynamic-import": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz", + "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.8.0" + } + }, + "@babel/plugin-syntax-export-default-from": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-default-from/-/plugin-syntax-export-default-from-7.23.3.tgz", + "integrity": "sha512-KeENO5ck1IeZ/l2lFZNy+mpobV3D2Zy5C1YFnWm+YuY5mQiAWc4yAp13dqgguwsBsFVLh4LPCEqCa5qW13N+hw==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.22.5" + } + }, + "@babel/plugin-syntax-export-namespace-from": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz", + "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.8.3" + } + }, + "@babel/plugin-syntax-flow": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.23.3.tgz", + "integrity": "sha512-YZiAIpkJAwQXBJLIQbRFayR5c+gJ35Vcz3bg954k7cd73zqjvhacJuL9RbrzPz8qPmZdgqP6EUKwy0PCNhaaPA==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.22.5" + } + }, + "@babel/plugin-syntax-import-assertions": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.24.1.tgz", + "integrity": "sha512-IuwnI5XnuF189t91XbxmXeCDz3qs6iDRO7GJ++wcfgeXNs/8FmIlKcpDSXNVyuLQxlwvskmI3Ct73wUODkJBlQ==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-syntax-import-attributes": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.24.1.tgz", + "integrity": "sha512-zhQTMH0X2nVLnb04tz+s7AMuasX8U0FnpE+nHTOhSOINjWMnopoZTxtIKsd45n4GQ/HIZLyfIpoul8e2m0DnRA==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-syntax-import-meta": { + "version": "7.10.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz", + "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.10.4" + } + }, + "@babel/plugin-syntax-json-strings": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz", + "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.8.0" + } + }, + "@babel/plugin-syntax-jsx": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.24.1.tgz", + "integrity": "sha512-2eCtxZXf+kbkMIsXS4poTvT4Yu5rXiRa+9xGVT56raghjmBTKMpFNc9R4IDiB4emao9eO22Ox7CxuJG7BgExqA==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-syntax-logical-assignment-operators": { + "version": "7.10.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz", + "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.10.4" + } + }, + "@babel/plugin-syntax-nullish-coalescing-operator": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz", + "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.8.0" + } + }, + "@babel/plugin-syntax-numeric-separator": { + "version": "7.10.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz", + "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.10.4" + } + }, + "@babel/plugin-syntax-object-rest-spread": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz", + "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.8.0" + } + }, + "@babel/plugin-syntax-optional-catch-binding": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz", + "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.8.0" + } + }, + "@babel/plugin-syntax-optional-chaining": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz", + "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.8.0" + } + }, + "@babel/plugin-syntax-private-property-in-object": { + "version": "7.14.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz", + "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.14.5" + } + }, + "@babel/plugin-syntax-top-level-await": { + "version": "7.14.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz", + "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.14.5" + } + }, + "@babel/plugin-syntax-typescript": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.24.1.tgz", + "integrity": "sha512-Yhnmvy5HZEnHUty6i++gcfH1/l68AHnItFHnaCv6hn9dNh0hQvvQJsxpi4BMBFN5DLeHBuucT/0DgzXif/OyRw==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-syntax-unicode-sets-regex": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz", + "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==", + "dev": true, + "requires": { + "@babel/helper-create-regexp-features-plugin": "^7.18.6", + "@babel/helper-plugin-utils": "^7.18.6" + } + }, + "@babel/plugin-transform-arrow-functions": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.24.1.tgz", + "integrity": "sha512-ngT/3NkRhsaep9ck9uj2Xhv9+xB1zShY3tM3g6om4xxCELwCDN4g4Aq5dRn48+0hasAql7s2hdBOysCfNpr4fw==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-async-generator-functions": { + "version": "7.24.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.24.3.tgz", + "integrity": "sha512-Qe26CMYVjpQxJ8zxM1340JFNjZaF+ISWpr1Kt/jGo+ZTUzKkfw/pphEWbRCb+lmSM6k/TOgfYLvmbHkUQ0asIg==", + "dev": true, + "requires": { + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-remap-async-to-generator": "^7.22.20", + "@babel/plugin-syntax-async-generators": "^7.8.4" + } + }, + "@babel/plugin-transform-async-to-generator": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.24.1.tgz", + "integrity": "sha512-AawPptitRXp1y0n4ilKcGbRYWfbbzFWz2NqNu7dacYDtFtz0CMjG64b3LQsb3KIgnf4/obcUL78hfaOS7iCUfw==", + "dev": true, + "requires": { + "@babel/helper-module-imports": "^7.24.1", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-remap-async-to-generator": "^7.22.20" + } + }, + "@babel/plugin-transform-block-scoped-functions": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.24.1.tgz", + "integrity": "sha512-TWWC18OShZutrv9C6mye1xwtam+uNi2bnTOCBUd5sZxyHOiWbU6ztSROofIMrK84uweEZC219POICK/sTYwfgg==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-block-scoping": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.24.4.tgz", + "integrity": "sha512-nIFUZIpGKDf9O9ttyRXpHFpKC+X3Y5mtshZONuEUYBomAKoM4y029Jr+uB1bHGPhNmK8YXHevDtKDOLmtRrp6g==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-class-properties": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.24.1.tgz", + "integrity": "sha512-OMLCXi0NqvJfORTaPQBwqLXHhb93wkBKZ4aNwMl6WtehO7ar+cmp+89iPEQPqxAnxsOKTaMcs3POz3rKayJ72g==", + "dev": true, + "requires": { + "@babel/helper-create-class-features-plugin": "^7.24.1", + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-class-static-block": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.24.4.tgz", + "integrity": "sha512-B8q7Pz870Hz/q9UgP8InNpY01CSLDSCyqX7zcRuv3FcPl87A2G17lASroHWaCtbdIcbYzOZ7kWmXFKbijMSmFg==", + "dev": true, + "requires": { + "@babel/helper-create-class-features-plugin": "^7.24.4", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-class-static-block": "^7.14.5" + } + }, + "@babel/plugin-transform-classes": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.24.1.tgz", + "integrity": "sha512-ZTIe3W7UejJd3/3R4p7ScyyOoafetUShSf4kCqV0O7F/RiHxVj/wRaRnQlrGwflvcehNA8M42HkAiEDYZu2F1Q==", + "dev": true, + "requires": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-compilation-targets": "^7.23.6", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-function-name": "^7.23.0", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-replace-supers": "^7.24.1", + "@babel/helper-split-export-declaration": "^7.22.6", + "globals": "^11.1.0" + } + }, + "@babel/plugin-transform-computed-properties": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.24.1.tgz", + "integrity": "sha512-5pJGVIUfJpOS+pAqBQd+QMaTD2vCL/HcePooON6pDpHgRp4gNRmzyHTPIkXntwKsq3ayUFVfJaIKPw2pOkOcTw==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/template": "^7.24.0" + } + }, + "@babel/plugin-transform-destructuring": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.24.1.tgz", + "integrity": "sha512-ow8jciWqNxR3RYbSNVuF4U2Jx130nwnBnhRw6N6h1bOejNkABmcI5X5oz29K4alWX7vf1C+o6gtKXikzRKkVdw==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-dotall-regex": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.24.1.tgz", + "integrity": "sha512-p7uUxgSoZwZ2lPNMzUkqCts3xlp8n+o05ikjy7gbtFJSt9gdU88jAmtfmOxHM14noQXBxfgzf2yRWECiNVhTCw==", + "dev": true, + "requires": { + "@babel/helper-create-regexp-features-plugin": "^7.22.15", + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-duplicate-keys": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.24.1.tgz", + "integrity": "sha512-msyzuUnvsjsaSaocV6L7ErfNsa5nDWL1XKNnDePLgmz+WdU4w/J8+AxBMrWfi9m4IxfL5sZQKUPQKDQeeAT6lA==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-dynamic-import": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.24.1.tgz", + "integrity": "sha512-av2gdSTyXcJVdI+8aFZsCAtR29xJt0S5tas+Ef8NvBNmD1a+N/3ecMLeMBgfcK+xzsjdLDT6oHt+DFPyeqUbDA==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-dynamic-import": "^7.8.3" + } + }, + "@babel/plugin-transform-exponentiation-operator": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.24.1.tgz", + "integrity": "sha512-U1yX13dVBSwS23DEAqU+Z/PkwE9/m7QQy8Y9/+Tdb8UWYaGNDYwTLi19wqIAiROr8sXVum9A/rtiH5H0boUcTw==", + "dev": true, + "requires": { + "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.15", + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-export-namespace-from": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.24.1.tgz", + "integrity": "sha512-Ft38m/KFOyzKw2UaJFkWG9QnHPG/Q/2SkOrRk4pNBPg5IPZ+dOxcmkK5IyuBcxiNPyyYowPGUReyBvrvZs7IlQ==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-export-namespace-from": "^7.8.3" + } + }, + "@babel/plugin-transform-flow-strip-types": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.23.3.tgz", + "integrity": "sha512-26/pQTf9nQSNVJCrLB1IkHUKyPxR+lMrH2QDPG89+Znu9rAMbtrybdbWeE9bb7gzjmE5iXHEY+e0HUwM6Co93Q==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/plugin-syntax-flow": "^7.23.3" + } + }, + "@babel/plugin-transform-for-of": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.24.1.tgz", + "integrity": "sha512-OxBdcnF04bpdQdR3i4giHZNZQn7cm8RQKcSwA17wAAqEELo1ZOwp5FFgeptWUQXFyT9kwHo10aqqauYkRZPCAg==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5" + } + }, + "@babel/plugin-transform-function-name": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.24.1.tgz", + "integrity": "sha512-BXmDZpPlh7jwicKArQASrj8n22/w6iymRnvHYYd2zO30DbE277JO20/7yXJT3QxDPtiQiOxQBbZH4TpivNXIxA==", + "dev": true, + "requires": { + "@babel/helper-compilation-targets": "^7.23.6", + "@babel/helper-function-name": "^7.23.0", + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-json-strings": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.24.1.tgz", + "integrity": "sha512-U7RMFmRvoasscrIFy5xA4gIp8iWnWubnKkKuUGJjsuOH7GfbMkB+XZzeslx2kLdEGdOJDamEmCqOks6e8nv8DQ==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-json-strings": "^7.8.3" + } + }, + "@babel/plugin-transform-literals": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.24.1.tgz", + "integrity": "sha512-zn9pwz8U7nCqOYIiBaOxoQOtYmMODXTJnkxG4AtX8fPmnCRYWBOHD0qcpwS9e2VDSp1zNJYpdnFMIKb8jmwu6g==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-logical-assignment-operators": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.24.1.tgz", + "integrity": "sha512-OhN6J4Bpz+hIBqItTeWJujDOfNP+unqv/NJgyhlpSqgBTPm37KkMmZV6SYcOj+pnDbdcl1qRGV/ZiIjX9Iy34w==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4" + } + }, + "@babel/plugin-transform-member-expression-literals": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.24.1.tgz", + "integrity": "sha512-4ojai0KysTWXzHseJKa1XPNXKRbuUrhkOPY4rEGeR+7ChlJVKxFa3H3Bz+7tWaGKgJAXUWKOGmltN+u9B3+CVg==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-modules-amd": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.24.1.tgz", + "integrity": "sha512-lAxNHi4HVtjnHd5Rxg3D5t99Xm6H7b04hUS7EHIXcUl2EV4yl1gWdqZrNzXnSrHveL9qMdbODlLF55mvgjAfaQ==", + "dev": true, + "requires": { + "@babel/helper-module-transforms": "^7.23.3", + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-modules-commonjs": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.24.1.tgz", + "integrity": "sha512-szog8fFTUxBfw0b98gEWPaEqF42ZUD/T3bkynW/wtgx2p/XCP55WEsb+VosKceRSd6njipdZvNogqdtI4Q0chw==", + "requires": { + "@babel/helper-module-transforms": "^7.23.3", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-simple-access": "^7.22.5" + } + }, + "@babel/plugin-transform-modules-systemjs": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.24.1.tgz", + "integrity": "sha512-mqQ3Zh9vFO1Tpmlt8QPnbwGHzNz3lpNEMxQb1kAemn/erstyqw1r9KeOlOfo3y6xAnFEcOv2tSyrXfmMk+/YZA==", + "dev": true, + "requires": { + "@babel/helper-hoist-variables": "^7.22.5", + "@babel/helper-module-transforms": "^7.23.3", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-validator-identifier": "^7.22.20" + } + }, + "@babel/plugin-transform-modules-umd": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.24.1.tgz", + "integrity": "sha512-tuA3lpPj+5ITfcCluy6nWonSL7RvaG0AOTeAuvXqEKS34lnLzXpDb0dcP6K8jD0zWZFNDVly90AGFJPnm4fOYg==", + "dev": true, + "requires": { + "@babel/helper-module-transforms": "^7.23.3", + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-named-capturing-groups-regex": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz", + "integrity": "sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==", + "dev": true, + "requires": { + "@babel/helper-create-regexp-features-plugin": "^7.22.5", + "@babel/helper-plugin-utils": "^7.22.5" + } + }, + "@babel/plugin-transform-new-target": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.24.1.tgz", + "integrity": "sha512-/rurytBM34hYy0HKZQyA0nHbQgQNFm4Q/BOc9Hflxi2X3twRof7NaE5W46j4kQitm7SvACVRXsa6N/tSZxvPug==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-nullish-coalescing-operator": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.24.1.tgz", + "integrity": "sha512-iQ+caew8wRrhCikO5DrUYx0mrmdhkaELgFa+7baMcVuhxIkN7oxt06CZ51D65ugIb1UWRQ8oQe+HXAVM6qHFjw==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3" + } + }, + "@babel/plugin-transform-numeric-separator": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.24.1.tgz", + "integrity": "sha512-7GAsGlK4cNL2OExJH1DzmDeKnRv/LXq0eLUSvudrehVA5Rgg4bIrqEUW29FbKMBRT0ztSqisv7kjP+XIC4ZMNw==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-numeric-separator": "^7.10.4" + } + }, + "@babel/plugin-transform-object-rest-spread": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.24.1.tgz", + "integrity": "sha512-XjD5f0YqOtebto4HGISLNfiNMTTs6tbkFf2TOqJlYKYmbo+mN9Dnpl4SRoofiziuOWMIyq3sZEUqLo3hLITFEA==", + "dev": true, + "requires": { + "@babel/helper-compilation-targets": "^7.23.6", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-object-rest-spread": "^7.8.3", + "@babel/plugin-transform-parameters": "^7.24.1" + } + }, + "@babel/plugin-transform-object-super": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.24.1.tgz", + "integrity": "sha512-oKJqR3TeI5hSLRxudMjFQ9re9fBVUU0GICqM3J1mi8MqlhVr6hC/ZN4ttAyMuQR6EZZIY6h/exe5swqGNNIkWQ==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-replace-supers": "^7.24.1" + } + }, + "@babel/plugin-transform-optional-catch-binding": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.24.1.tgz", + "integrity": "sha512-oBTH7oURV4Y+3EUrf6cWn1OHio3qG/PVwO5J03iSJmBg6m2EhKjkAu/xuaXaYwWW9miYtvbWv4LNf0AmR43LUA==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-optional-catch-binding": "^7.8.3" + } + }, + "@babel/plugin-transform-optional-chaining": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.24.1.tgz", + "integrity": "sha512-n03wmDt+987qXwAgcBlnUUivrZBPZ8z1plL0YvgQalLm+ZE5BMhGm94jhxXtA1wzv1Cu2aaOv1BM9vbVttrzSg==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5", + "@babel/plugin-syntax-optional-chaining": "^7.8.3" + } + }, + "@babel/plugin-transform-parameters": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.24.1.tgz", + "integrity": "sha512-8Jl6V24g+Uw5OGPeWNKrKqXPDw2YDjLc53ojwfMcKwlEoETKU9rU0mHUtcg9JntWI/QYzGAXNWEcVHZ+fR+XXg==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-private-methods": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.24.1.tgz", + "integrity": "sha512-tGvisebwBO5em4PaYNqt4fkw56K2VALsAbAakY0FjTYqJp7gfdrgr7YX76Or8/cpik0W6+tj3rZ0uHU9Oil4tw==", + "dev": true, + "requires": { + "@babel/helper-create-class-features-plugin": "^7.24.1", + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-private-property-in-object": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.24.1.tgz", + "integrity": "sha512-pTHxDVa0BpUbvAgX3Gat+7cSciXqUcY9j2VZKTbSB6+VQGpNgNO9ailxTGHSXlqOnX1Hcx1Enme2+yv7VqP9bg==", + "dev": true, + "requires": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-create-class-features-plugin": "^7.24.1", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-private-property-in-object": "^7.14.5" + } + }, + "@babel/plugin-transform-property-literals": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.24.1.tgz", + "integrity": "sha512-LetvD7CrHmEx0G442gOomRr66d7q8HzzGGr4PMHGr+5YIm6++Yke+jxj246rpvsbyhJwCLxcTn6zW1P1BSenqA==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-react-constant-elements": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.24.1.tgz", + "integrity": "sha512-QXp1U9x0R7tkiGB0FOk8o74jhnap0FlZ5gNkRIWdG3eP+SvMFg118e1zaWewDzgABb106QSKpVsD3Wgd8t6ifA==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-react-display-name": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.24.1.tgz", + "integrity": "sha512-mvoQg2f9p2qlpDQRBC7M3c3XTr0k7cp/0+kFKKO/7Gtu0LSw16eKB+Fabe2bDT/UpsyasTBBkAnbdsLrkD5XMw==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-react-jsx": { + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.23.4.tgz", + "integrity": "sha512-5xOpoPguCZCRbo/JeHlloSkTA8Bld1J/E1/kLfD1nsuiW1m8tduTA1ERCgIZokDflX/IBzKcqR3l7VlRgiIfHA==", + "dev": true, + "requires": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-module-imports": "^7.22.15", + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/plugin-syntax-jsx": "^7.23.3", + "@babel/types": "^7.23.4" + } + }, + "@babel/plugin-transform-react-jsx-development": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.22.5.tgz", + "integrity": "sha512-bDhuzwWMuInwCYeDeMzyi7TaBgRQei6DqxhbyniL7/VG4RSS7HtSL2QbY4eESy1KJqlWt8g3xeEBGPuo+XqC8A==", + "dev": true, + "requires": { + "@babel/plugin-transform-react-jsx": "^7.22.5" + } + }, + "@babel/plugin-transform-react-jsx-self": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.23.3.tgz", + "integrity": "sha512-qXRvbeKDSfwnlJnanVRp0SfuWE5DQhwQr5xtLBzp56Wabyo+4CMosF6Kfp+eOD/4FYpql64XVJ2W0pVLlJZxOQ==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.22.5" + } + }, + "@babel/plugin-transform-react-jsx-source": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.23.3.tgz", + "integrity": "sha512-91RS0MDnAWDNvGC6Wio5XYkyWI39FMFO+JK9+4AlgaTH+yWwVTsw7/sn6LK0lH7c5F+TFkpv/3LfCJ1Ydwof/g==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.22.5" + } + }, + "@babel/plugin-transform-react-pure-annotations": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.24.1.tgz", + "integrity": "sha512-+pWEAaDJvSm9aFvJNpLiM2+ktl2Sn2U5DdyiWdZBxmLc6+xGt88dvFqsHiAiDS+8WqUwbDfkKz9jRxK3M0k+kA==", + "dev": true, + "requires": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-regenerator": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.24.1.tgz", + "integrity": "sha512-sJwZBCzIBE4t+5Q4IGLaaun5ExVMRY0lYwos/jNecjMrVCygCdph3IKv0tkP5Fc87e/1+bebAmEAGBfnRD+cnw==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0", + "regenerator-transform": "^0.15.2" + } + }, + "@babel/plugin-transform-reserved-words": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.24.1.tgz", + "integrity": "sha512-JAclqStUfIwKN15HrsQADFgeZt+wexNQ0uLhuqvqAUFoqPMjEcFCYZBhq0LUdz6dZK/mD+rErhW71fbx8RYElg==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-runtime": { + "version": "7.23.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.23.9.tgz", + "integrity": "sha512-A7clW3a0aSjm3ONU9o2HAILSegJCYlEZmOhmBRReVtIpY/Z/p7yIZ+wR41Z+UipwdGuqwtID/V/dOdZXjwi9gQ==", + "dev": true, + "requires": { + "@babel/helper-module-imports": "^7.22.15", + "@babel/helper-plugin-utils": "^7.22.5", + "babel-plugin-polyfill-corejs2": "^0.4.8", + "babel-plugin-polyfill-corejs3": "^0.9.0", + "babel-plugin-polyfill-regenerator": "^0.5.5", + "semver": "^6.3.1" + }, + "dependencies": { + "@babel/helper-define-polyfill-provider": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.5.0.tgz", + "integrity": "sha512-NovQquuQLAQ5HuyjCz7WQP9MjRj7dx++yspwiyUiGl9ZyadHRSql1HZh5ogRd8W8w6YM6EQ/NTB8rgjLt5W65Q==", + "dev": true, + "requires": { + "@babel/helper-compilation-targets": "^7.22.6", + "@babel/helper-plugin-utils": "^7.22.5", + "debug": "^4.1.1", + "lodash.debounce": "^4.0.8", + "resolve": "^1.14.2" + } + }, + "babel-plugin-polyfill-corejs3": { + "version": "0.9.0", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.9.0.tgz", + "integrity": "sha512-7nZPG1uzK2Ymhy/NbaOWTg3uibM2BmGASS4vHS4szRZAIR8R6GwA/xAujpdrXU5iyklrimWnLWU+BLF9suPTqg==", + "dev": true, + "requires": { + "@babel/helper-define-polyfill-provider": "^0.5.0", + "core-js-compat": "^3.34.0" + } + }, + "babel-plugin-polyfill-regenerator": { + "version": "0.5.5", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.5.tgz", + "integrity": "sha512-OJGYZlhLqBh2DDHeqAxWB1XIvr49CxiJ2gIt61/PU55CQK4Z58OzMqjDe1zwQdQk+rBYsRc+1rJmdajM3gimHg==", + "dev": true, + "requires": { + "@babel/helper-define-polyfill-provider": "^0.5.0" + } + } + } + }, + "@babel/plugin-transform-shorthand-properties": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.24.1.tgz", + "integrity": "sha512-LyjVB1nsJ6gTTUKRjRWx9C1s9hE7dLfP/knKdrfeH9UPtAGjYGgxIbFfx7xyLIEWs7Xe1Gnf8EWiUqfjLhInZA==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-spread": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.24.1.tgz", + "integrity": "sha512-KjmcIM+fxgY+KxPVbjelJC6hrH1CgtPmTvdXAfn3/a9CnWGSTY7nH4zm5+cjmWJybdcPSsD0++QssDsjcpe47g==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5" + } + }, + "@babel/plugin-transform-sticky-regex": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.24.1.tgz", + "integrity": "sha512-9v0f1bRXgPVcPrngOQvLXeGNNVLc8UjMVfebo9ka0WF3/7+aVUHmaJVT3sa0XCzEFioPfPHZiOcYG9qOsH63cw==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-template-literals": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.24.1.tgz", + "integrity": "sha512-WRkhROsNzriarqECASCNu/nojeXCDTE/F2HmRgOzi7NGvyfYGq1NEjKBK3ckLfRgGc6/lPAqP0vDOSw3YtG34g==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-typeof-symbol": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.24.1.tgz", + "integrity": "sha512-CBfU4l/A+KruSUoW+vTQthwcAdwuqbpRNB8HQKlZABwHRhsdHZ9fezp4Sn18PeAlYxTNiLMlx4xUBV3AWfg1BA==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-typescript": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.24.4.tgz", + "integrity": "sha512-79t3CQ8+oBGk/80SQ8MN3Bs3obf83zJ0YZjDmDaEZN8MqhMI760apl5z6a20kFeMXBwJX99VpKT8CKxEBp5H1g==", + "dev": true, + "requires": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-create-class-features-plugin": "^7.24.4", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/plugin-syntax-typescript": "^7.24.1" + } + }, + "@babel/plugin-transform-unicode-escapes": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.24.1.tgz", + "integrity": "sha512-RlkVIcWT4TLI96zM660S877E7beKlQw7Ig+wqkKBiWfj0zH5Q4h50q6er4wzZKRNSYpfo6ILJ+hrJAGSX2qcNw==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-unicode-property-regex": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.24.1.tgz", + "integrity": "sha512-Ss4VvlfYV5huWApFsF8/Sq0oXnGO+jB+rijFEFugTd3cwSObUSnUi88djgR5528Csl0uKlrI331kRqe56Ov2Ng==", + "dev": true, + "requires": { + "@babel/helper-create-regexp-features-plugin": "^7.22.15", + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-unicode-regex": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.24.1.tgz", + "integrity": "sha512-2A/94wgZgxfTsiLaQ2E36XAOdcZmGAaEEgVmxQWwZXWkGhvoHbaqXcKnU8zny4ycpu3vNqg0L/PcCiYtHtA13g==", + "dev": true, + "requires": { + "@babel/helper-create-regexp-features-plugin": "^7.22.15", + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/plugin-transform-unicode-sets-regex": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.24.1.tgz", + "integrity": "sha512-fqj4WuzzS+ukpgerpAoOnMfQXwUHFxXUZUE84oL2Kao2N8uSlvcpnAidKASgsNgzZHBsHWvcm8s9FPWUhAb8fA==", + "dev": true, + "requires": { + "@babel/helper-create-regexp-features-plugin": "^7.22.15", + "@babel/helper-plugin-utils": "^7.24.0" + } + }, + "@babel/preset-env": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.24.4.tgz", + "integrity": "sha512-7Kl6cSmYkak0FK/FXjSEnLJ1N9T/WA2RkMhu17gZ/dsxKJUuTYNIylahPTzqpLyJN4WhDif8X0XK1R8Wsguo/A==", + "dev": true, + "requires": { + "@babel/compat-data": "^7.24.4", + "@babel/helper-compilation-targets": "^7.23.6", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-validator-option": "^7.23.5", + "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.24.4", + "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.24.1", + "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.24.1", + "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.24.1", + "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2", + "@babel/plugin-syntax-async-generators": "^7.8.4", + "@babel/plugin-syntax-class-properties": "^7.12.13", + "@babel/plugin-syntax-class-static-block": "^7.14.5", + "@babel/plugin-syntax-dynamic-import": "^7.8.3", + "@babel/plugin-syntax-export-namespace-from": "^7.8.3", + "@babel/plugin-syntax-import-assertions": "^7.24.1", + "@babel/plugin-syntax-import-attributes": "^7.24.1", + "@babel/plugin-syntax-import-meta": "^7.10.4", + "@babel/plugin-syntax-json-strings": "^7.8.3", + "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4", + "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3", + "@babel/plugin-syntax-numeric-separator": "^7.10.4", + "@babel/plugin-syntax-object-rest-spread": "^7.8.3", + "@babel/plugin-syntax-optional-catch-binding": "^7.8.3", + "@babel/plugin-syntax-optional-chaining": "^7.8.3", + "@babel/plugin-syntax-private-property-in-object": "^7.14.5", + "@babel/plugin-syntax-top-level-await": "^7.14.5", + "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6", + "@babel/plugin-transform-arrow-functions": "^7.24.1", + "@babel/plugin-transform-async-generator-functions": "^7.24.3", + "@babel/plugin-transform-async-to-generator": "^7.24.1", + "@babel/plugin-transform-block-scoped-functions": "^7.24.1", + "@babel/plugin-transform-block-scoping": "^7.24.4", + "@babel/plugin-transform-class-properties": "^7.24.1", + "@babel/plugin-transform-class-static-block": "^7.24.4", + "@babel/plugin-transform-classes": "^7.24.1", + "@babel/plugin-transform-computed-properties": "^7.24.1", + "@babel/plugin-transform-destructuring": "^7.24.1", + "@babel/plugin-transform-dotall-regex": "^7.24.1", + "@babel/plugin-transform-duplicate-keys": "^7.24.1", + "@babel/plugin-transform-dynamic-import": "^7.24.1", + "@babel/plugin-transform-exponentiation-operator": "^7.24.1", + "@babel/plugin-transform-export-namespace-from": "^7.24.1", + "@babel/plugin-transform-for-of": "^7.24.1", + "@babel/plugin-transform-function-name": "^7.24.1", + "@babel/plugin-transform-json-strings": "^7.24.1", + "@babel/plugin-transform-literals": "^7.24.1", + "@babel/plugin-transform-logical-assignment-operators": "^7.24.1", + "@babel/plugin-transform-member-expression-literals": "^7.24.1", + "@babel/plugin-transform-modules-amd": "^7.24.1", + "@babel/plugin-transform-modules-commonjs": "^7.24.1", + "@babel/plugin-transform-modules-systemjs": "^7.24.1", + "@babel/plugin-transform-modules-umd": "^7.24.1", + "@babel/plugin-transform-named-capturing-groups-regex": "^7.22.5", + "@babel/plugin-transform-new-target": "^7.24.1", + "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.1", + "@babel/plugin-transform-numeric-separator": "^7.24.1", + "@babel/plugin-transform-object-rest-spread": "^7.24.1", + "@babel/plugin-transform-object-super": "^7.24.1", + "@babel/plugin-transform-optional-catch-binding": "^7.24.1", + "@babel/plugin-transform-optional-chaining": "^7.24.1", + "@babel/plugin-transform-parameters": "^7.24.1", + "@babel/plugin-transform-private-methods": "^7.24.1", + "@babel/plugin-transform-private-property-in-object": "^7.24.1", + "@babel/plugin-transform-property-literals": "^7.24.1", + "@babel/plugin-transform-regenerator": "^7.24.1", + "@babel/plugin-transform-reserved-words": "^7.24.1", + "@babel/plugin-transform-shorthand-properties": "^7.24.1", + "@babel/plugin-transform-spread": "^7.24.1", + "@babel/plugin-transform-sticky-regex": "^7.24.1", + "@babel/plugin-transform-template-literals": "^7.24.1", + "@babel/plugin-transform-typeof-symbol": "^7.24.1", + "@babel/plugin-transform-unicode-escapes": "^7.24.1", + "@babel/plugin-transform-unicode-property-regex": "^7.24.1", + "@babel/plugin-transform-unicode-regex": "^7.24.1", + "@babel/plugin-transform-unicode-sets-regex": "^7.24.1", + "@babel/preset-modules": "0.1.6-no-external-plugins", + "babel-plugin-polyfill-corejs2": "^0.4.10", + "babel-plugin-polyfill-corejs3": "^0.10.4", + "babel-plugin-polyfill-regenerator": "^0.6.1", + "core-js-compat": "^3.31.0", + "semver": "^6.3.1" + } + }, + "@babel/preset-flow": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/preset-flow/-/preset-flow-7.23.3.tgz", + "integrity": "sha512-7yn6hl8RIv+KNk6iIrGZ+D06VhVY35wLVf23Cz/mMu1zOr7u4MMP4j0nZ9tLf8+4ZFpnib8cFYgB/oYg9hfswA==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-validator-option": "^7.22.15", + "@babel/plugin-transform-flow-strip-types": "^7.23.3" + } + }, + "@babel/preset-modules": { + "version": "0.1.6-no-external-plugins", + "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz", + "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.0.0", + "@babel/types": "^7.4.4", + "esutils": "^2.0.2" + } + }, + "@babel/preset-react": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.24.1.tgz", + "integrity": "sha512-eFa8up2/8cZXLIpkafhaADTXSnl7IsUFCYenRWrARBz0/qZwcT0RBXpys0LJU4+WfPoF2ZG6ew6s2V6izMCwRA==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-validator-option": "^7.23.5", + "@babel/plugin-transform-react-display-name": "^7.24.1", + "@babel/plugin-transform-react-jsx": "^7.23.4", + "@babel/plugin-transform-react-jsx-development": "^7.22.5", + "@babel/plugin-transform-react-pure-annotations": "^7.24.1" + } + }, + "@babel/preset-typescript": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.24.1.tgz", + "integrity": "sha512-1DBaMmRDpuYQBPWD8Pf/WEwCrtgRHxsZnP4mIy9G/X+hFfbI47Q2G4t1Paakld84+qsk2fSsUPMKg71jkoOOaQ==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-validator-option": "^7.23.5", + "@babel/plugin-syntax-jsx": "^7.24.1", + "@babel/plugin-transform-modules-commonjs": "^7.24.1", + "@babel/plugin-transform-typescript": "^7.24.1" + } + }, + "@babel/register": { + "version": "7.23.7", + "resolved": "https://registry.npmjs.org/@babel/register/-/register-7.23.7.tgz", + "integrity": "sha512-EjJeB6+kvpk+Y5DAkEAmbOBEFkh9OASx0huoEkqYTFxAZHzOAX2Oh5uwAUuL2rUddqfM0SA+KPXV2TbzoZ2kvQ==", + "dev": true, + "requires": { + "clone-deep": "^4.0.1", + "find-cache-dir": "^2.0.0", + "make-dir": "^2.1.0", + "pirates": "^4.0.6", + "source-map-support": "^0.5.16" + }, + "dependencies": { + "find-cache-dir": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz", + "integrity": "sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==", + "dev": true, + "requires": { + "commondir": "^1.0.1", + "make-dir": "^2.0.0", + "pkg-dir": "^3.0.0" + } + }, + "find-up": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", + "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", + "dev": true, + "requires": { + "locate-path": "^3.0.0" + } + }, + "locate-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", + "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", + "dev": true, + "requires": { + "p-locate": "^3.0.0", + "path-exists": "^3.0.0" + } + }, + "p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dev": true, + "requires": { + "p-try": "^2.0.0" + } + }, + "p-locate": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", + "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", + "dev": true, + "requires": { + "p-limit": "^2.0.0" + } + }, + "path-exists": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz", + "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==", + "dev": true + }, + "pkg-dir": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz", + "integrity": "sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==", + "dev": true, + "requires": { + "find-up": "^3.0.0" + } + } + } + }, + "@babel/regjsgen": { + "version": "0.8.0", + "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz", + "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==", + "dev": true + }, + "@babel/runtime": { + "version": "7.23.9", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.9.tgz", + "integrity": "sha512-0CX6F+BI2s9dkUqr08KFrAIZgNFj75rdBU/DjCyYLIaV/quFjkk6T+EJ2LkZHyZTbEV4L5p97mNkUsHl2wLFAw==", + "dev": true, + "requires": { + "regenerator-runtime": "^0.14.0" + } + }, + "@babel/template": { + "version": "7.24.0", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.24.0.tgz", + "integrity": "sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==", + "requires": { + "@babel/code-frame": "^7.23.5", + "@babel/parser": "^7.24.0", + "@babel/types": "^7.24.0" + } + }, + "@babel/traverse": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.1.tgz", + "integrity": "sha512-xuU6o9m68KeqZbQuDt2TcKSxUw/mrsvavlEqQ1leZ/B+C9tk6E4sRWy97WaXgvq5E+nU3cXMxv3WKOCanVMCmQ==", + "requires": { + "@babel/code-frame": "^7.24.1", + "@babel/generator": "^7.24.1", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-function-name": "^7.23.0", + "@babel/helper-hoist-variables": "^7.22.5", + "@babel/helper-split-export-declaration": "^7.22.6", + "@babel/parser": "^7.24.1", + "@babel/types": "^7.24.0", + "debug": "^4.3.1", + "globals": "^11.1.0" + } + }, + "@babel/types": { + "version": "7.24.0", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.0.tgz", + "integrity": "sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==", + "requires": { + "@babel/helper-string-parser": "^7.23.4", + "@babel/helper-validator-identifier": "^7.22.20", + "to-fast-properties": "^2.0.0" + } + }, + "@base2/pretty-print-object": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@base2/pretty-print-object/-/pretty-print-object-1.0.1.tgz", + "integrity": "sha512-4iri8i1AqYHJE2DstZYkyEprg6Pq6sKx3xn5FpySk9sNhH7qN2LLlHJCfDTZRILNwQNPD7mATWM0TBui7uC1pA==", + "dev": true + }, + "@colors/colors": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz", + "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==", + "dev": true, + "optional": true + }, + "@discoveryjs/json-ext": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz", + "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==", + "dev": true + }, + "@emotion/is-prop-valid": { + "version": "0.8.8", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", + "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==", + "dev": true, + "requires": { + "@emotion/memoize": "0.7.4" + } + }, + "@emotion/memoize": { + "version": "0.7.4", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", + "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==", + "dev": true + }, + "@emotion/stylis": { + "version": "0.8.5", + "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", + "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==", + "dev": true + }, + "@emotion/unitless": { + "version": "0.7.5", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", + "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==", + "dev": true + }, + "@emotion/use-insertion-effect-with-fallbacks": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz", + "integrity": "sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==", + "dev": true + }, + "@esbuild/android-arm": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz", + "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==", + "dev": true, + "optional": true + }, + "@esbuild/android-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz", + "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==", + "dev": true, + "optional": true + }, + "@esbuild/android-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz", + "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==", + "dev": true, + "optional": true + }, + "@esbuild/darwin-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz", + "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==", + "dev": true, + "optional": true + }, + "@esbuild/darwin-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz", + "integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==", + "dev": true, + "optional": true + }, + "@esbuild/freebsd-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz", + "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==", + "dev": true, + "optional": true + }, + "@esbuild/freebsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz", + "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==", + "dev": true, + "optional": true + }, + "@esbuild/linux-arm": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz", + "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==", + "dev": true, + "optional": true + }, + "@esbuild/linux-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz", + "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==", + "dev": true, + "optional": true + }, + "@esbuild/linux-ia32": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz", + "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==", + "dev": true, + "optional": true + }, + "@esbuild/linux-loong64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz", + "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==", + "dev": true, + "optional": true + }, + "@esbuild/linux-mips64el": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz", + "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==", + "dev": true, + "optional": true + }, + "@esbuild/linux-ppc64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz", + "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==", + "dev": true, + "optional": true + }, + "@esbuild/linux-riscv64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz", + "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==", + "dev": true, + "optional": true + }, + "@esbuild/linux-s390x": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz", + "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==", + "dev": true, + "optional": true + }, + "@esbuild/linux-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz", + "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==", + "dev": true, + "optional": true + }, + "@esbuild/netbsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz", + "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==", + "dev": true, + "optional": true + }, + "@esbuild/openbsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz", + "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==", + "dev": true, + "optional": true + }, + "@esbuild/sunos-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz", + "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==", + "dev": true, + "optional": true + }, + "@esbuild/win32-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz", + "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==", + "dev": true, + "optional": true + }, + "@esbuild/win32-ia32": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz", + "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==", + "dev": true, + "optional": true + }, + "@esbuild/win32-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz", + "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==", + "dev": true, + "optional": true + }, + "@fal-works/esbuild-plugin-global-externals": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/@fal-works/esbuild-plugin-global-externals/-/esbuild-plugin-global-externals-2.1.2.tgz", + "integrity": "sha512-cEee/Z+I12mZcFJshKcCqC8tuX5hG3s+d+9nZ3LabqKF1vKdF41B92pJVCBggjAGORAeOzyyDDKrZwIkLffeOQ==", + "dev": true + }, + "@floating-ui/core": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.0.tgz", + "integrity": "sha512-PcF++MykgmTj3CIyOQbKA/hDzOAiqI3mhuoN44WRCopIs1sgoDoU4oty4Jtqaj/y3oDU6fnVSm4QG0a3t5i0+g==", + "dev": true, + "requires": { + "@floating-ui/utils": "^0.2.1" + } + }, + "@floating-ui/dom": { + "version": "1.6.3", + "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.3.tgz", + "integrity": "sha512-RnDthu3mzPlQ31Ss/BTwQ1zjzIhr3lk1gZB1OC56h/1vEtaXkESrOqL5fQVMfXpwGtRwX+YsZBdyHtJMQnkArw==", + "dev": true, + "requires": { + "@floating-ui/core": "^1.0.0", + "@floating-ui/utils": "^0.2.0" + } + }, + "@floating-ui/react-dom": { + "version": "2.0.8", + "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.8.tgz", + "integrity": "sha512-HOdqOt3R3OGeTKidaLvJKcgg75S6tibQ3Tif4eyd91QnIJWr0NLvoXFpJA/j8HqkFSL68GDca9AuyWEHlhyClw==", + "dev": true, + "requires": { + "@floating-ui/dom": "^1.6.1" + } + }, + "@floating-ui/utils": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz", + "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q==", + "dev": true + }, + "@hapi/hoek": { + "version": "9.3.0", + "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz", + "integrity": "sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==", + "dev": true + }, + "@hapi/topo": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz", + "integrity": "sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==", + "dev": true, + "requires": { + "@hapi/hoek": "^9.0.0" + } + }, + "@hypnosphi/create-react-context": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/@hypnosphi/create-react-context/-/create-react-context-0.3.1.tgz", + "integrity": "sha512-V1klUed202XahrWJLLOT3EXNeCpFHCcJntdFGI15ntCwau+jfT386w7OFTMaCqOgXUH1fa0w/I1oZs+i/Rfr0A==", + "dev": true, + "requires": { + "gud": "^1.0.0", + "warning": "^4.0.3" + } + }, + "@isaacs/cliui": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", + "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==", + "dev": true, + "requires": { + "string-width": "^5.1.2", + "string-width-cjs": "npm:string-width@^4.2.0", + "strip-ansi": "^7.0.1", + "strip-ansi-cjs": "npm:strip-ansi@^6.0.1", + "wrap-ansi": "^8.1.0", + "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0" + }, + "dependencies": { + "ansi-regex": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz", + "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==", + "dev": true + }, + "ansi-styles": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", + "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", + "dev": true + }, + "emoji-regex": { + "version": "9.2.2", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz", + "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==", + "dev": true + }, + "string-width": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz", + "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==", + "dev": true, + "requires": { + "eastasianwidth": "^0.2.0", + "emoji-regex": "^9.2.2", + "strip-ansi": "^7.0.1" + } + }, + "strip-ansi": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", + "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", + "dev": true, + "requires": { + "ansi-regex": "^6.0.1" + } + }, + "wrap-ansi": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz", + "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==", + "dev": true, + "requires": { + "ansi-styles": "^6.1.0", + "string-width": "^5.0.1", + "strip-ansi": "^7.0.1" + } + } + } + }, + "@isaacs/ttlcache": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/@isaacs/ttlcache/-/ttlcache-1.4.1.tgz", + "integrity": "sha512-RQgQ4uQ+pLbqXfOmieB91ejmLwvSgv9nLx6sT6sD83s7umBypgg+OIBOBbEUiJXrfpnp9j0mRhYYdzp9uqq3lA==", + "dev": true + }, + "@istanbuljs/load-nyc-config": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz", + "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==", + "dev": true, + "requires": { + "camelcase": "^5.3.1", + "find-up": "^4.1.0", + "get-package-type": "^0.1.0", + "js-yaml": "^3.13.1", + "resolve-from": "^5.0.0" + }, + "dependencies": { + "find-up": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", + "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", + "dev": true, + "requires": { + "locate-path": "^5.0.0", + "path-exists": "^4.0.0" + } + }, + "locate-path": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", + "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", + "dev": true, + "requires": { + "p-locate": "^4.1.0" + } + }, + "p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dev": true, + "requires": { + "p-try": "^2.0.0" + } + }, + "p-locate": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", + "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", + "dev": true, + "requires": { + "p-limit": "^2.2.0" + } + } + } + }, + "@istanbuljs/schema": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz", + "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==", + "dev": true + }, + "@jest/create-cache-key-function": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/@jest/create-cache-key-function/-/create-cache-key-function-29.7.0.tgz", + "integrity": "sha512-4QqS3LY5PBmTRHj9sAg1HLoPzqAI0uOX6wI/TRqHIcOxlFidy6YEmCQJk6FSZjNLGCeubDMfmkWL+qaLKhSGQA==", + "dev": true, + "requires": { + "@jest/types": "^29.6.3" + } + }, + "@jest/environment": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-29.7.0.tgz", + "integrity": "sha512-aQIfHDq33ExsN4jP1NWGXhxgQ/wixs60gDiKO+XVMd8Mn0NWPWgc34ZQDTb2jKaUWQ7MuwoitXAsN2XVXNMpAw==", + "dev": true, + "requires": { + "@jest/fake-timers": "^29.7.0", + "@jest/types": "^29.6.3", + "@types/node": "*", + "jest-mock": "^29.7.0" + } + }, + "@jest/fake-timers": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-29.7.0.tgz", + "integrity": "sha512-q4DH1Ha4TTFPdxLsqDXK1d3+ioSL7yL5oCMJZgDYm6i+6CygW5E5xVr/D1HdsGxjt1ZWSfUAs9OxSB/BNelWrQ==", + "dev": true, + "requires": { + "@jest/types": "^29.6.3", + "@sinonjs/fake-timers": "^10.0.2", + "@types/node": "*", + "jest-message-util": "^29.7.0", + "jest-mock": "^29.7.0", + "jest-util": "^29.7.0" + } + }, + "@jest/schemas": { + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz", + "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==", + "dev": true, + "requires": { + "@sinclair/typebox": "^0.27.8" + } + }, + "@jest/transform": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.7.0.tgz", + "integrity": "sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==", + "dev": true, + "requires": { + "@babel/core": "^7.11.6", + "@jest/types": "^29.6.3", + "@jridgewell/trace-mapping": "^0.3.18", + "babel-plugin-istanbul": "^6.1.1", + "chalk": "^4.0.0", + "convert-source-map": "^2.0.0", + "fast-json-stable-stringify": "^2.1.0", + "graceful-fs": "^4.2.9", + "jest-haste-map": "^29.7.0", + "jest-regex-util": "^29.6.3", + "jest-util": "^29.7.0", + "micromatch": "^4.0.4", + "pirates": "^4.0.4", + "slash": "^3.0.0", + "write-file-atomic": "^4.0.2" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "slash": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", + "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", + "dev": true + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "@jest/types": { + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz", + "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==", + "dev": true, + "requires": { + "@jest/schemas": "^29.6.3", + "@types/istanbul-lib-coverage": "^2.0.0", + "@types/istanbul-reports": "^3.0.0", + "@types/node": "*", + "@types/yargs": "^17.0.8", + "chalk": "^4.0.0" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "@joshwooding/vite-plugin-react-docgen-typescript": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/@joshwooding/vite-plugin-react-docgen-typescript/-/vite-plugin-react-docgen-typescript-0.3.0.tgz", + "integrity": "sha512-2D6y7fNvFmsLmRt6UCOFJPvFoPMJGT0Uh1Wg0RaigUp7kdQPs6yYn8Dmx6GZkOH/NW0yMTwRz/p0SRMMRo50vA==", + "dev": true, + "requires": { + "glob": "^7.2.0", + "glob-promise": "^4.2.0", + "magic-string": "^0.27.0", + "react-docgen-typescript": "^2.2.2" + }, + "dependencies": { + "magic-string": { + "version": "0.27.0", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz", + "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==", + "dev": true, + "requires": { + "@jridgewell/sourcemap-codec": "^1.4.13" + } + } + } + }, + "@jridgewell/gen-mapping": { + "version": "0.3.5", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz", + "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==", + "requires": { + "@jridgewell/set-array": "^1.2.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.24" + } + }, + "@jridgewell/resolve-uri": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz", + "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==" + }, + "@jridgewell/set-array": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz", + "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==" + }, + "@jridgewell/source-map": { + "version": "0.3.5", + "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz", + "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==", + "dev": true, + "requires": { + "@jridgewell/gen-mapping": "^0.3.0", + "@jridgewell/trace-mapping": "^0.3.9" + } + }, + "@jridgewell/sourcemap-codec": { + "version": "1.4.15", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", + "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==" + }, + "@jridgewell/trace-mapping": { + "version": "0.3.25", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz", + "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==", + "requires": { + "@jridgewell/resolve-uri": "^3.1.0", + "@jridgewell/sourcemap-codec": "^1.4.14" + } + }, + "@juggle/resize-observer": { + "version": "3.4.0", + "resolved": "https://registry.npmjs.org/@juggle/resize-observer/-/resize-observer-3.4.0.tgz", + "integrity": "sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==", + "dev": true + }, + "@linaria/core": { + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/@linaria/core/-/core-5.0.2.tgz", + "integrity": "sha512-l5jQq7w9kDvonfr/0MBF47Dagx9Y9f/o5Q8j3zv7GepwG/yHQdbjKr0tq07rx2fSDDX7Nbqlxk6k9Ymir/NGpg==", + "requires": { + "@linaria/logger": "^5.0.0", + "@linaria/tags": "^5.0.2", + "@linaria/utils": "^5.0.2" + } + }, + "@linaria/logger": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/@linaria/logger/-/logger-5.0.0.tgz", + "integrity": "sha512-PZd5H0I4F84U0kXSE+vD75ltIGDxEA6gMDNWS2aDZFitmdlQM5rIXqvKFrp5NsHa7a3AH+I2Hxm0dg60WZF7vg==", + "requires": { + "debug": "^4.3.4", + "picocolors": "^1.0.0" + } + }, + "@linaria/react": { + "version": "5.0.3", + "resolved": "https://registry.npmjs.org/@linaria/react/-/react-5.0.3.tgz", + "integrity": "sha512-faTQHnUlrAz0Lodu+rr6Yx59rX0nqFOrZ5/IdlfQcTRz9VebyVL4vtA3AOecmn1YFZjMpqjopT0OzNz6GknQSg==", + "requires": { + "@emotion/is-prop-valid": "^1.2.0", + "@linaria/core": "^5.0.2", + "@linaria/tags": "^5.0.2", + "@linaria/utils": "^5.0.2", + "minimatch": "^9.0.3", + "react-html-attributes": "^1.4.6", + "ts-invariant": "^0.10.3" + }, + "dependencies": { + "@emotion/is-prop-valid": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz", + "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==", + "requires": { + "@emotion/memoize": "^0.8.1" + } + }, + "@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" + }, + "brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "requires": { + "balanced-match": "^1.0.0" + } + }, + "minimatch": { + "version": "9.0.3", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz", + "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==", + "requires": { + "brace-expansion": "^2.0.1" + } + } + } + }, + "@linaria/tags": { + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/@linaria/tags/-/tags-5.0.2.tgz", + "integrity": "sha512-opcORl2sA6WkBjTNLHTgpet97dNKnwPRX/QGGZMykBsvGH3AsnEg/bT31cKBMBhL+YBGQsCdBmolxvCkWPOXQw==", + "requires": { + "@babel/generator": "^7.22.15", + "@linaria/logger": "^5.0.0", + "@linaria/utils": "^5.0.2" + } + }, + "@linaria/utils": { + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/@linaria/utils/-/utils-5.0.2.tgz", + "integrity": "sha512-ZL8Yz4IIr9A8a5+o5LRnEpgdzIkyj4yKJrhw5Zv8wwvL+d/MHUK0q+l/KvxBmuYdcF+YYVHZ9eeBHTQBSL7r/w==", + "requires": { + "@babel/core": "^7.22.15", + "@babel/generator": "^7.22.15", + "@babel/plugin-transform-modules-commonjs": "^7.22.15", + "@babel/template": "^7.22.15", + "@babel/traverse": "^7.22.15", + "@babel/types": "^7.22.15", + "@linaria/logger": "^5.0.0", + "babel-merge": "^3.0.0", + "find-up": "^5.0.0", + "minimatch": "^9.0.3" + }, + "dependencies": { + "brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "requires": { + "balanced-match": "^1.0.0" + } + }, + "minimatch": { + "version": "9.0.3", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz", + "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==", + "requires": { + "brace-expansion": "^2.0.1" + } + } + } + }, + "@mdx-js/react": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-2.3.0.tgz", + "integrity": "sha512-zQH//gdOmuu7nt2oJR29vFhDv88oGPmVw6BggmrHeMI+xgEkp1B2dX9/bMBSYtK0dyLX/aOmesKS09g222K1/g==", + "dev": true, + "requires": { + "@types/mdx": "^2.0.0", + "@types/react": ">=16" + } + }, + "@microsoft/api-extractor": { + "version": "7.38.3", + "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.38.3.tgz", + "integrity": "sha512-xt9iYyC5f39281j77JTA9C3ISJpW1XWkCcnw+2vM78CPnro6KhPfwQdPDfwS5JCPNuq0grm8cMdPUOPvrchDWw==", + "dev": true, + "requires": { + "@microsoft/api-extractor-model": "7.28.2", + "@microsoft/tsdoc": "0.14.2", + "@microsoft/tsdoc-config": "~0.16.1", + "@rushstack/node-core-library": "3.61.0", + "@rushstack/rig-package": "0.5.1", + "@rushstack/ts-command-line": "4.17.1", + "colors": "~1.2.1", + "lodash": "~4.17.15", + "resolve": "~1.22.1", + "semver": "~7.5.4", + "source-map": "~0.6.1", + "typescript": "~5.0.4" + }, + "dependencies": { + "lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "requires": { + "yallist": "^4.0.0" + } + }, + "semver": { + "version": "7.5.4", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", + "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", + "dev": true, + "requires": { + "lru-cache": "^6.0.0" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + }, + "typescript": { + "version": "5.0.4", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.0.4.tgz", + "integrity": "sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==", + "dev": true + }, + "yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + } + } + }, + "@microsoft/api-extractor-model": { + "version": "7.28.2", + "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.28.2.tgz", + "integrity": "sha512-vkojrM2fo3q4n4oPh4uUZdjJ2DxQ2+RnDQL/xhTWSRUNPF6P4QyrvY357HBxbnltKcYu+nNNolVqc6TIGQ73Ig==", + "dev": true, + "requires": { + "@microsoft/tsdoc": "0.14.2", + "@microsoft/tsdoc-config": "~0.16.1", + "@rushstack/node-core-library": "3.61.0" + } + }, + "@microsoft/tsdoc": { + "version": "0.14.2", + "resolved": "https://registry.npmjs.org/@microsoft/tsdoc/-/tsdoc-0.14.2.tgz", + "integrity": "sha512-9b8mPpKrfeGRuhFH5iO1iwCLeIIsV6+H1sRfxbkoGXIyQE2BTsPd9zqSqQJ+pv5sJ/hT5M1zvOFL02MnEezFug==", + "dev": true + }, + "@microsoft/tsdoc-config": { + "version": "0.16.2", + "resolved": "https://registry.npmjs.org/@microsoft/tsdoc-config/-/tsdoc-config-0.16.2.tgz", + "integrity": "sha512-OGiIzzoBLgWWR0UdRJX98oYO+XKGf7tiK4Zk6tQ/E4IJqGCe7dvkTvgDZV5cFJUzLGDOjeAXrnZoA6QkVySuxw==", + "dev": true, + "requires": { + "@microsoft/tsdoc": "0.14.2", + "ajv": "~6.12.6", + "jju": "~1.4.0", + "resolve": "~1.19.0" + }, + "dependencies": { + "resolve": { + "version": "1.19.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.19.0.tgz", + "integrity": "sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==", + "dev": true, + "requires": { + "is-core-module": "^2.1.0", + "path-parse": "^1.0.6" + } + } + } + }, + "@ndelangen/get-tarball": { + "version": "3.0.9", + "resolved": "https://registry.npmjs.org/@ndelangen/get-tarball/-/get-tarball-3.0.9.tgz", + "integrity": "sha512-9JKTEik4vq+yGosHYhZ1tiH/3WpUS0Nh0kej4Agndhox8pAdWhEx5knFVRcb/ya9knCRCs1rPxNrSXTDdfVqpA==", + "dev": true, + "requires": { + "gunzip-maybe": "^1.4.2", + "pump": "^3.0.0", + "tar-fs": "^2.1.1" + } + }, + "@nicolo-ribaudo/chokidar-2": { + "version": "2.1.8-no-fsevents.3", + "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/chokidar-2/-/chokidar-2-2.1.8-no-fsevents.3.tgz", + "integrity": "sha512-s88O1aVtXftvp5bCPB7WnmXc5IwOZZ7YPuwNPt+GtOOXpPvad1LfbmjYv+qII7zP6RU2QGnqve27dnLycEnyEQ==", + "dev": true, + "optional": true + }, + "@nodelib/fs.scandir": { + "version": "2.1.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", + "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", + "dev": true, + "requires": { + "@nodelib/fs.stat": "2.0.5", + "run-parallel": "^1.1.9" + } + }, + "@nodelib/fs.stat": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", + "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", + "dev": true + }, + "@nodelib/fs.walk": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", + "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", + "dev": true, + "requires": { + "@nodelib/fs.scandir": "2.1.5", + "fastq": "^1.6.0" + } + }, + "@pkgjs/parseargs": { + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", + "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==", + "dev": true, + "optional": true + }, + "@popperjs/core": { + "version": "2.9.2", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.9.2.tgz", + "integrity": "sha512-VZMYa7+fXHdwIq1TDhSXoVmSPEGM/aa+6Aiq3nVVJ9bXr24zScr+NlKFKC3iPljA7ho/GAZr+d2jOf5GIRC30Q==" + }, + "@radix-ui/number": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.0.1.tgz", + "integrity": "sha512-T5gIdVO2mmPW3NNhjNgEP3cqMXjXL9UbO0BzWcXfvdBs+BohbQxvd/K5hSVKmn9/lbTdsQVKbUcP5WLCwvUbBg==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10" + } + }, + "@radix-ui/primitive": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.0.1.tgz", + "integrity": "sha512-yQ8oGX2GVsEYMWGxcovu1uGWPCxV5BFfeeYxqPmuAzUyLT9qmaMXSAhXpb0WrspIeqYzdJpkh2vHModJPgRIaw==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10" + } + }, + "@radix-ui/react-arrow": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.0.3.tgz", + "integrity": "sha512-wSP+pHsB/jQRaL6voubsQ/ZlrGBHHrOjmBnr19hxYgtS0WvAFwZhK2WP/YY5yF9uKECCEEDGxuLxq1NBK51wFA==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-primitive": "1.0.3" + } + }, + "@radix-ui/react-collection": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.0.3.tgz", + "integrity": "sha512-3SzW+0PW7yBBoQlT8wNcGtaxaD0XSu0uLUFgrtHY08Acx05TaHaOmVLR73c0j/cqpDy53KBMO7s0dx2wmOIDIA==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-compose-refs": "1.0.1", + "@radix-ui/react-context": "1.0.1", + "@radix-ui/react-primitive": "1.0.3", + "@radix-ui/react-slot": "1.0.2" + } + }, + "@radix-ui/react-compose-refs": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.1.tgz", + "integrity": "sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10" + } + }, + "@radix-ui/react-context": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.0.1.tgz", + "integrity": "sha512-ebbrdFoYTcuZ0v4wG5tedGnp9tzcV8awzsxYph7gXUyvnNLuTIcCk1q17JEbnVhXAKG9oX3KtchwiMIAYp9NLg==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10" + } + }, + "@radix-ui/react-direction": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.0.1.tgz", + "integrity": "sha512-RXcvnXgyvYvBEOhCBuddKecVkoMiI10Jcm5cTI7abJRAHYfFxeu+FBQs/DvdxSYucxR5mna0dNsL6QFlds5TMA==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10" + } + }, + "@radix-ui/react-dismissable-layer": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.4.tgz", + "integrity": "sha512-7UpBa/RKMoHJYjie1gkF1DlK8l1fdU/VKDpoS3rCCo8YBJR294GwcEHyxHw72yvphJ7ld0AXEcSLAzY2F/WyCg==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10", + "@radix-ui/primitive": "1.0.1", + "@radix-ui/react-compose-refs": "1.0.1", + "@radix-ui/react-primitive": "1.0.3", + "@radix-ui/react-use-callback-ref": "1.0.1", + "@radix-ui/react-use-escape-keydown": "1.0.3" + } + }, + "@radix-ui/react-focus-guards": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.0.1.tgz", + "integrity": "sha512-Rect2dWbQ8waGzhMavsIbmSVCgYxkXLxxR3ZvCX79JOglzdEy4JXMb98lq4hPxUbLr77nP0UOGf4rcMU+s1pUA==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10" + } + }, + "@radix-ui/react-focus-scope": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.0.3.tgz", + "integrity": "sha512-upXdPfqI4islj2CslyfUBNlaJCPybbqRHAi1KER7Isel9Q2AtSJ0zRBZv8mWQiFXD2nyAJ4BhC3yXgZ6kMBSrQ==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-compose-refs": "1.0.1", + "@radix-ui/react-primitive": "1.0.3", + "@radix-ui/react-use-callback-ref": "1.0.1" + } + }, + "@radix-ui/react-id": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.0.1.tgz", + "integrity": "sha512-tI7sT/kqYp8p96yGWY1OAnLHrqDgzHefRBKQ2YAkBS5ja7QLcZ9Z/uY7bEjPUatf8RomoXM8/1sMj1IJaE5UzQ==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-use-layout-effect": "1.0.1" + } + }, + "@radix-ui/react-popper": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.1.2.tgz", + "integrity": "sha512-1CnGGfFi/bbqtJZZ0P/NQY20xdG3E0LALJaLUEoKwPLwl6PPPfbeiCqMVQnhoFRAxjJj4RpBRJzDmUgsex2tSg==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10", + "@floating-ui/react-dom": "^2.0.0", + "@radix-ui/react-arrow": "1.0.3", + "@radix-ui/react-compose-refs": "1.0.1", + "@radix-ui/react-context": "1.0.1", + "@radix-ui/react-primitive": "1.0.3", + "@radix-ui/react-use-callback-ref": "1.0.1", + "@radix-ui/react-use-layout-effect": "1.0.1", + "@radix-ui/react-use-rect": "1.0.1", + "@radix-ui/react-use-size": "1.0.1", + "@radix-ui/rect": "1.0.1" + } + }, + "@radix-ui/react-portal": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.0.3.tgz", + "integrity": "sha512-xLYZeHrWoPmA5mEKEfZZevoVRK/Q43GfzRXkWV6qawIWWK8t6ifIiLQdd7rmQ4Vk1bmI21XhqF9BN3jWf+phpA==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-primitive": "1.0.3" + } + }, + "@radix-ui/react-primitive": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-1.0.3.tgz", + "integrity": "sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-slot": "1.0.2" + } + }, + "@radix-ui/react-roving-focus": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.0.4.tgz", + "integrity": "sha512-2mUg5Mgcu001VkGy+FfzZyzbmuUWzgWkj3rvv4yu+mLw03+mTzbxZHvfcGyFp2b8EkQeMkpRQ5FiA2Vr2O6TeQ==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10", + "@radix-ui/primitive": "1.0.1", + "@radix-ui/react-collection": "1.0.3", + "@radix-ui/react-compose-refs": "1.0.1", + "@radix-ui/react-context": "1.0.1", + "@radix-ui/react-direction": "1.0.1", + "@radix-ui/react-id": "1.0.1", + "@radix-ui/react-primitive": "1.0.3", + "@radix-ui/react-use-callback-ref": "1.0.1", + "@radix-ui/react-use-controllable-state": "1.0.1" + } + }, + "@radix-ui/react-select": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-1.2.2.tgz", + "integrity": "sha512-zI7McXr8fNaSrUY9mZe4x/HC0jTLY9fWNhO1oLWYMQGDXuV4UCivIGTxwioSzO0ZCYX9iSLyWmAh/1TOmX3Cnw==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10", + "@radix-ui/number": "1.0.1", + "@radix-ui/primitive": "1.0.1", + "@radix-ui/react-collection": "1.0.3", + "@radix-ui/react-compose-refs": "1.0.1", + "@radix-ui/react-context": "1.0.1", + "@radix-ui/react-direction": "1.0.1", + "@radix-ui/react-dismissable-layer": "1.0.4", + "@radix-ui/react-focus-guards": "1.0.1", + "@radix-ui/react-focus-scope": "1.0.3", + "@radix-ui/react-id": "1.0.1", + "@radix-ui/react-popper": "1.1.2", + "@radix-ui/react-portal": "1.0.3", + "@radix-ui/react-primitive": "1.0.3", + "@radix-ui/react-slot": "1.0.2", + "@radix-ui/react-use-callback-ref": "1.0.1", + "@radix-ui/react-use-controllable-state": "1.0.1", + "@radix-ui/react-use-layout-effect": "1.0.1", + "@radix-ui/react-use-previous": "1.0.1", + "@radix-ui/react-visually-hidden": "1.0.3", + "aria-hidden": "^1.1.1", + "react-remove-scroll": "2.5.5" + } + }, + "@radix-ui/react-separator": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.0.3.tgz", + "integrity": "sha512-itYmTy/kokS21aiV5+Z56MZB54KrhPgn6eHDKkFeOLR34HMN2s8PaN47qZZAGnvupcjxHaFZnW4pQEh0BvvVuw==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-primitive": "1.0.3" + } + }, + "@radix-ui/react-slot": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.2.tgz", + "integrity": "sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-compose-refs": "1.0.1" + } + }, + "@radix-ui/react-toggle": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle/-/react-toggle-1.0.3.tgz", + "integrity": "sha512-Pkqg3+Bc98ftZGsl60CLANXQBBQ4W3mTFS9EJvNxKMZ7magklKV69/id1mlAlOFDDfHvlCms0fx8fA4CMKDJHg==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10", + "@radix-ui/primitive": "1.0.1", + "@radix-ui/react-primitive": "1.0.3", + "@radix-ui/react-use-controllable-state": "1.0.1" + } + }, + "@radix-ui/react-toggle-group": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle-group/-/react-toggle-group-1.0.4.tgz", + "integrity": "sha512-Uaj/M/cMyiyT9Bx6fOZO0SAG4Cls0GptBWiBmBxofmDbNVnYYoyRWj/2M/6VCi/7qcXFWnHhRUfdfZFvvkuu8A==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10", + "@radix-ui/primitive": "1.0.1", + "@radix-ui/react-context": "1.0.1", + "@radix-ui/react-direction": "1.0.1", + "@radix-ui/react-primitive": "1.0.3", + "@radix-ui/react-roving-focus": "1.0.4", + "@radix-ui/react-toggle": "1.0.3", + "@radix-ui/react-use-controllable-state": "1.0.1" + } + }, + "@radix-ui/react-toolbar": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@radix-ui/react-toolbar/-/react-toolbar-1.0.4.tgz", + "integrity": "sha512-tBgmM/O7a07xbaEkYJWYTXkIdU/1pW4/KZORR43toC/4XWyBCURK0ei9kMUdp+gTPPKBgYLxXmRSH1EVcIDp8Q==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10", + "@radix-ui/primitive": "1.0.1", + "@radix-ui/react-context": "1.0.1", + "@radix-ui/react-direction": "1.0.1", + "@radix-ui/react-primitive": "1.0.3", + "@radix-ui/react-roving-focus": "1.0.4", + "@radix-ui/react-separator": "1.0.3", + "@radix-ui/react-toggle-group": "1.0.4" + } + }, + "@radix-ui/react-use-callback-ref": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.1.tgz", + "integrity": "sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10" + } + }, + "@radix-ui/react-use-controllable-state": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.0.1.tgz", + "integrity": "sha512-Svl5GY5FQeN758fWKrjM6Qb7asvXeiZltlT4U2gVfl8Gx5UAv2sMR0LWo8yhsIZh2oQ0eFdZ59aoOOMV7b47VA==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-use-callback-ref": "1.0.1" + } + }, + "@radix-ui/react-use-escape-keydown": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.3.tgz", + "integrity": "sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-use-callback-ref": "1.0.1" + } + }, + "@radix-ui/react-use-layout-effect": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.1.tgz", + "integrity": "sha512-v/5RegiJWYdoCvMnITBkNNx6bCj20fiaJnWtRkU18yITptraXjffz5Qbn05uOiQnOvi+dbkznkoaMltz1GnszQ==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10" + } + }, + "@radix-ui/react-use-previous": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.0.1.tgz", + "integrity": "sha512-cV5La9DPwiQ7S0gf/0qiD6YgNqM5Fk97Kdrlc5yBcrF3jyEZQwm7vYFqMo4IfeHgJXsRaMvLABFtd0OVEmZhDw==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10" + } + }, + "@radix-ui/react-use-rect": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.0.1.tgz", + "integrity": "sha512-Cq5DLuSiuYVKNU8orzJMbl15TXilTnJKUCltMVQg53BQOF1/C5toAaGrowkgksdBQ9H+SRL23g0HDmg9tvmxXw==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10", + "@radix-ui/rect": "1.0.1" + } + }, + "@radix-ui/react-use-size": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.0.1.tgz", + "integrity": "sha512-ibay+VqrgcaI6veAojjofPATwledXiSmX+C0KrBk/xgpX9rBzPV3OsfwlhQdUOFbh+LKQorLYT+xTXW9V8yd0g==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-use-layout-effect": "1.0.1" + } + }, + "@radix-ui/react-visually-hidden": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.0.3.tgz", + "integrity": "sha512-D4w41yN5YRKtu464TLnByKzMDG/JlMPHtfZgQAu9v6mNakUqGUI9vUrfQKz8NK41VMm/xbZbh76NUTVtIYqOMA==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-primitive": "1.0.3" + } + }, + "@radix-ui/rect": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.0.1.tgz", + "integrity": "sha512-fyrgCaedtvMg9NK3en0pnOYJdtfwxUcNolezkNPUsoX57X8oQk+NkqcvzHXD2uKNij6GXmWU9NDru2IWjrO4BQ==", + "dev": true, + "requires": { + "@babel/runtime": "^7.13.10" + } + }, + "@react-native-community/cli": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli/-/cli-12.3.2.tgz", + "integrity": "sha512-WgoUWwLDcf/G1Su2COUUVs3RzAwnV/vUTdISSpAUGgSc57mPabaAoUctKTnfYEhCnE3j02k3VtaVPwCAFRO3TQ==", + "dev": true, + "requires": { + "@react-native-community/cli-clean": "12.3.2", + "@react-native-community/cli-config": "12.3.2", + "@react-native-community/cli-debugger-ui": "12.3.2", + "@react-native-community/cli-doctor": "12.3.2", + "@react-native-community/cli-hermes": "12.3.2", + "@react-native-community/cli-plugin-metro": "12.3.2", + "@react-native-community/cli-server-api": "12.3.2", + "@react-native-community/cli-tools": "12.3.2", + "@react-native-community/cli-types": "12.3.2", + "chalk": "^4.1.2", + "commander": "^9.4.1", + "deepmerge": "^4.3.0", + "execa": "^5.0.0", + "find-up": "^4.1.0", + "fs-extra": "^8.1.0", + "graceful-fs": "^4.1.3", + "prompts": "^2.4.2", + "semver": "^7.5.2" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "commander": { + "version": "9.5.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz", + "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==", + "dev": true + }, + "find-up": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", + "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", + "dev": true, + "requires": { + "locate-path": "^5.0.0", + "path-exists": "^4.0.0" + } + }, + "fs-extra": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz", + "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==", + "dev": true, + "requires": { + "graceful-fs": "^4.2.0", + "jsonfile": "^4.0.0", + "universalify": "^0.1.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "locate-path": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", + "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", + "dev": true, + "requires": { + "p-locate": "^4.1.0" + } + }, + "lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "requires": { + "yallist": "^4.0.0" + } + }, + "p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dev": true, + "requires": { + "p-try": "^2.0.0" + } + }, + "p-locate": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", + "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", + "dev": true, + "requires": { + "p-limit": "^2.2.0" + } + }, + "semver": { + "version": "7.5.4", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", + "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", + "dev": true, + "requires": { + "lru-cache": "^6.0.0" + } + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + }, + "yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + } + } + }, + "@react-native-community/cli-clean": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-clean/-/cli-clean-12.3.2.tgz", + "integrity": "sha512-90k2hCX0ddSFPT7EN7h5SZj0XZPXP0+y/++v262hssoey3nhurwF57NGWN0XAR0o9BSW7+mBfeInfabzDraO6A==", + "dev": true, + "requires": { + "@react-native-community/cli-tools": "12.3.2", + "chalk": "^4.1.2", + "execa": "^5.0.0" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "@react-native-community/cli-config": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-config/-/cli-config-12.3.2.tgz", + "integrity": "sha512-UUCzDjQgvAVL/57rL7eOuFUhd+d+6qfM7V8uOegQFeFEmSmvUUDLYoXpBa5vAK9JgQtSqMBJ1Shmwao+/oElxQ==", + "dev": true, + "requires": { + "@react-native-community/cli-tools": "12.3.2", + "chalk": "^4.1.2", + "cosmiconfig": "^5.1.0", + "deepmerge": "^4.3.0", + "glob": "^7.1.3", + "joi": "^17.2.1" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "@react-native-community/cli-debugger-ui": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-debugger-ui/-/cli-debugger-ui-12.3.2.tgz", + "integrity": "sha512-nSWQUL+51J682DlfcC1bjkUbQbGvHCC25jpqTwHIjmmVjYCX1uHuhPSqQKgPNdvtfOkrkACxczd7kVMmetxY2Q==", + "dev": true, + "requires": { + "serve-static": "^1.13.1" + } + }, + "@react-native-community/cli-doctor": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-doctor/-/cli-doctor-12.3.2.tgz", + "integrity": "sha512-GrAabdY4qtBX49knHFvEAdLtCjkmndjTeqhYO6BhsbAeKOtspcLT/0WRgdLIaKODRa61ADNB3K5Zm4dU0QrZOg==", + "dev": true, + "requires": { + "@react-native-community/cli-config": "12.3.2", + "@react-native-community/cli-platform-android": "12.3.2", + "@react-native-community/cli-platform-ios": "12.3.2", + "@react-native-community/cli-tools": "12.3.2", + "chalk": "^4.1.2", + "command-exists": "^1.2.8", + "deepmerge": "^4.3.0", + "envinfo": "^7.10.0", + "execa": "^5.0.0", + "hermes-profile-transformer": "^0.0.6", + "ip": "^1.1.5", + "node-stream-zip": "^1.9.1", + "ora": "^5.4.1", + "semver": "^7.5.2", + "strip-ansi": "^5.2.0", + "wcwidth": "^1.0.1", + "yaml": "^2.2.1" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "requires": { + "yallist": "^4.0.0" + } + }, + "semver": { + "version": "7.5.4", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", + "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", + "dev": true, + "requires": { + "lru-cache": "^6.0.0" + } + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + }, + "yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + } + } + }, + "@react-native-community/cli-hermes": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-hermes/-/cli-hermes-12.3.2.tgz", + "integrity": "sha512-SL6F9O8ghp4ESBFH2YAPLtIN39jdnvGBKnK4FGKpDCjtB3DnUmDsGFlH46S+GGt5M6VzfG2eeKEOKf3pZ6jUzA==", + "dev": true, + "requires": { + "@react-native-community/cli-platform-android": "12.3.2", + "@react-native-community/cli-tools": "12.3.2", + "chalk": "^4.1.2", + "hermes-profile-transformer": "^0.0.6", + "ip": "^1.1.5" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "@react-native-community/cli-platform-android": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-platform-android/-/cli-platform-android-12.3.2.tgz", + "integrity": "sha512-MZ5nO8yi/N+Fj2i9BJcJ9C/ez+9/Ir7lQt49DWRo9YDmzye66mYLr/P2l/qxsixllbbDi7BXrlLpxaEhMrDopg==", + "dev": true, + "requires": { + "@react-native-community/cli-tools": "12.3.2", + "chalk": "^4.1.2", + "execa": "^5.0.0", + "fast-xml-parser": "^4.2.4", + "glob": "^7.1.3", + "logkitty": "^0.7.1" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "@react-native-community/cli-platform-ios": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-platform-ios/-/cli-platform-ios-12.3.2.tgz", + "integrity": "sha512-OcWEAbkev1IL6SUiQnM6DQdsvfsKZhRZtoBNSj9MfdmwotVZSOEZJ+IjZ1FR9ChvMWayO9ns/o8LgoQxr1ZXeg==", + "dev": true, + "requires": { + "@react-native-community/cli-tools": "12.3.2", + "chalk": "^4.1.2", + "execa": "^5.0.0", + "fast-xml-parser": "^4.0.12", + "glob": "^7.1.3", + "ora": "^5.4.1" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "@react-native-community/cli-plugin-metro": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-plugin-metro/-/cli-plugin-metro-12.3.2.tgz", + "integrity": "sha512-FpFBwu+d2E7KRhYPTkKvQsWb2/JKsJv+t1tcqgQkn+oByhp+qGyXBobFB8/R3yYvRRDCSDhS+atWTJzk9TjM8g==", + "dev": true + }, + "@react-native-community/cli-server-api": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-server-api/-/cli-server-api-12.3.2.tgz", + "integrity": "sha512-iwa7EO9XFA/OjI5pPLLpI/6mFVqv8L73kNck3CNOJIUCCveGXBKK0VMyOkXaf/BYnihgQrXh+x5cxbDbggr7+Q==", + "dev": true, + "requires": { + "@react-native-community/cli-debugger-ui": "12.3.2", + "@react-native-community/cli-tools": "12.3.2", + "compression": "^1.7.1", + "connect": "^3.6.5", + "errorhandler": "^1.5.1", + "nocache": "^3.0.1", + "pretty-format": "^26.6.2", + "serve-static": "^1.13.1", + "ws": "^7.5.1" + }, + "dependencies": { + "ws": { + "version": "7.5.9", + "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz", + "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==", + "dev": true + } + } + }, + "@react-native-community/cli-tools": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-tools/-/cli-tools-12.3.2.tgz", + "integrity": "sha512-nDH7vuEicHI2TI0jac/DjT3fr977iWXRdgVAqPZFFczlbs7A8GQvEdGnZ1G8dqRUmg+kptw0e4hwczAOG89JzQ==", + "dev": true, + "requires": { + "appdirsjs": "^1.2.4", + "chalk": "^4.1.2", + "find-up": "^5.0.0", + "mime": "^2.4.1", + "node-fetch": "^2.6.0", + "open": "^6.2.0", + "ora": "^5.4.1", + "semver": "^7.5.2", + "shell-quote": "^1.7.3", + "sudo-prompt": "^9.0.0" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "requires": { + "yallist": "^4.0.0" + } + }, + "semver": { + "version": "7.5.4", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", + "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", + "dev": true, + "requires": { + "lru-cache": "^6.0.0" + } + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + }, + "yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + } + } + }, + "@react-native-community/cli-types": { + "version": "12.3.2", + "resolved": "https://registry.npmjs.org/@react-native-community/cli-types/-/cli-types-12.3.2.tgz", + "integrity": "sha512-9D0UEFqLW8JmS16mjHJxUJWX8E+zJddrHILSH8AJHZ0NNHv4u2DXKdb0wFLMobFxGNxPT+VSOjc60fGvXzWHog==", + "dev": true, + "requires": { + "joi": "^17.2.1" + } + }, + "@react-native/assets-registry": { + "version": "0.73.1", + "resolved": "https://registry.npmjs.org/@react-native/assets-registry/-/assets-registry-0.73.1.tgz", + "integrity": "sha512-2FgAbU7uKM5SbbW9QptPPZx8N9Ke2L7bsHb+EhAanZjFZunA9PaYtyjUQ1s7HD+zDVqOQIvjkpXSv7Kejd2tqg==", + "dev": true + }, + "@react-native/babel-plugin-codegen": { + "version": "0.73.3", + "resolved": "https://registry.npmjs.org/@react-native/babel-plugin-codegen/-/babel-plugin-codegen-0.73.3.tgz", + "integrity": "sha512-+zQrDDbz6lB48LyzFHxNCgXDCBHH+oTRdXAjikRcBUdeG9St9ABbYFLtb799zSxLOrCqFVyXqhJR2vlgLLEbcg==", + "dev": true, + "requires": { + "@react-native/codegen": "0.73.2" + } + }, + "@react-native/babel-preset": { + "version": "0.73.20", + "resolved": "https://registry.npmjs.org/@react-native/babel-preset/-/babel-preset-0.73.20.tgz", + "integrity": "sha512-fU9NqkusbfFq71l4BWQfqqD/lLcLC0MZ++UYgieA3j8lIEppJTLVauv2RwtD2yltBkjebgYEC5Rwvt1l0MUBXw==", + "dev": true, + "requires": { + "@babel/core": "^7.20.0", + "@babel/plugin-proposal-async-generator-functions": "^7.0.0", + "@babel/plugin-proposal-class-properties": "^7.18.0", + "@babel/plugin-proposal-export-default-from": "^7.0.0", + "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.0", + "@babel/plugin-proposal-numeric-separator": "^7.0.0", + "@babel/plugin-proposal-object-rest-spread": "^7.20.0", + "@babel/plugin-proposal-optional-catch-binding": "^7.0.0", + "@babel/plugin-proposal-optional-chaining": "^7.20.0", + "@babel/plugin-syntax-dynamic-import": "^7.8.0", + "@babel/plugin-syntax-export-default-from": "^7.0.0", + "@babel/plugin-syntax-flow": "^7.18.0", + "@babel/plugin-syntax-nullish-coalescing-operator": "^7.0.0", + "@babel/plugin-syntax-optional-chaining": "^7.0.0", + "@babel/plugin-transform-arrow-functions": "^7.0.0", + "@babel/plugin-transform-async-to-generator": "^7.20.0", + "@babel/plugin-transform-block-scoping": "^7.0.0", + "@babel/plugin-transform-classes": "^7.0.0", + "@babel/plugin-transform-computed-properties": "^7.0.0", + "@babel/plugin-transform-destructuring": "^7.20.0", + "@babel/plugin-transform-flow-strip-types": "^7.20.0", + "@babel/plugin-transform-function-name": "^7.0.0", + "@babel/plugin-transform-literals": "^7.0.0", + "@babel/plugin-transform-modules-commonjs": "^7.0.0", + "@babel/plugin-transform-named-capturing-groups-regex": "^7.0.0", + "@babel/plugin-transform-parameters": "^7.0.0", + "@babel/plugin-transform-private-methods": "^7.22.5", + "@babel/plugin-transform-private-property-in-object": "^7.22.11", + "@babel/plugin-transform-react-display-name": "^7.0.0", + "@babel/plugin-transform-react-jsx": "^7.0.0", + "@babel/plugin-transform-react-jsx-self": "^7.0.0", + "@babel/plugin-transform-react-jsx-source": "^7.0.0", + "@babel/plugin-transform-runtime": "^7.0.0", + "@babel/plugin-transform-shorthand-properties": "^7.0.0", + "@babel/plugin-transform-spread": "^7.0.0", + "@babel/plugin-transform-sticky-regex": "^7.0.0", + "@babel/plugin-transform-typescript": "^7.5.0", + "@babel/plugin-transform-unicode-regex": "^7.0.0", + "@babel/template": "^7.0.0", + "@react-native/babel-plugin-codegen": "0.73.3", + "babel-plugin-transform-flow-enums": "^0.0.2", + "react-refresh": "^0.14.0" + } + }, + "@react-native/codegen": { + "version": "0.73.2", + "resolved": "https://registry.npmjs.org/@react-native/codegen/-/codegen-0.73.2.tgz", + "integrity": "sha512-lfy8S7umhE3QLQG5ViC4wg5N1Z+E6RnaeIw8w1voroQsXXGPB72IBozh8dAHR3+ceTxIU0KX3A8OpJI8e1+HpQ==", + "dev": true, + "requires": { + "@babel/parser": "^7.20.0", + "flow-parser": "^0.206.0", + "glob": "^7.1.1", + "invariant": "^2.2.4", + "jscodeshift": "^0.14.0", + "mkdirp": "^0.5.1", + "nullthrows": "^1.1.1" + } + }, + "@react-native/community-cli-plugin": { + "version": "0.73.14", + "resolved": "https://registry.npmjs.org/@react-native/community-cli-plugin/-/community-cli-plugin-0.73.14.tgz", + "integrity": "sha512-KzIwsTvAJrXPtwhGOSm+OcJH1B8TpY8cS4xxzu/e2qv3a2n4VLePHTPAfco1tmvekV8OHWvvD9JSIX7i2fB1gg==", + "dev": true, + "requires": { + "@react-native-community/cli-server-api": "12.3.2", + "@react-native-community/cli-tools": "12.3.2", + "@react-native/dev-middleware": "0.73.7", + "@react-native/metro-babel-transformer": "0.73.14", + "chalk": "^4.0.0", + "execa": "^5.1.1", + "metro": "^0.80.3", + "metro-config": "^0.80.3", + "metro-core": "^0.80.3", + "node-fetch": "^2.2.0", + "readline": "^1.3.0" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "@react-native/debugger-frontend": { + "version": "0.73.3", + "resolved": "https://registry.npmjs.org/@react-native/debugger-frontend/-/debugger-frontend-0.73.3.tgz", + "integrity": "sha512-RgEKnWuoo54dh7gQhV7kvzKhXZEhpF9LlMdZolyhGxHsBqZ2gXdibfDlfcARFFifPIiaZ3lXuOVVa4ei+uPgTw==", + "dev": true + }, + "@react-native/dev-middleware": { + "version": "0.73.7", + "resolved": "https://registry.npmjs.org/@react-native/dev-middleware/-/dev-middleware-0.73.7.tgz", + "integrity": "sha512-BZXpn+qKp/dNdr4+TkZxXDttfx8YobDh8MFHsMk9usouLm22pKgFIPkGBV0X8Do4LBkFNPGtrnsKkWk/yuUXKg==", + "dev": true, + "requires": { + "@isaacs/ttlcache": "^1.4.1", + "@react-native/debugger-frontend": "0.73.3", + "chrome-launcher": "^0.15.2", + "chromium-edge-launcher": "^1.0.0", + "connect": "^3.6.5", + "debug": "^2.2.0", + "node-fetch": "^2.2.0", + "open": "^7.0.3", + "serve-static": "^1.13.1", + "temp-dir": "^2.0.0" + }, + "dependencies": { + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "requires": { + "ms": "2.0.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + }, + "open": { + "version": "7.4.2", + "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz", + "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==", + "dev": true, + "requires": { + "is-docker": "^2.0.0", + "is-wsl": "^2.1.1" + } + } + } + }, + "@react-native/gradle-plugin": { + "version": "0.73.4", + "resolved": "https://registry.npmjs.org/@react-native/gradle-plugin/-/gradle-plugin-0.73.4.tgz", + "integrity": "sha512-PMDnbsZa+tD55Ug+W8CfqXiGoGneSSyrBZCMb5JfiB3AFST3Uj5e6lw8SgI/B6SKZF7lG0BhZ6YHZsRZ5MlXmg==", + "dev": true + }, + "@react-native/js-polyfills": { + "version": "0.73.1", + "resolved": "https://registry.npmjs.org/@react-native/js-polyfills/-/js-polyfills-0.73.1.tgz", + "integrity": "sha512-ewMwGcumrilnF87H4jjrnvGZEaPFCAC4ebraEK+CurDDmwST/bIicI4hrOAv+0Z0F7DEK4O4H7r8q9vH7IbN4g==", + "dev": true + }, + "@react-native/metro-babel-transformer": { + "version": "0.73.14", + "resolved": "https://registry.npmjs.org/@react-native/metro-babel-transformer/-/metro-babel-transformer-0.73.14.tgz", + "integrity": "sha512-5wLeYw/lormpSqYfI9H/geZ/EtPmi+x5qLkEit15Q/70hkzYo/M+aWztUtbOITfgTEOP8d6ybROzoGsqgyZLcw==", + "dev": true, + "requires": { + "@babel/core": "^7.20.0", + "@react-native/babel-preset": "0.73.20", + "hermes-parser": "0.15.0", + "nullthrows": "^1.1.1" + } + }, + "@react-native/normalize-colors": { + "version": "0.73.2", + "resolved": "https://registry.npmjs.org/@react-native/normalize-colors/-/normalize-colors-0.73.2.tgz", + "integrity": "sha512-bRBcb2T+I88aG74LMVHaKms2p/T8aQd8+BZ7LuuzXlRfog1bMWWn/C5i0HVuvW4RPtXQYgIlGiXVDy9Ir1So/w==", + "dev": true + }, + "@react-native/virtualized-lists": { + "version": "0.73.4", + "resolved": "https://registry.npmjs.org/@react-native/virtualized-lists/-/virtualized-lists-0.73.4.tgz", + "integrity": "sha512-HpmLg1FrEiDtrtAbXiwCgXFYyloK/dOIPIuWW3fsqukwJEWAiTzm1nXGJ7xPU5XTHiWZ4sKup5Ebaj8z7iyWog==", + "dev": true, + "requires": { + "invariant": "^2.2.4", + "nullthrows": "^1.1.1" + } + }, + "@rollup/pluginutils": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz", + "integrity": "sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==", + "dev": true, + "requires": { + "@types/estree": "^1.0.0", + "estree-walker": "^2.0.2", + "picomatch": "^2.3.1" + }, + "dependencies": { + "@types/estree": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz", + "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==", + "dev": true + } + } + }, + "@rushstack/node-core-library": { + "version": "3.61.0", + "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-3.61.0.tgz", + "integrity": "sha512-tdOjdErme+/YOu4gPed3sFS72GhtWCgNV9oDsHDnoLY5oDfwjKUc9Z+JOZZ37uAxcm/OCahDHfuu2ugqrfWAVQ==", + "dev": true, + "requires": { + "colors": "~1.2.1", + "fs-extra": "~7.0.1", + "import-lazy": "~4.0.0", + "jju": "~1.4.0", + "resolve": "~1.22.1", + "semver": "~7.5.4", + "z-schema": "~5.0.2" + }, + "dependencies": { + "lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "requires": { + "yallist": "^4.0.0" + } + }, + "semver": { + "version": "7.5.4", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", + "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", + "dev": true, + "requires": { + "lru-cache": "^6.0.0" + } + }, + "yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + } + } + }, + "@rushstack/rig-package": { + "version": "0.5.1", + "resolved": "https://registry.npmjs.org/@rushstack/rig-package/-/rig-package-0.5.1.tgz", + "integrity": "sha512-pXRYSe29TjRw7rqxD4WS3HN/sRSbfr+tJs4a9uuaSIBAITbUggygdhuG0VrO0EO+QqH91GhYMN4S6KRtOEmGVA==", + "dev": true, + "requires": { + "resolve": "~1.22.1", + "strip-json-comments": "~3.1.1" + } + }, + "@rushstack/ts-command-line": { + "version": "4.17.1", + "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-4.17.1.tgz", + "integrity": "sha512-2jweO1O57BYP5qdBGl6apJLB+aRIn5ccIRTPDyULh0KMwVzFqWtw6IZWt1qtUoZD/pD2RNkIOosH6Cq45rIYeg==", + "dev": true, + "requires": { + "@types/argparse": "1.0.38", + "argparse": "~1.0.9", + "colors": "~1.2.1", + "string-argv": "~0.3.1" + } + }, + "@salutejs/plasma-colors": { + "version": "0.13.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-colors/-/plasma-colors-0.13.0.tgz", + "integrity": "sha512-EUhA9QJ2/uTwGVrqH0He3qq+d7h3x5aEVb8VfOwDlT9oF5gpT6DMWfQ6dzJcEAnXIAY8TSXLYQJI4iWAwCAd+w==", + "dev": true + }, + "@salutejs/plasma-core": { + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", + "requires": { + "@popperjs/core": "2.9.2", + "@salutejs/plasma-typo": "0.40.0", + "focus-visible": "5.2.0", + "lodash.throttle": "4.1.1", + "react-draggable": "4.4.3", + "react-popper": "2.3.0" + }, + "dependencies": { + "react-popper": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-2.3.0.tgz", + "integrity": "sha512-e1hj8lL3uM+sgSR4Lxzn5h1GxBlpa4CQz0XLF8kx4MDrDRWY0Ena4c97PUeSX9i5W3UAfDP0z0FXCTQkoXUl3Q==", + "requires": { + "react-fast-compare": "^3.0.1", + "warning": "^4.0.2" + } + } + } + }, + "@salutejs/plasma-cy-utils": { + "version": "0.94.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.94.0-dev.0.tgz", + "integrity": "sha512-X778wOZh9VCzLwRqU0JfmeycdkqyI6ywYoIOFlM5oMUsbymRt3UqoTg/r9sEAD3BFCVmOSE1t6O1xgYI1iKXKg==", + "dev": true + }, + "@salutejs/plasma-icons": { + "version": "1.198.3-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.2-dev.0.tgz", + "integrity": "sha512-xHi364GG8XUvObXEmZrh1gmm8o0IVZ0+HrItc/fZYRfXXCGM4Qv3fRjT2qJPVD4e05RnehRByHpih2CVN94nrg==", + "dev": true + }, + "@salutejs/plasma-new-hope": { + "version": "0.104.1-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.104.1-dev.0.tgz", + "integrity": "sha512-wzGlfIZXzAZ7XTNm6S49UUIt8VWYyXNy+GTvcDgITSm7nQGtYxa6d0tttCH7xDhMdjxJY5mya+0TvY+f9j7fZQ==", + "requires": { + "@linaria/core": "5.0.2", + "@linaria/react": "5.0.3", + "@popperjs/core": "2.11.8", + "@salutejs/plasma-core": "1.162.0-dev.0", + "dayjs": "1.11.11", + "focus-visible": "5.2.0", + "lodash.throttle": "4.1.1", + "react-draggable": "4.4.3", + "react-popper": "2.3.0", + "storeon": "3.1.5" + }, + "dependencies": { + "@popperjs/core": { + "version": "2.11.8", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", + "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==" + }, + "react-popper": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-2.3.0.tgz", + "integrity": "sha512-e1hj8lL3uM+sgSR4Lxzn5h1GxBlpa4CQz0XLF8kx4MDrDRWY0Ena4c97PUeSX9i5W3UAfDP0z0FXCTQkoXUl3Q==", + "requires": { + "react-fast-compare": "^3.0.1", + "warning": "^4.0.2" + } + } + } + }, + "@salutejs/plasma-sb-utils": { + "version": "0.160.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.160.0-dev.0.tgz", + "integrity": "sha512-9jx+mpeC7CAf0t/eAaN7YsO5ozGBUzlWCz0RqomkiTkGTBb9f+CuYCxkZ58a9AZQI8SBHIaopjOP2IuRabuHSg==", + "dev": true, + "requires": { + "@salutejs/plasma-colors": "0.13.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "param-case": "^3.0.4" + } + }, + "@salutejs/plasma-typo": { + "version": "0.40.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-typo/-/plasma-typo-0.40.0.tgz", + "integrity": "sha512-wjIJwHb/N5wFyTwTKt4bimt0UpM0/TS3ZsKtJVBS5foqxxJFgv32Ma75RCnnqol38M+KHDa6Lrnu2po0jiicow==" + }, + "@salutejs/sdds-themes": { + "version": "0.14.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/sdds-themes/-/sdds-themes-0.14.0-dev.0.tgz", + "integrity": "sha512-eMPBFQlct8NVWWDVmPdVaCWNMUM6c6FRA5Niin0ayV+SbDp3fhoHCmPg3pZkTfye3zPQ8ahylNv4H5Ly4++z3w==" + }, + "@semantic-ui-react/event-stack": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/@semantic-ui-react/event-stack/-/event-stack-3.1.3.tgz", + "integrity": "sha512-FdTmJyWvJaYinHrKRsMLDrz4tTMGdFfds299Qory53hBugiDvGC0tEJf+cHsi5igDwWb/CLOgOiChInHwq8URQ==", + "dev": true, + "requires": { + "exenv": "^1.2.2", + "prop-types": "^15.6.2" + } + }, + "@sideway/address": { + "version": "4.1.5", + "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.5.tgz", + "integrity": "sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q==", + "dev": true, + "requires": { + "@hapi/hoek": "^9.0.0" + } + }, + "@sideway/formula": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz", + "integrity": "sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==", + "dev": true + }, + "@sideway/pinpoint": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz", + "integrity": "sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==", + "dev": true + }, + "@sinclair/typebox": { + "version": "0.27.8", + "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz", + "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==", + "dev": true + }, + "@sinonjs/commons": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.1.tgz", + "integrity": "sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==", + "dev": true, + "requires": { + "type-detect": "4.0.8" + } + }, + "@sinonjs/fake-timers": { + "version": "10.3.0", + "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.3.0.tgz", + "integrity": "sha512-V4BG07kuYSUkTCSBHG8G8TNhM+F19jXFWnQtzj+we8DrkpSBCee9Z3Ms8yiGer/dlmhe35/Xdgyo3/0rQKg7YA==", + "dev": true, + "requires": { + "@sinonjs/commons": "^3.0.0" + } + }, + "@stardust-ui/react-component-event-listener": { + "version": "0.38.0", + "resolved": "https://registry.npmjs.org/@stardust-ui/react-component-event-listener/-/react-component-event-listener-0.38.0.tgz", + "integrity": "sha512-sIP/e0dyOrrlb8K7KWumfMxj/gAifswTBC4o68Aa+C/GA73ccRp/6W1VlHvF/dlOR4KLsA+5SKnhjH36xzPsWg==", + "dev": true, + "requires": { + "@babel/runtime": "^7.1.2", + "prop-types": "^15.7.2" + } + }, + "@stardust-ui/react-component-ref": { + "version": "0.38.0", + "resolved": "https://registry.npmjs.org/@stardust-ui/react-component-ref/-/react-component-ref-0.38.0.tgz", + "integrity": "sha512-xjs6WnvJVueSIXMWw0C3oWIgAPpcD03qw43oGOjUXqFktvpNkB73JoKIhS4sCrtQxBdct75qqr4ZL6JiyPcESw==", + "dev": true, + "requires": { + "@babel/runtime": "^7.1.2", + "prop-types": "^15.7.2", + "react-is": "^16.6.3" + } + }, + "@storybook/addon-actions": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-7.6.17.tgz", + "integrity": "sha512-TBphs4v6LRfyTpFo/WINF0TkMaE3rrNog7wW5mbz6n0j8o53kDN4o9ZEcygSL5zQX43CAaghQTeDCss7ueG7ZQ==", + "dev": true, + "requires": { + "@storybook/core-events": "7.6.17", + "@storybook/global": "^5.0.0", + "@types/uuid": "^9.0.1", + "dequal": "^2.0.2", + "polished": "^4.2.2", + "uuid": "^9.0.0" + } + }, + "@storybook/addon-backgrounds": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-7.6.17.tgz", + "integrity": "sha512-7dize7x8+37PH77kmt69b0xSaeDqOcZ4fpzW6+hk53hIaCVU26eGs4+j+743Xva31eOgZWNLupUhOpUDc6SqZw==", + "dev": true, + "requires": { + "@storybook/global": "^5.0.0", + "memoizerific": "^1.11.3", + "ts-dedent": "^2.0.0" + } + }, + "@storybook/addon-controls": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-7.6.17.tgz", + "integrity": "sha512-zR0aLaUF7FtV/nMRyfniFbCls/e0DAAoXACuOAUAwNAv0lbIS8AyZZiHSmKucCvziUQ6WceeCC7+du3C+9y0rQ==", + "dev": true, + "requires": { + "@storybook/blocks": "7.6.17", + "lodash": "^4.17.21", + "ts-dedent": "^2.0.0" + } + }, + "@storybook/addon-docs": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-7.6.17.tgz", + "integrity": "sha512-FKa4Mdy7nhgvEVZJHpMkHriDzpVHbohn87zv9NCL+Ctjs1iAmzGwxEm0culszyDS1HN2ToVoY0h8CSi2RSSZqA==", + "dev": true, + "requires": { + "@jest/transform": "^29.3.1", + "@mdx-js/react": "^2.1.5", + "@storybook/blocks": "7.6.17", + "@storybook/client-logger": "7.6.17", + "@storybook/components": "7.6.17", + "@storybook/csf-plugin": "7.6.17", + "@storybook/csf-tools": "7.6.17", + "@storybook/global": "^5.0.0", + "@storybook/mdx2-csf": "^1.0.0", + "@storybook/node-logger": "7.6.17", + "@storybook/postinstall": "7.6.17", + "@storybook/preview-api": "7.6.17", + "@storybook/react-dom-shim": "7.6.17", + "@storybook/theming": "7.6.17", + "@storybook/types": "7.6.17", + "fs-extra": "^11.1.0", + "remark-external-links": "^8.0.0", + "remark-slug": "^6.0.0", + "ts-dedent": "^2.0.0" + }, + "dependencies": { + "fs-extra": { + "version": "11.2.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz", + "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==", + "dev": true, + "requires": { + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + } + }, + "jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.6", + "universalify": "^2.0.0" + } + }, + "universalify": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==", + "dev": true + } + } + }, + "@storybook/addon-essentials": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-7.6.17.tgz", + "integrity": "sha512-qlSpamxuYfT2taF953nC9QijGF2pSbg1ewMNpdwLTj16PTZvR/d8NCDMTJujI1bDwM2m18u8Yc43ibh5LEmxCw==", + "dev": true, + "requires": { + "@storybook/addon-actions": "7.6.17", + "@storybook/addon-backgrounds": "7.6.17", + "@storybook/addon-controls": "7.6.17", + "@storybook/addon-docs": "7.6.17", + "@storybook/addon-highlight": "7.6.17", + "@storybook/addon-measure": "7.6.17", + "@storybook/addon-outline": "7.6.17", + "@storybook/addon-toolbars": "7.6.17", + "@storybook/addon-viewport": "7.6.17", + "@storybook/core-common": "7.6.17", + "@storybook/manager-api": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@storybook/preview-api": "7.6.17", + "ts-dedent": "^2.0.0" + } + }, + "@storybook/addon-highlight": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-7.6.17.tgz", + "integrity": "sha512-R1yBPUUqGn+60aJakn8q+5Zt34E/gU3n3VmgPdryP0LJUdZ5q1/RZShoVDV+yYQ40htMH6oaCv3OyyPzFAGJ6A==", + "dev": true, + "requires": { + "@storybook/global": "^5.0.0" + } + }, + "@storybook/addon-measure": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-7.6.17.tgz", + "integrity": "sha512-O5vnHZNkduvZ95jf1UssbOl6ivIxzl5tv+4EpScPYId7w700bxWsJH+QX7ip6KlrCf2o3iUhmPe8bm05ghG2KA==", + "dev": true, + "requires": { + "@storybook/global": "^5.0.0", + "tiny-invariant": "^1.3.1" + } + }, + "@storybook/addon-outline": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-7.6.17.tgz", + "integrity": "sha512-9o9JXDsYjNaDgz/cY5+jv694+aik/1aiRGGvsCv68e1p/ob0glkGKav4lnJe2VJqD+gCmaARoD8GOJlhoQl8JQ==", + "dev": true, + "requires": { + "@storybook/global": "^5.0.0", + "ts-dedent": "^2.0.0" + } + }, + "@storybook/addon-toolbars": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-7.6.17.tgz", + "integrity": "sha512-UMrchbUHiyWrh6WuGnpy34Jqzkx/63B+MSgb3CW7YsQaXz64kE0Rol0TNSznnB+mYXplcqH+ndI4r4kFsmgwDg==", + "dev": true + }, + "@storybook/addon-viewport": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-7.6.17.tgz", + "integrity": "sha512-sA0QCcf4QAMixWvn8uvRYPfkKCSl6JajJaAspoPqXSxHEpK7uwOlpg3kqFU5XJJPXD0X957M+ONgNvBzYqSpEw==", + "dev": true, + "requires": { + "memoizerific": "^1.11.3" + } + }, + "@storybook/addons": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-7.6.17.tgz", + "integrity": "sha512-Ok18Y698Ccyg++MoUNJNHY0cXUvo8ETFIRLJk1g9ElJ70j6kPgNnzW2pAtZkBNmswHtofZ7pT156cj96k/LgfA==", + "dev": true, + "requires": { + "@storybook/manager-api": "7.6.17", + "@storybook/preview-api": "7.6.17", + "@storybook/types": "7.6.17" + } + }, + "@storybook/blocks": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-7.6.17.tgz", + "integrity": "sha512-PsNVoe0bX1mMn4Kk3nbKZ0ItDZZ0YJnYAFJ6toAbsyBAbgzg1sce88sQinzvbn58/RT9MPKeWMPB45ZS7ggiNg==", + "dev": true, + "requires": { + "@storybook/channels": "7.6.17", + "@storybook/client-logger": "7.6.17", + "@storybook/components": "7.6.17", + "@storybook/core-events": "7.6.17", + "@storybook/csf": "^0.1.2", + "@storybook/docs-tools": "7.6.17", + "@storybook/global": "^5.0.0", + "@storybook/manager-api": "7.6.17", + "@storybook/preview-api": "7.6.17", + "@storybook/theming": "7.6.17", + "@storybook/types": "7.6.17", + "@types/lodash": "^4.14.167", + "color-convert": "^2.0.1", + "dequal": "^2.0.2", + "lodash": "^4.17.21", + "markdown-to-jsx": "^7.1.8", + "memoizerific": "^1.11.3", + "polished": "^4.2.2", + "react-colorful": "^5.1.2", + "telejson": "^7.2.0", + "tocbot": "^4.20.1", + "ts-dedent": "^2.0.0", + "util-deprecate": "^1.0.2" + } + }, + "@storybook/builder-manager": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/builder-manager/-/builder-manager-7.6.17.tgz", + "integrity": "sha512-Sj8hcDYiPCCMfeLzus37czl0zdrAxAz4IyYam2jBjVymrIrcDAFyL1OCZvnq33ft179QYQWhUs9qwzVmlR/ZWg==", + "dev": true, + "requires": { + "@fal-works/esbuild-plugin-global-externals": "^2.1.2", + "@storybook/core-common": "7.6.17", + "@storybook/manager": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@types/ejs": "^3.1.1", + "@types/find-cache-dir": "^3.2.1", + "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10", + "browser-assert": "^1.2.1", + "ejs": "^3.1.8", + "esbuild": "^0.18.0", + "esbuild-plugin-alias": "^0.2.1", + "express": "^4.17.3", + "find-cache-dir": "^3.0.0", + "fs-extra": "^11.1.0", + "process": "^0.11.10", + "util": "^0.12.4" + }, + "dependencies": { + "fs-extra": { + "version": "11.2.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz", + "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==", + "dev": true, + "requires": { + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + } + }, + "jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.6", + "universalify": "^2.0.0" + } + }, + "universalify": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==", + "dev": true + } + } + }, + "@storybook/builder-vite": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-7.6.17.tgz", + "integrity": "sha512-2Q32qalI401EsKKr9Hkk8TAOcHEerqwsjCpQgTNJnCu6GgCVKoVUcb99oRbR9Vyg0xh+jb19XiWqqQujFtLYlQ==", + "dev": true, + "requires": { + "@storybook/channels": "7.6.17", + "@storybook/client-logger": "7.6.17", + "@storybook/core-common": "7.6.17", + "@storybook/csf-plugin": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@storybook/preview": "7.6.17", + "@storybook/preview-api": "7.6.17", + "@storybook/types": "7.6.17", + "@types/find-cache-dir": "^3.2.1", + "browser-assert": "^1.2.1", + "es-module-lexer": "^0.9.3", + "express": "^4.17.3", + "find-cache-dir": "^3.0.0", + "fs-extra": "^11.1.0", + "magic-string": "^0.30.0", + "rollup": "^2.25.0 || ^3.3.0" + }, + "dependencies": { + "fs-extra": { + "version": "11.2.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz", + "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==", + "dev": true, + "requires": { + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + } + }, + "jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.6", + "universalify": "^2.0.0" + } + }, + "universalify": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==", + "dev": true + } + } + }, + "@storybook/channels": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.6.17.tgz", + "integrity": "sha512-GFG40pzaSxk1hUr/J/TMqW5AFDDPUSu+HkeE/oqSWJbOodBOLJzHN6CReJS6y1DjYSZLNFt1jftPWZZInG/XUA==", + "dev": true, + "requires": { + "@storybook/client-logger": "7.6.17", + "@storybook/core-events": "7.6.17", + "@storybook/global": "^5.0.0", + "qs": "^6.10.0", + "telejson": "^7.2.0", + "tiny-invariant": "^1.3.1" + } + }, + "@storybook/cli": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-7.6.17.tgz", + "integrity": "sha512-1sCo+nCqyR+nKfTcEidVu8XzNoECC7Y1l+uW38/r7s2f/TdDorXaIGAVrpjbSaXSoQpx5DxYJVaKCcQuOgqwcA==", + "dev": true, + "requires": { + "@babel/core": "^7.23.2", + "@babel/preset-env": "^7.23.2", + "@babel/types": "^7.23.0", + "@ndelangen/get-tarball": "^3.0.7", + "@storybook/codemod": "7.6.17", + "@storybook/core-common": "7.6.17", + "@storybook/core-events": "7.6.17", + "@storybook/core-server": "7.6.17", + "@storybook/csf-tools": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@storybook/telemetry": "7.6.17", + "@storybook/types": "7.6.17", + "@types/semver": "^7.3.4", + "@yarnpkg/fslib": "2.10.3", + "@yarnpkg/libzip": "2.3.0", + "chalk": "^4.1.0", + "commander": "^6.2.1", + "cross-spawn": "^7.0.3", + "detect-indent": "^6.1.0", + "envinfo": "^7.7.3", + "execa": "^5.0.0", + "express": "^4.17.3", + "find-up": "^5.0.0", + "fs-extra": "^11.1.0", + "get-npm-tarball-url": "^2.0.3", + "get-port": "^5.1.1", + "giget": "^1.0.0", + "globby": "^11.0.2", + "jscodeshift": "^0.15.1", + "leven": "^3.1.0", + "ora": "^5.4.1", + "prettier": "^2.8.0", + "prompts": "^2.4.0", + "puppeteer-core": "^2.1.1", + "read-pkg-up": "^7.0.1", + "semver": "^7.3.7", + "strip-json-comments": "^3.0.1", + "tempy": "^1.0.1", + "ts-dedent": "^2.0.0", + "util-deprecate": "^1.0.2" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "commander": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz", + "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==", + "dev": true + }, + "fs-extra": { + "version": "11.2.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz", + "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==", + "dev": true, + "requires": { + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "jscodeshift": { + "version": "0.15.2", + "resolved": "https://registry.npmjs.org/jscodeshift/-/jscodeshift-0.15.2.tgz", + "integrity": "sha512-FquR7Okgmc4Sd0aEDwqho3rEiKR3BdvuG9jfdHjLJ6JQoWSMpavug3AoIfnfWhxFlf+5pzQh8qjqz0DWFrNQzA==", + "dev": true, + "requires": { + "@babel/core": "^7.23.0", + "@babel/parser": "^7.23.0", + "@babel/plugin-transform-class-properties": "^7.22.5", + "@babel/plugin-transform-modules-commonjs": "^7.23.0", + "@babel/plugin-transform-nullish-coalescing-operator": "^7.22.11", + "@babel/plugin-transform-optional-chaining": "^7.23.0", + "@babel/plugin-transform-private-methods": "^7.22.5", + "@babel/preset-flow": "^7.22.15", + "@babel/preset-typescript": "^7.23.0", + "@babel/register": "^7.22.15", + "babel-core": "^7.0.0-bridge.0", + "chalk": "^4.1.2", + "flow-parser": "0.*", + "graceful-fs": "^4.2.4", + "micromatch": "^4.0.4", + "neo-async": "^2.5.0", + "node-dir": "^0.1.17", + "recast": "^0.23.3", + "temp": "^0.8.4", + "write-file-atomic": "^2.3.0" + } + }, + "jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.6", + "universalify": "^2.0.0" + } + }, + "lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "requires": { + "yallist": "^4.0.0" + } + }, + "semver": { + "version": "7.6.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz", + "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==", + "dev": true, + "requires": { + "lru-cache": "^6.0.0" + } + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + }, + "universalify": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==", + "dev": true + }, + "write-file-atomic": { + "version": "2.4.3", + "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-2.4.3.tgz", + "integrity": "sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.11", + "imurmurhash": "^0.1.4", + "signal-exit": "^3.0.2" + } + }, + "yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + } + } + }, + "@storybook/client-logger": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.6.17.tgz", + "integrity": "sha512-6WBYqixAXNAXlSaBWwgljWpAu10tPRBJrcFvx2gPUne58EeMM20Gi/iHYBz2kMCY+JLAgeIH7ZxInqwO8vDwiQ==", + "dev": true, + "requires": { + "@storybook/global": "^5.0.0" + } + }, + "@storybook/codemod": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-7.6.17.tgz", + "integrity": "sha512-JuTmf2u3C4fCnjO7o3dqRgrq3ozNYfWlrRP8xuIdvT7niMap7a396hJtSKqS10FxCgKFcMAOsRgrCalH1dWxUg==", + "dev": true, + "requires": { + "@babel/core": "^7.23.2", + "@babel/preset-env": "^7.23.2", + "@babel/types": "^7.23.0", + "@storybook/csf": "^0.1.2", + "@storybook/csf-tools": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@storybook/types": "7.6.17", + "@types/cross-spawn": "^6.0.2", + "cross-spawn": "^7.0.3", + "globby": "^11.0.2", + "jscodeshift": "^0.15.1", + "lodash": "^4.17.21", + "prettier": "^2.8.0", + "recast": "^0.23.1" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "jscodeshift": { + "version": "0.15.2", + "resolved": "https://registry.npmjs.org/jscodeshift/-/jscodeshift-0.15.2.tgz", + "integrity": "sha512-FquR7Okgmc4Sd0aEDwqho3rEiKR3BdvuG9jfdHjLJ6JQoWSMpavug3AoIfnfWhxFlf+5pzQh8qjqz0DWFrNQzA==", + "dev": true, + "requires": { + "@babel/core": "^7.23.0", + "@babel/parser": "^7.23.0", + "@babel/plugin-transform-class-properties": "^7.22.5", + "@babel/plugin-transform-modules-commonjs": "^7.23.0", + "@babel/plugin-transform-nullish-coalescing-operator": "^7.22.11", + "@babel/plugin-transform-optional-chaining": "^7.23.0", + "@babel/plugin-transform-private-methods": "^7.22.5", + "@babel/preset-flow": "^7.22.15", + "@babel/preset-typescript": "^7.23.0", + "@babel/register": "^7.22.15", + "babel-core": "^7.0.0-bridge.0", + "chalk": "^4.1.2", + "flow-parser": "0.*", + "graceful-fs": "^4.2.4", + "micromatch": "^4.0.4", + "neo-async": "^2.5.0", + "node-dir": "^0.1.17", + "recast": "^0.23.3", + "temp": "^0.8.4", + "write-file-atomic": "^2.3.0" + } + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + }, + "write-file-atomic": { + "version": "2.4.3", + "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-2.4.3.tgz", + "integrity": "sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.11", + "imurmurhash": "^0.1.4", + "signal-exit": "^3.0.2" + } + } + } + }, + "@storybook/components": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/components/-/components-7.6.17.tgz", + "integrity": "sha512-lbh7GynMidA+CZcJnstVku6Nhs+YkqjYaZ+mKPugvlVhGVWv0DaaeQFVuZ8cJtUGJ/5FFU4Y+n+gylYUHkGBMA==", + "dev": true, + "requires": { + "@radix-ui/react-select": "^1.2.2", + "@radix-ui/react-toolbar": "^1.0.4", + "@storybook/client-logger": "7.6.17", + "@storybook/csf": "^0.1.2", + "@storybook/global": "^5.0.0", + "@storybook/theming": "7.6.17", + "@storybook/types": "7.6.17", + "memoizerific": "^1.11.3", + "use-resize-observer": "^9.1.0", + "util-deprecate": "^1.0.2" + } + }, + "@storybook/core-client": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/core-client/-/core-client-7.6.17.tgz", + "integrity": "sha512-LuDbADK+DPNAOOCXOlvY09hdGVueXlDetsdOJ/DgYnSa9QSWv9Uv+F8QcEgR3QckZJbPlztKJIVLgP2n/Xkijw==", + "dev": true, + "requires": { + "@storybook/client-logger": "7.6.17", + "@storybook/preview-api": "7.6.17" + } + }, + "@storybook/core-common": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.6.17.tgz", + "integrity": "sha512-me2TP3Q9/qzqCLoDHUSsUF+VS1MHxfHbTVF6vAz0D/COTxzsxLpu9TxTbzJoBCxse6XRb6wWI1RgF1mIcjic7g==", + "dev": true, + "requires": { + "@storybook/core-events": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@storybook/types": "7.6.17", + "@types/find-cache-dir": "^3.2.1", + "@types/node": "^18.0.0", + "@types/node-fetch": "^2.6.4", + "@types/pretty-hrtime": "^1.0.0", + "chalk": "^4.1.0", + "esbuild": "^0.18.0", + "esbuild-register": "^3.5.0", + "file-system-cache": "2.3.0", + "find-cache-dir": "^3.0.0", + "find-up": "^5.0.0", + "fs-extra": "^11.1.0", + "glob": "^10.0.0", + "handlebars": "^4.7.7", + "lazy-universal-dotenv": "^4.0.0", + "node-fetch": "^2.0.0", + "picomatch": "^2.3.0", + "pkg-dir": "^5.0.0", + "pretty-hrtime": "^1.0.3", + "resolve-from": "^5.0.0", + "ts-dedent": "^2.0.0" + }, + "dependencies": { + "@types/node": { + "version": "18.19.21", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.21.tgz", + "integrity": "sha512-2Q2NeB6BmiTFQi4DHBzncSoq/cJMLDdhPaAoJFnFCyD9a8VPZRf7a1GAwp1Edb7ROaZc5Jz/tnZyL6EsWMRaqw==", + "dev": true, + "requires": { + "undici-types": "~5.26.4" + } + }, + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "requires": { + "balanced-match": "^1.0.0" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "fs-extra": { + "version": "11.2.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz", + "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==", + "dev": true, + "requires": { + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + } + }, + "glob": { + "version": "10.3.10", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz", + "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==", + "dev": true, + "requires": { + "foreground-child": "^3.1.0", + "jackspeak": "^2.3.5", + "minimatch": "^9.0.1", + "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0", + "path-scurry": "^1.10.1" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.6", + "universalify": "^2.0.0" + } + }, + "minimatch": { + "version": "9.0.3", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz", + "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==", + "dev": true, + "requires": { + "brace-expansion": "^2.0.1" + } + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + }, + "universalify": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==", + "dev": true + } + } + }, + "@storybook/core-events": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.6.17.tgz", + "integrity": "sha512-AriWMCm/k1cxlv10f+jZ1wavThTRpLaN3kY019kHWbYT9XgaSuLU67G7GPr3cGnJ6HuA6uhbzu8qtqVCd6OfXA==", + "dev": true, + "requires": { + "ts-dedent": "^2.0.0" + } + }, + "@storybook/core-server": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/core-server/-/core-server-7.6.17.tgz", + "integrity": "sha512-KWGhTTaL1Q14FolcoKKZgytlPJUbH6sbJ1Ptj/84EYWFewcnEgVs0Zlnh1VStRZg+Rd1WC1V4yVd/bbDzxrvQA==", + "dev": true, + "requires": { + "@aw-web-design/x-default-browser": "1.4.126", + "@discoveryjs/json-ext": "^0.5.3", + "@storybook/builder-manager": "7.6.17", + "@storybook/channels": "7.6.17", + "@storybook/core-common": "7.6.17", + "@storybook/core-events": "7.6.17", + "@storybook/csf": "^0.1.2", + "@storybook/csf-tools": "7.6.17", + "@storybook/docs-mdx": "^0.1.0", + "@storybook/global": "^5.0.0", + "@storybook/manager": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@storybook/preview-api": "7.6.17", + "@storybook/telemetry": "7.6.17", + "@storybook/types": "7.6.17", + "@types/detect-port": "^1.3.0", + "@types/node": "^18.0.0", + "@types/pretty-hrtime": "^1.0.0", + "@types/semver": "^7.3.4", + "better-opn": "^3.0.2", + "chalk": "^4.1.0", + "cli-table3": "^0.6.1", + "compression": "^1.7.4", + "detect-port": "^1.3.0", + "express": "^4.17.3", + "fs-extra": "^11.1.0", + "globby": "^11.0.2", + "ip": "^2.0.1", + "lodash": "^4.17.21", + "open": "^8.4.0", + "pretty-hrtime": "^1.0.3", + "prompts": "^2.4.0", + "read-pkg-up": "^7.0.1", + "semver": "^7.3.7", + "telejson": "^7.2.0", + "tiny-invariant": "^1.3.1", + "ts-dedent": "^2.0.0", + "util": "^0.12.4", + "util-deprecate": "^1.0.2", + "watchpack": "^2.2.0", + "ws": "^8.2.3" + }, + "dependencies": { + "@types/node": { + "version": "18.19.21", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.21.tgz", + "integrity": "sha512-2Q2NeB6BmiTFQi4DHBzncSoq/cJMLDdhPaAoJFnFCyD9a8VPZRf7a1GAwp1Edb7ROaZc5Jz/tnZyL6EsWMRaqw==", + "dev": true, + "requires": { + "undici-types": "~5.26.4" + } + }, + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "fs-extra": { + "version": "11.2.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz", + "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==", + "dev": true, + "requires": { + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "ip": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/ip/-/ip-2.0.1.tgz", + "integrity": "sha512-lJUL9imLTNi1ZfXT+DU6rBBdbiKGBuay9B6xGSPVjUeQwaH1RIGqef8RZkUtHioLmSNpPR5M4HVKJGm1j8FWVQ==", + "dev": true + }, + "jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.6", + "universalify": "^2.0.0" + } + }, + "lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "requires": { + "yallist": "^4.0.0" + } + }, + "open": { + "version": "8.4.2", + "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz", + "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==", + "dev": true, + "requires": { + "define-lazy-prop": "^2.0.0", + "is-docker": "^2.1.1", + "is-wsl": "^2.2.0" + } + }, + "semver": { + "version": "7.6.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz", + "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==", + "dev": true, + "requires": { + "lru-cache": "^6.0.0" + } + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + }, + "universalify": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==", + "dev": true + }, + "ws": { + "version": "8.16.0", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.16.0.tgz", + "integrity": "sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==", + "dev": true + }, + "yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + } + } + }, + "@storybook/csf": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.2.tgz", + "integrity": "sha512-ePrvE/pS1vsKR9Xr+o+YwdqNgHUyXvg+1Xjx0h9LrVx7Zq4zNe06pd63F5EvzTbCbJsHj7GHr9tkiaqm7U8WRA==", + "dev": true, + "requires": { + "type-fest": "^2.19.0" + } + }, + "@storybook/csf-plugin": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-7.6.17.tgz", + "integrity": "sha512-xTHv9BUh3bkDVCvcbmdfVF0/e96BdrEgqPJ3G3RmKbSzWLOkQ2U9yiPfHzT0KJWPhVwj12fjfZp0zunu+pcS6Q==", + "dev": true, + "requires": { + "@storybook/csf-tools": "7.6.17", + "unplugin": "^1.3.1" + } + }, + "@storybook/csf-tools": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-7.6.17.tgz", + "integrity": "sha512-dAQtam0EBPeTJYcQPLxXgz4L9JFqD+HWbLFG9CmNIhMMjticrB0mpk1EFIS6vPXk/VsVWpBgMLD7dZlD6YMKcQ==", + "dev": true, + "requires": { + "@babel/generator": "^7.23.0", + "@babel/parser": "^7.23.0", + "@babel/traverse": "^7.23.2", + "@babel/types": "^7.23.0", + "@storybook/csf": "^0.1.2", + "@storybook/types": "7.6.17", + "fs-extra": "^11.1.0", + "recast": "^0.23.1", + "ts-dedent": "^2.0.0" + }, + "dependencies": { + "fs-extra": { + "version": "11.2.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz", + "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==", + "dev": true, + "requires": { + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + } + }, + "jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.6", + "universalify": "^2.0.0" + } + }, + "universalify": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==", + "dev": true + } + } + }, + "@storybook/docs-mdx": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/@storybook/docs-mdx/-/docs-mdx-0.1.0.tgz", + "integrity": "sha512-JDaBR9lwVY4eSH5W8EGHrhODjygPd6QImRbwjAuJNEnY0Vw4ie3bPkeGfnacB3OBW6u/agqPv2aRlR46JcAQLg==", + "dev": true + }, + "@storybook/docs-tools": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-7.6.17.tgz", + "integrity": "sha512-bYrLoj06adqklyLkEwD32C0Ww6t+9ZVvrJHiVT42bIhTRpFiFPAetl1a9KPHtFLnfduh4n2IxIr1jv32ThPDTA==", + "dev": true, + "requires": { + "@storybook/core-common": "7.6.17", + "@storybook/preview-api": "7.6.17", + "@storybook/types": "7.6.17", + "@types/doctrine": "^0.0.3", + "assert": "^2.1.0", + "doctrine": "^3.0.0", + "lodash": "^4.17.21" + } + }, + "@storybook/global": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/@storybook/global/-/global-5.0.0.tgz", + "integrity": "sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==", + "dev": true + }, + "@storybook/manager": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/manager/-/manager-7.6.17.tgz", + "integrity": "sha512-A1LDDIqMpwRzq/dqkbbiza0QI04o4ZHCl2a3UMDZUV/+QLc2nsr2DAaLk4CVL4/cIc5zGqmIcaOTvprx2YKVBw==", + "dev": true + }, + "@storybook/manager-api": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-7.6.17.tgz", + "integrity": "sha512-IJIV1Yc6yw1dhCY4tReHCfBnUKDqEBnMyHp3mbXpsaHxnxJZrXO45WjRAZIKlQKhl/Ge1CrnznmHRCmYgqmrWg==", + "dev": true, + "requires": { + "@storybook/channels": "7.6.17", + "@storybook/client-logger": "7.6.17", + "@storybook/core-events": "7.6.17", + "@storybook/csf": "^0.1.2", + "@storybook/global": "^5.0.0", + "@storybook/router": "7.6.17", + "@storybook/theming": "7.6.17", + "@storybook/types": "7.6.17", + "dequal": "^2.0.2", + "lodash": "^4.17.21", + "memoizerific": "^1.11.3", + "store2": "^2.14.2", + "telejson": "^7.2.0", + "ts-dedent": "^2.0.0" + } + }, + "@storybook/mdx2-csf": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@storybook/mdx2-csf/-/mdx2-csf-1.1.0.tgz", + "integrity": "sha512-TXJJd5RAKakWx4BtpwvSNdgTDkKM6RkXU8GK34S/LhidQ5Pjz3wcnqb0TxEkfhK/ztbP8nKHqXFwLfa2CYkvQw==", + "dev": true + }, + "@storybook/node-logger": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.6.17.tgz", + "integrity": "sha512-w59MQuXhhUNrUVmVkXhMwIg2nvFWjdDczLTwYLorhfsE36CWeUOY5QCZWQy0Qf/h+jz8Uo7Evy64qn18v9C4wA==", + "dev": true + }, + "@storybook/postinstall": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/postinstall/-/postinstall-7.6.17.tgz", + "integrity": "sha512-WaWqB8o9vUc9aaVls+povQSVirf1Xd1LZcVhUKfAocAF3mzYUsnJsVqvnbjRj/F96UFVihOyDt9Zjl/9OvrCvQ==", + "dev": true + }, + "@storybook/preview": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/preview/-/preview-7.6.17.tgz", + "integrity": "sha512-LvkMYK/y6alGjwRVNDIKL1lFlbyZ0H0c8iAbcQkiMoaFiujMQyVswMDKlWcj42Upfr/B1igydiruomc+eUt0mw==", + "dev": true + }, + "@storybook/preview-api": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-7.6.17.tgz", + "integrity": "sha512-wLfDdI9RWo1f2zzFe54yRhg+2YWyxLZvqdZnSQ45mTs4/7xXV5Wfbv3QNTtcdw8tT3U5KRTrN1mTfTCiRJc0Kw==", + "dev": true, + "requires": { + "@storybook/channels": "7.6.17", + "@storybook/client-logger": "7.6.17", + "@storybook/core-events": "7.6.17", + "@storybook/csf": "^0.1.2", + "@storybook/global": "^5.0.0", + "@storybook/types": "7.6.17", + "@types/qs": "^6.9.5", + "dequal": "^2.0.2", + "lodash": "^4.17.21", + "memoizerific": "^1.11.3", + "qs": "^6.10.0", + "synchronous-promise": "^2.0.15", + "ts-dedent": "^2.0.0", + "util-deprecate": "^1.0.2" + } + }, + "@storybook/react": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/react/-/react-7.6.17.tgz", + "integrity": "sha512-lVqzQSU03rRJWYW+gK2gq6mSo3/qtnVICY8B8oP7gc36jVu4ksDIu45bTfukM618ODkUZy0vZe6T4engK3azjA==", + "dev": true, + "requires": { + "@storybook/client-logger": "7.6.17", + "@storybook/core-client": "7.6.17", + "@storybook/docs-tools": "7.6.17", + "@storybook/global": "^5.0.0", + "@storybook/preview-api": "7.6.17", + "@storybook/react-dom-shim": "7.6.17", + "@storybook/types": "7.6.17", + "@types/escodegen": "^0.0.6", + "@types/estree": "^0.0.51", + "@types/node": "^18.0.0", + "acorn": "^7.4.1", + "acorn-jsx": "^5.3.1", + "acorn-walk": "^7.2.0", + "escodegen": "^2.1.0", + "html-tags": "^3.1.0", + "lodash": "^4.17.21", + "prop-types": "^15.7.2", + "react-element-to-jsx-string": "^15.0.0", + "ts-dedent": "^2.0.0", + "type-fest": "~2.19", + "util-deprecate": "^1.0.2" + }, + "dependencies": { + "@types/node": { + "version": "18.19.14", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.14.tgz", + "integrity": "sha512-EnQ4Us2rmOS64nHDWr0XqAD8DsO6f3XR6lf9UIIrZQpUzPVdN/oPuEzfDWNHSyXLvoGgjuEm/sPwFGSSs35Wtg==", + "dev": true, + "requires": { + "undici-types": "~5.26.4" + } + } + } + }, + "@storybook/react-dom-shim": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-7.6.17.tgz", + "integrity": "sha512-32Sa/G+WnvaPiQ1Wvjjw5UM9rr2c4GDohwCcWVv3/LJuiFPqNS6zglAtmnsrlIBnUwRBMLMh/ekCTdqMiUmfDw==", + "dev": true + }, + "@storybook/react-vite": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/react-vite/-/react-vite-7.6.17.tgz", + "integrity": "sha512-4dIm3CuRl44X1TLzN3WoZh/bChzJF7Ud28li9atj9C8db0bb/y0zl8cahrsRFoR7/LyfqdOVLqaztrnA5SsWfg==", + "dev": true, + "requires": { + "@joshwooding/vite-plugin-react-docgen-typescript": "0.3.0", + "@rollup/pluginutils": "^5.0.2", + "@storybook/builder-vite": "7.6.17", + "@storybook/react": "7.6.17", + "@vitejs/plugin-react": "^3.0.1", + "magic-string": "^0.30.0", + "react-docgen": "^7.0.0" + } + }, + "@storybook/router": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/router/-/router-7.6.17.tgz", + "integrity": "sha512-GnyC0j6Wi5hT4qRhSyT8NPtJfGmf82uZw97LQRWeyYu5gWEshUdM7aj40XlNiScd5cZDp0owO1idduVF2k2l2A==", + "dev": true, + "requires": { + "@storybook/client-logger": "7.6.17", + "memoizerific": "^1.11.3", + "qs": "^6.10.0" + } + }, + "@storybook/telemetry": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/telemetry/-/telemetry-7.6.17.tgz", + "integrity": "sha512-WOcOAmmengYnGInH98Px44F47DSpLyk20BM+Z/IIQDzfttGOLlxNqBBG1XTEhNRn+AYuk4aZ2JEed2lCjVIxcA==", + "dev": true, + "requires": { + "@storybook/client-logger": "7.6.17", + "@storybook/core-common": "7.6.17", + "@storybook/csf-tools": "7.6.17", + "chalk": "^4.1.0", + "detect-package-manager": "^2.0.1", + "fetch-retry": "^5.0.2", + "fs-extra": "^11.1.0", + "read-pkg-up": "^7.0.1" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "fs-extra": { + "version": "11.2.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz", + "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==", + "dev": true, + "requires": { + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.6", + "universalify": "^2.0.0" + } + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + }, + "universalify": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==", + "dev": true + } + } + }, + "@storybook/theming": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.6.17.tgz", + "integrity": "sha512-ZbaBt3KAbmBtfjNqgMY7wPMBshhSJlhodyMNQypv+95xLD/R+Az6aBYbpVAOygLaUQaQk4ar7H/Ww6lFIoiFbA==", + "dev": true, + "requires": { + "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0", + "@storybook/client-logger": "7.6.17", + "@storybook/global": "^5.0.0", + "memoizerific": "^1.11.3" + } + }, + "@storybook/types": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.6.17.tgz", + "integrity": "sha512-GRY0xEJQ0PrL7DY2qCNUdIfUOE0Gsue6N+GBJw9ku1IUDFLJRDOF+4Dx2BvYcVCPI5XPqdWKlEyZdMdKjiQN7Q==", + "dev": true, + "requires": { + "@storybook/channels": "7.6.17", + "@types/babel__core": "^7.0.0", + "@types/express": "^4.7.0", + "file-system-cache": "2.3.0" + } + }, + "@types/argparse": { + "version": "1.0.38", + "resolved": "https://registry.npmjs.org/@types/argparse/-/argparse-1.0.38.tgz", + "integrity": "sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==", + "dev": true + }, + "@types/babel__core": { + "version": "7.20.5", + "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz", + "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==", + "dev": true, + "requires": { + "@babel/parser": "^7.20.7", + "@babel/types": "^7.20.7", + "@types/babel__generator": "*", + "@types/babel__template": "*", + "@types/babel__traverse": "*" + } + }, + "@types/babel__generator": { + "version": "7.6.8", + "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz", + "integrity": "sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==", + "dev": true, + "requires": { + "@babel/types": "^7.0.0" + } + }, + "@types/babel__template": { + "version": "7.4.4", + "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz", + "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==", + "dev": true, + "requires": { + "@babel/parser": "^7.1.0", + "@babel/types": "^7.0.0" + } + }, + "@types/babel__traverse": { + "version": "7.20.5", + "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.5.tgz", + "integrity": "sha512-WXCyOcRtH37HAUkpXhUduaxdm82b4GSlyTqajXviN4EfiuPgNYR109xMCKvpl6zPIpua0DGlMEDCq+g8EdoheQ==", + "dev": true, + "requires": { + "@babel/types": "^7.20.7" + } + }, + "@types/body-parser": { + "version": "1.19.5", + "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.5.tgz", + "integrity": "sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==", + "dev": true, + "requires": { + "@types/connect": "*", + "@types/node": "*" + } + }, + "@types/connect": { + "version": "3.4.38", + "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz", + "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==", + "dev": true, + "requires": { + "@types/node": "*" + } + }, + "@types/cross-spawn": { + "version": "6.0.6", + "resolved": "https://registry.npmjs.org/@types/cross-spawn/-/cross-spawn-6.0.6.tgz", + "integrity": "sha512-fXRhhUkG4H3TQk5dBhQ7m/JDdSNHKwR2BBia62lhwEIq9xGiQKLxd6LymNhn47SjXhsUEPmxi+PKw2OkW4LLjA==", + "dev": true, + "requires": { + "@types/node": "*" + } + }, + "@types/detect-port": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/@types/detect-port/-/detect-port-1.3.5.tgz", + "integrity": "sha512-Rf3/lB9WkDfIL9eEKaSYKc+1L/rNVYBjThk22JTqQw0YozXarX8YljFAz+HCoC6h4B4KwCMsBPZHaFezwT4BNA==", + "dev": true + }, + "@types/doctrine": { + "version": "0.0.3", + "resolved": "https://registry.npmjs.org/@types/doctrine/-/doctrine-0.0.3.tgz", + "integrity": "sha512-w5jZ0ee+HaPOaX25X2/2oGR/7rgAQSYII7X7pp0m9KgBfMP7uKfMfTvcpl5Dj+eDBbpxKGiqE+flqDr6XTd2RA==", + "dev": true + }, + "@types/ejs": { + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/@types/ejs/-/ejs-3.1.5.tgz", + "integrity": "sha512-nv+GSx77ZtXiJzwKdsASqi+YQ5Z7vwHsTP0JY2SiQgjGckkBRKZnk8nIM+7oUZ1VCtuTz0+By4qVR7fqzp/Dfg==", + "dev": true + }, + "@types/emscripten": { + "version": "1.39.10", + "resolved": "https://registry.npmjs.org/@types/emscripten/-/emscripten-1.39.10.tgz", + "integrity": "sha512-TB/6hBkYQJxsZHSqyeuO1Jt0AB/bW6G7rHt9g7lML7SOF6lbgcHvw/Lr+69iqN0qxgXLhWKScAon73JNnptuDw==", + "dev": true + }, + "@types/escodegen": { + "version": "0.0.6", + "resolved": "https://registry.npmjs.org/@types/escodegen/-/escodegen-0.0.6.tgz", + "integrity": "sha512-AjwI4MvWx3HAOaZqYsjKWyEObT9lcVV0Y0V8nXo6cXzN8ZiMxVhf6F3d/UNvXVGKrEzL/Dluc5p+y9GkzlTWig==", + "dev": true + }, + "@types/estree": { + "version": "0.0.51", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.51.tgz", + "integrity": "sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==", + "dev": true + }, + "@types/express": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.21.tgz", + "integrity": "sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==", + "dev": true, + "requires": { + "@types/body-parser": "*", + "@types/express-serve-static-core": "^4.17.33", + "@types/qs": "*", + "@types/serve-static": "*" + } + }, + "@types/express-serve-static-core": { + "version": "4.17.43", + "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.43.tgz", + "integrity": "sha512-oaYtiBirUOPQGSWNGPWnzyAFJ0BP3cwvN4oWZQY+zUBwpVIGsKUkpBpSztp74drYcjavs7SKFZ4DX1V2QeN8rg==", + "dev": true, + "requires": { + "@types/node": "*", + "@types/qs": "*", + "@types/range-parser": "*", + "@types/send": "*" + } + }, + "@types/find-cache-dir": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/@types/find-cache-dir/-/find-cache-dir-3.2.1.tgz", + "integrity": "sha512-frsJrz2t/CeGifcu/6uRo4b+SzAwT4NYCVPu1GN8IB9XTzrpPkGuV0tmh9mN+/L0PklAlsC3u5Fxt0ju00LXIw==", + "dev": true + }, + "@types/glob": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.2.0.tgz", + "integrity": "sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==", + "dev": true, + "requires": { + "@types/minimatch": "*", + "@types/node": "*" + } + }, + "@types/graceful-fs": { + "version": "4.1.9", + "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz", + "integrity": "sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==", + "dev": true, + "requires": { + "@types/node": "*" + } + }, + "@types/hoist-non-react-statics": { + "version": "3.3.5", + "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.5.tgz", + "integrity": "sha512-SbcrWzkKBw2cdwRTwQAswfpB9g9LJWfjtUeW/jvNwbhC8cpmmNYVePa+ncbUe0rGTQ7G3Ff6mYUN2VMfLVr+Sg==", + "dev": true, + "requires": { + "@types/react": "*", + "hoist-non-react-statics": "^3.3.0" + } + }, + "@types/http-errors": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.4.tgz", + "integrity": "sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==", + "dev": true + }, + "@types/istanbul-lib-coverage": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz", + "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==", + "dev": true + }, + "@types/istanbul-lib-report": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz", + "integrity": "sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==", + "dev": true, + "requires": { + "@types/istanbul-lib-coverage": "*" + } + }, + "@types/istanbul-reports": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz", + "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==", + "dev": true, + "requires": { + "@types/istanbul-lib-report": "*" + } + }, + "@types/json-schema": { + "version": "7.0.15", + "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz", + "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==", + "dev": true + }, + "@types/lodash": { + "version": "4.14.202", + "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.202.tgz", + "integrity": "sha512-OvlIYQK9tNneDlS0VN54LLd5uiPCBOp7gS5Z0f1mjoJYBrtStzgmJBxONW3U6OZqdtNzZPmn9BS/7WI7BFFcFQ==", + "dev": true + }, + "@types/mdx": { + "version": "2.0.11", + "resolved": "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.11.tgz", + "integrity": "sha512-HM5bwOaIQJIQbAYfax35HCKxx7a3KrK3nBtIqJgSOitivTD1y3oW9P3rxY9RkXYPUk7y/AjAohfHKmFpGE79zw==", + "dev": true + }, + "@types/mime": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz", + "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==", + "dev": true + }, + "@types/mime-types": { + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/@types/mime-types/-/mime-types-2.1.4.tgz", + "integrity": "sha512-lfU4b34HOri+kAY5UheuFMWPDOI+OPceBSHZKp69gEyTL/mmJ4cnU6Y/rlme3UL3GyOn6Y42hyIEw0/q8sWx5w==", + "dev": true + }, + "@types/minimatch": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-5.1.2.tgz", + "integrity": "sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==", + "dev": true + }, + "@types/node": { + "version": "16.7.13", + "resolved": "https://registry.npmjs.org/@types/node/-/node-16.7.13.tgz", + "integrity": "sha512-pLUPDn+YG3FYEt/pHI74HmnJOWzeR+tOIQzUx93pi9M7D8OE7PSLr97HboXwk5F+JS+TLtWuzCOW97AHjmOXXA==", + "dev": true + }, + "@types/node-fetch": { + "version": "2.6.11", + "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.11.tgz", + "integrity": "sha512-24xFj9R5+rfQJLRyM56qh+wnVSYhyXC2tkoBndtY0U+vubqNsYXGjufB2nn8Q6gt0LrARwL6UBtMCSVCwl4B1g==", + "dev": true, + "requires": { + "@types/node": "*", + "form-data": "^4.0.0" + } + }, + "@types/normalize-package-data": { + "version": "2.4.4", + "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz", + "integrity": "sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==", + "dev": true + }, + "@types/pretty-hrtime": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@types/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", + "integrity": "sha512-nj39q0wAIdhwn7DGUyT9irmsKK1tV0bd5WFEhgpqNTMFZ8cE+jieuTphCW0tfdm47S2zVT5mr09B28b1chmQMA==", + "dev": true + }, + "@types/prop-types": { + "version": "15.7.11", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz", + "integrity": "sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==", + "dev": true + }, + "@types/qs": { + "version": "6.9.12", + "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.12.tgz", + "integrity": "sha512-bZcOkJ6uWrL0Qb2NAWKa7TBU+mJHPzhx9jjLL1KHF+XpzEcR7EXHvjbHlGtR/IsP1vyPrehuS6XqkmaePy//mg==", + "dev": true + }, + "@types/range-parser": { + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz", + "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==", + "dev": true + }, + "@types/react": { + "version": "18.0.28", + "resolved": "https://registry.npmjs.org/@types/react/-/react-18.0.28.tgz", + "integrity": "sha512-RD0ivG1kEztNBdoAK7lekI9M+azSnitIn85h4iOiaLjaTrMjzslhaqCGaI4IyCJ1RljWiLCEu4jyrLLgqxBTew==", + "dev": true, + "requires": { + "@types/prop-types": "*", + "@types/scheduler": "*", + "csstype": "^3.0.2" + } + }, + "@types/react-dom": { + "version": "18.0.11", + "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.11.tgz", + "integrity": "sha512-O38bPbI2CWtgw/OoQoY+BRelw7uysmXbWvw3nLWO21H1HSh+GOlqPuXshJfjmpNlKiiSDG9cc1JZAaMmVdcTlw==", + "dev": true, + "requires": { + "@types/react": "*" + } + }, + "@types/react-native": { + "version": "0.73.0", + "resolved": "https://registry.npmjs.org/@types/react-native/-/react-native-0.73.0.tgz", + "integrity": "sha512-6ZRPQrYM72qYKGWidEttRe6M5DZBEV5F+MHMHqd4TTYx0tfkcdrUFGdef6CCxY0jXU7wldvd/zA/b0A/kTeJmA==", + "dev": true, + "requires": { + "react-native": "*" + } + }, + "@types/resolve": { + "version": "1.20.6", + "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.6.tgz", + "integrity": "sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==", + "dev": true + }, + "@types/scheduler": { + "version": "0.16.8", + "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz", + "integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==", + "dev": true + }, + "@types/semver": { + "version": "7.5.8", + "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz", + "integrity": "sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==", + "dev": true + }, + "@types/send": { + "version": "0.17.4", + "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.4.tgz", + "integrity": "sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==", + "dev": true, + "requires": { + "@types/mime": "^1", + "@types/node": "*" + } + }, + "@types/serve-static": { + "version": "1.15.5", + "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.5.tgz", + "integrity": "sha512-PDRk21MnK70hja/YF8AHfC7yIsiQHn1rcXx7ijCFBX/k+XQJhQT/gw3xekXKJvx+5SXaMMS8oqQy09Mzvz2TuQ==", + "dev": true, + "requires": { + "@types/http-errors": "*", + "@types/mime": "*", + "@types/node": "*" + } + }, + "@types/stack-utils": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz", + "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==", + "dev": true + }, + "@types/styled-components": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/@types/styled-components/-/styled-components-5.1.0.tgz", + "integrity": "sha512-ZFlLCuwF5r+4Vb7JUmd+Yr2S0UBdBGmI7ctFTgJMypIp3xOHI4LCFVn2dKMvpk6xDB2hLRykrEWMBwJEpUAUIQ==", + "dev": true, + "requires": { + "@types/hoist-non-react-statics": "*", + "@types/react": "*", + "@types/react-native": "*", + "csstype": "^2.2.0" + }, + "dependencies": { + "csstype": { + "version": "2.6.21", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz", + "integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==", + "dev": true + } + } + }, + "@types/unist": { + "version": "2.0.10", + "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.10.tgz", + "integrity": "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA==", + "dev": true + }, + "@types/uuid": { + "version": "9.0.8", + "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.8.tgz", + "integrity": "sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==", + "dev": true + }, + "@types/yargs": { + "version": "17.0.32", + "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.32.tgz", + "integrity": "sha512-xQ67Yc/laOG5uMfX/093MRlGGCIBzZMarVa+gfNKJxWAIgykYpVGkBdbqEzGDDfCrVUj6Hiff4mTZ5BA6TmAog==", + "dev": true, + "requires": { + "@types/yargs-parser": "*" + } + }, + "@types/yargs-parser": { + "version": "21.0.3", + "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.3.tgz", + "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==", + "dev": true + }, + "@vitejs/plugin-react": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-3.1.0.tgz", + "integrity": "sha512-AfgcRL8ZBhAlc3BFdigClmTUMISmmzHn7sB2h9U1odvc5U/MjWXsAaz18b/WoppUTDBzxOJwo2VdClfUcItu9g==", + "dev": true, + "requires": { + "@babel/core": "^7.20.12", + "@babel/plugin-transform-react-jsx-self": "^7.18.6", + "@babel/plugin-transform-react-jsx-source": "^7.19.6", + "magic-string": "^0.27.0", + "react-refresh": "^0.14.0" + }, + "dependencies": { + "magic-string": { + "version": "0.27.0", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz", + "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==", + "dev": true, + "requires": { + "@jridgewell/sourcemap-codec": "^1.4.13" + } + } + } + }, + "@yarnpkg/esbuild-plugin-pnp": { + "version": "3.0.0-rc.15", + "resolved": "https://registry.npmjs.org/@yarnpkg/esbuild-plugin-pnp/-/esbuild-plugin-pnp-3.0.0-rc.15.tgz", + "integrity": "sha512-kYzDJO5CA9sy+on/s2aIW0411AklfCi8Ck/4QDivOqsMKpStZA2SsR+X27VTggGwpStWaLrjJcDcdDMowtG8MA==", + "dev": true, + "requires": { + "tslib": "^2.4.0" + } + }, + "@yarnpkg/fslib": { + "version": "2.10.3", + "resolved": "https://registry.npmjs.org/@yarnpkg/fslib/-/fslib-2.10.3.tgz", + "integrity": "sha512-41H+Ga78xT9sHvWLlFOZLIhtU6mTGZ20pZ29EiZa97vnxdohJD2AF42rCoAoWfqUz486xY6fhjMH+DYEM9r14A==", + "dev": true, + "requires": { + "@yarnpkg/libzip": "^2.3.0", + "tslib": "^1.13.0" + }, + "dependencies": { + "tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", + "dev": true + } + } + }, + "@yarnpkg/libzip": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/@yarnpkg/libzip/-/libzip-2.3.0.tgz", + "integrity": "sha512-6xm38yGVIa6mKm/DUCF2zFFJhERh/QWp1ufm4cNUvxsONBmfPg8uZ9pZBdOmF6qFGr/HlT6ABBkCSx/dlEtvWg==", + "dev": true, + "requires": { + "@types/emscripten": "^1.39.6", + "tslib": "^1.13.0" + }, + "dependencies": { + "tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", + "dev": true + } + } + }, + "abort-controller": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz", + "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==", + "dev": true, + "requires": { + "event-target-shim": "^5.0.0" + } + }, + "accepts": { + "version": "1.3.8", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz", + "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==", + "dev": true, + "requires": { + "mime-types": "~2.1.34", + "negotiator": "0.6.3" + } + }, + "acorn": { + "version": "7.4.1", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz", + "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==", + "dev": true + }, + "acorn-jsx": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz", + "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==", + "dev": true + }, + "acorn-walk": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz", + "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==", + "dev": true + }, + "address": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/address/-/address-1.2.2.tgz", + "integrity": "sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==", + "dev": true + }, + "agent-base": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-5.1.1.tgz", + "integrity": "sha512-TMeqbNl2fMW0nMjTEPOwe3J/PRFP4vqeoNuQMG0HlMrtm5QxKqdvAkZ1pRBQ/ulIyDD5Yq0nJ7YbdD8ey0TO3g==", + "dev": true + }, + "aggregate-error": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz", + "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==", + "dev": true, + "requires": { + "clean-stack": "^2.0.0", + "indent-string": "^4.0.0" + } + }, + "ajv": { + "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", + "dev": true, + "requires": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + } + }, + "ajv-keywords": { + "version": "3.5.2", + "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", + "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", + "dev": true + }, + "anser": { + "version": "1.4.10", + "resolved": "https://registry.npmjs.org/anser/-/anser-1.4.10.tgz", + "integrity": "sha512-hCv9AqTQ8ycjpSd3upOJd7vFwW1JaoYQ7tpham03GJ1ca8/65rqn0RpaWpItOAd6ylW9wAw6luXYPJIyPFVOww==", + "dev": true + }, + "ansi-fragments": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/ansi-fragments/-/ansi-fragments-0.2.1.tgz", + "integrity": "sha512-DykbNHxuXQwUDRv5ibc2b0x7uw7wmwOGLBUd5RmaQ5z8Lhx19vwvKV+FAsM5rEA6dEcHxX+/Ad5s9eF2k2bB+w==", + "dev": true, + "requires": { + "colorette": "^1.0.7", + "slice-ansi": "^2.0.0", + "strip-ansi": "^5.0.0" + } + }, + "ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true + }, + "ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "requires": { + "color-convert": "^1.9.0" + }, + "dependencies": { + "color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "requires": { + "color-name": "1.1.3" + } + }, + "color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==" + } + } + }, + "app-root-dir": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/app-root-dir/-/app-root-dir-1.0.2.tgz", + "integrity": "sha512-jlpIfsOoNoafl92Sz//64uQHGSyMrD2vYG5d8o2a4qGvyNCvXur7bzIsWtAC/6flI2RYAp3kv8rsfBtaLm7w0g==", + "dev": true + }, + "appdirsjs": { + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/appdirsjs/-/appdirsjs-1.2.7.tgz", + "integrity": "sha512-Quji6+8kLBC3NnBeo14nPDq0+2jUs5s3/xEye+udFHumHhRk4M7aAMXp/PBJqkKYGuuyR9M/6Dq7d2AViiGmhw==", + "dev": true + }, + "argparse": { + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", + "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", + "dev": true, + "requires": { + "sprintf-js": "~1.0.2" + } + }, + "aria-hidden": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.3.tgz", + "integrity": "sha512-xcLxITLe2HYa1cnYnwCjkOO1PqUHQpozB8x9AR0OgWN2woOBi5kSDVxKfd0b7sb1hw5qFeJhXm9H1nu3xSfLeQ==", + "dev": true, + "requires": { + "tslib": "^2.0.0" + } + }, + "array-flatten": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==", + "dev": true + }, + "array-union": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz", + "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==", + "dev": true + }, + "asap": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz", + "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==", + "dev": true + }, + "assert": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/assert/-/assert-2.1.0.tgz", + "integrity": "sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==", + "dev": true, + "requires": { + "call-bind": "^1.0.2", + "is-nan": "^1.3.2", + "object-is": "^1.1.5", + "object.assign": "^4.1.4", + "util": "^0.12.5" + } + }, + "ast-types": { + "version": "0.16.1", + "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.16.1.tgz", + "integrity": "sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==", + "dev": true, + "requires": { + "tslib": "^2.0.1" + } + }, + "astral-regex": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz", + "integrity": "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==", + "dev": true + }, + "async": { + "version": "3.2.5", + "resolved": "https://registry.npmjs.org/async/-/async-3.2.5.tgz", + "integrity": "sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==", + "dev": true + }, + "async-limiter": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz", + "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==", + "dev": true + }, + "asynckit": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", + "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==", + "dev": true + }, + "available-typed-arrays": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz", + "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==", + "dev": true, + "requires": { + "possible-typed-array-names": "^1.0.0" + } + }, + "babel-core": { + "version": "7.0.0-bridge.0", + "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-7.0.0-bridge.0.tgz", + "integrity": "sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg==", + "dev": true + }, + "babel-loader": { + "version": "8.2.2", + "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.2.2.tgz", + "integrity": "sha512-JvTd0/D889PQBtUXJ2PXaKU/pjZDMtHA9V2ecm+eNRmmBCMR09a+fmpGTNwnJtFmFl5Ei7Vy47LjBb+L0wQ99g==", + "dev": true, + "requires": { + "find-cache-dir": "^3.3.1", + "loader-utils": "^1.4.0", + "make-dir": "^3.1.0", + "schema-utils": "^2.6.5" + }, + "dependencies": { + "make-dir": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", + "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==", + "dev": true, + "requires": { + "semver": "^6.0.0" + } + } + } + }, + "babel-merge": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/babel-merge/-/babel-merge-3.0.0.tgz", + "integrity": "sha512-eBOBtHnzt9xvnjpYNI5HmaPp/b2vMveE5XggzqHnQeHJ8mFIBrBv6WZEVIj5jJ2uwTItkqKo9gWzEEcBxEq0yw==", + "requires": { + "deepmerge": "^2.2.1", + "object.omit": "^3.0.0" + }, + "dependencies": { + "deepmerge": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-2.2.1.tgz", + "integrity": "sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==" + } + } + }, + "babel-plugin-annotate-pure-calls": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/babel-plugin-annotate-pure-calls/-/babel-plugin-annotate-pure-calls-0.4.0.tgz", + "integrity": "sha512-oi4M/PWUJOU9ZyRGoPTfPMqdyMp06jbJAomd3RcyYuzUtBOddv98BqLm96Lucpi2QFoQHkdGQt0ACvw7VzVEQA==", + "dev": true + }, + "babel-plugin-istanbul": { + "version": "6.1.1", + "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz", + "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.0.0", + "@istanbuljs/load-nyc-config": "^1.0.0", + "@istanbuljs/schema": "^0.1.2", + "istanbul-lib-instrument": "^5.0.4", + "test-exclude": "^6.0.0" + } + }, + "babel-plugin-polyfill-corejs2": { + "version": "0.4.10", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.10.tgz", + "integrity": "sha512-rpIuu//y5OX6jVU+a5BCn1R5RSZYWAl2Nar76iwaOdycqb6JPxediskWFMMl7stfwNJR4b7eiQvh5fB5TEQJTQ==", + "dev": true, + "requires": { + "@babel/compat-data": "^7.22.6", + "@babel/helper-define-polyfill-provider": "^0.6.1", + "semver": "^6.3.1" + } + }, + "babel-plugin-polyfill-corejs3": { + "version": "0.10.4", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.4.tgz", + "integrity": "sha512-25J6I8NGfa5YkCDogHRID3fVCadIR8/pGl1/spvCkzb6lVn6SR3ojpx9nOn9iEBcUsjY24AmdKm5khcfKdylcg==", + "dev": true, + "requires": { + "@babel/helper-define-polyfill-provider": "^0.6.1", + "core-js-compat": "^3.36.1" + } + }, + "babel-plugin-polyfill-regenerator": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.1.tgz", + "integrity": "sha512-JfTApdE++cgcTWjsiCQlLyFBMbTUft9ja17saCc93lgV33h4tuCVj7tlvu//qpLwaG+3yEz7/KhahGrUMkVq9g==", + "dev": true, + "requires": { + "@babel/helper-define-polyfill-provider": "^0.6.1" + } + }, + "babel-plugin-styled-components": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-1.13.2.tgz", + "integrity": "sha512-Vb1R3d4g+MUfPQPVDMCGjm3cDocJEUTR7Xq7QS95JWWeksN1wdFRYpD2kulDgI3Huuaf1CZd+NK4KQmqUFh5dA==", + "dev": true, + "requires": { + "@babel/helper-annotate-as-pure": "^7.0.0", + "@babel/helper-module-imports": "^7.0.0", + "babel-plugin-syntax-jsx": "^6.18.0", + "lodash": "^4.17.11" + } + }, + "babel-plugin-syntax-jsx": { + "version": "6.18.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", + "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==", + "dev": true + }, + "babel-plugin-transform-flow-enums": { + "version": "0.0.2", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-flow-enums/-/babel-plugin-transform-flow-enums-0.0.2.tgz", + "integrity": "sha512-g4aaCrDDOsWjbm0PUUeVnkcVd6AKJsVc/MbnPhEotEpkeJQP6b8nzewohQi7+QS8UyPehOhGWn0nOwjvWpmMvQ==", + "dev": true, + "requires": { + "@babel/plugin-syntax-flow": "^7.12.1" + } + }, + "balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==" + }, + "base64-js": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz", + "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==", + "dev": true + }, + "better-opn": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/better-opn/-/better-opn-3.0.2.tgz", + "integrity": "sha512-aVNobHnJqLiUelTaHat9DZ1qM2w0C0Eym4LPI/3JxOnSokGVdsl1T1kN7TFvsEAD8G47A6VKQ0TVHqbBnYMJlQ==", + "dev": true, + "requires": { + "open": "^8.0.4" + }, + "dependencies": { + "open": { + "version": "8.4.2", + "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz", + "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==", + "dev": true, + "requires": { + "define-lazy-prop": "^2.0.0", + "is-docker": "^2.1.1", + "is-wsl": "^2.2.0" + } + } + } + }, + "big-integer": { + "version": "1.6.52", + "resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.52.tgz", + "integrity": "sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==", + "dev": true + }, + "big.js": { + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz", + "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==", + "dev": true + }, + "bl": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz", + "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==", + "dev": true, + "requires": { + "buffer": "^5.5.0", + "inherits": "^2.0.4", + "readable-stream": "^3.4.0" + } + }, + "body-parser": { + "version": "1.20.2", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.2.tgz", + "integrity": "sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA==", + "dev": true, + "requires": { + "bytes": "3.1.2", + "content-type": "~1.0.5", + "debug": "2.6.9", + "depd": "2.0.0", + "destroy": "1.2.0", + "http-errors": "2.0.0", + "iconv-lite": "0.4.24", + "on-finished": "2.4.1", + "qs": "6.11.0", + "raw-body": "2.5.2", + "type-is": "~1.6.18", + "unpipe": "1.0.0" + }, + "dependencies": { + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "requires": { + "ms": "2.0.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + }, + "qs": { + "version": "6.11.0", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz", + "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==", + "dev": true, + "requires": { + "side-channel": "^1.0.4" + } + } + } + }, + "bplist-parser": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.1.1.tgz", + "integrity": "sha512-2AEM0FXy8ZxVLBuqX0hqt1gDwcnz2zygEkQ6zaD5Wko/sB9paUNwlpawrFtKeHUAQUOzjVy9AO4oeonqIHKA9Q==", + "dev": true, + "requires": { + "big-integer": "^1.6.7" + } + }, + "brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "requires": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "browser-assert": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/browser-assert/-/browser-assert-1.2.1.tgz", + "integrity": "sha512-nfulgvOR6S4gt9UKCeGJOuSGBPGiFT6oQ/2UBnvTY/5aQ1PnksW72fhZkM30DzoRRv2WpwZf1vHHEr3mtuXIWQ==", + "dev": true + }, + "browserify-zlib": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.1.4.tgz", + "integrity": "sha512-19OEpq7vWgsH6WkvkBJQDFvJS1uPcbFOQ4v9CU839dO+ZZXUZO6XpE6hNCqvlIIj+4fZvRiJ6DsAQ382GwiyTQ==", + "dev": true, + "requires": { + "pako": "~0.2.0" + } + }, + "browserslist": { + "version": "4.23.0", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz", + "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==", + "requires": { + "caniuse-lite": "^1.0.30001587", + "electron-to-chromium": "^1.4.668", + "node-releases": "^2.0.14", + "update-browserslist-db": "^1.0.13" + } + }, + "bser": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz", + "integrity": "sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==", + "dev": true, + "requires": { + "node-int64": "^0.4.0" + } + }, + "buffer": { + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz", + "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==", + "dev": true, + "requires": { + "base64-js": "^1.3.1", + "ieee754": "^1.1.13" + } + }, + "buffer-crc32": { + "version": "0.2.13", + "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz", + "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==", + "dev": true + }, + "buffer-from": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz", + "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==", + "dev": true + }, + "bytes": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz", + "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==", + "dev": true + }, + "call-bind": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz", + "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==", + "dev": true, + "requires": { + "es-define-property": "^1.0.0", + "es-errors": "^1.3.0", + "function-bind": "^1.1.2", + "get-intrinsic": "^1.2.4", + "set-function-length": "^1.2.1" + } + }, + "caller-callsite": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/caller-callsite/-/caller-callsite-2.0.0.tgz", + "integrity": "sha512-JuG3qI4QOftFsZyOn1qq87fq5grLIyk1JYd5lJmdA+fG7aQ9pA/i3JIJGcO3q0MrRcHlOt1U+ZeHW8Dq9axALQ==", + "dev": true, + "requires": { + "callsites": "^2.0.0" + } + }, + "caller-path": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/caller-path/-/caller-path-2.0.0.tgz", + "integrity": "sha512-MCL3sf6nCSXOwCTzvPKhN18TU7AHTvdtam8DAogxcrJ8Rjfbbg7Lgng64H9Iy+vUV6VGFClN/TyxBkAebLRR4A==", + "dev": true, + "requires": { + "caller-callsite": "^2.0.0" + } + }, + "callsites": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz", + "integrity": "sha512-ksWePWBloaWPxJYQ8TL0JHvtci6G5QTKwQ95RcWAa/lzoAKuAOflGdAK92hpHXjkwb8zLxoLNUoNYZgVsaJzvQ==", + "dev": true + }, + "camelcase": { + "version": "5.3.1", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz", + "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==", + "dev": true + }, + "camelize": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", + "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==", + "dev": true + }, + "caniuse-lite": { + "version": "1.0.30001611", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001611.tgz", + "integrity": "sha512-19NuN1/3PjA3QI8Eki55N8my4LzfkMCRLgCVfrl/slbSAchQfV0+GwjPrK3rq37As4UCLlM/DHajbKkAqbv92Q==" + }, + "chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "requires": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + } + }, + "chokidar": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", + "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==", + "dev": true, + "requires": { + "anymatch": "~3.1.2", + "braces": "~3.0.2", + "fsevents": "~2.3.2", + "glob-parent": "~5.1.2", + "is-binary-path": "~2.1.0", + "is-glob": "~4.0.1", + "normalize-path": "~3.0.0", + "readdirp": "~3.6.0" + }, + "dependencies": { + "anymatch": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", + "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", + "dev": true, + "requires": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + } + }, + "binary-extensions": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", + "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", + "dev": true + }, + "braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "dev": true, + "requires": { + "fill-range": "^7.0.1" + } + }, + "fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "dev": true, + "requires": { + "to-regex-range": "^5.0.1" + } + }, + "is-binary-path": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", + "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", + "dev": true, + "requires": { + "binary-extensions": "^2.0.0" + } + }, + "is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true + }, + "readdirp": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", + "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", + "dev": true, + "requires": { + "picomatch": "^2.2.1" + } + }, + "to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "requires": { + "is-number": "^7.0.0" + } + } + } + }, + "chownr": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz", + "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==", + "dev": true + }, + "chrome-launcher": { + "version": "0.15.2", + "resolved": "https://registry.npmjs.org/chrome-launcher/-/chrome-launcher-0.15.2.tgz", + "integrity": "sha512-zdLEwNo3aUVzIhKhTtXfxhdvZhUghrnmkvcAq2NoDd+LeOHKf03H5jwZ8T/STsAlzyALkBVK552iaG1fGf1xVQ==", + "dev": true, + "requires": { + "@types/node": "*", + "escape-string-regexp": "^4.0.0", + "is-wsl": "^2.2.0", + "lighthouse-logger": "^1.0.0" + }, + "dependencies": { + "escape-string-regexp": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", + "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", + "dev": true + } + } + }, + "chromium-edge-launcher": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/chromium-edge-launcher/-/chromium-edge-launcher-1.0.0.tgz", + "integrity": "sha512-pgtgjNKZ7i5U++1g1PWv75umkHvhVTDOQIZ+sjeUX9483S7Y6MUvO0lrd7ShGlQlFHMN4SwKTCq/X8hWrbv2KA==", + "dev": true, + "requires": { + "@types/node": "*", + "escape-string-regexp": "^4.0.0", + "is-wsl": "^2.2.0", + "lighthouse-logger": "^1.0.0", + "mkdirp": "^1.0.4", + "rimraf": "^3.0.2" + }, + "dependencies": { + "escape-string-regexp": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", + "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", + "dev": true + }, + "mkdirp": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", + "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==", + "dev": true + } + } + }, + "ci-info": { + "version": "3.9.0", + "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz", + "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==", + "dev": true + }, + "citty": { + "version": "0.1.6", + "resolved": "https://registry.npmjs.org/citty/-/citty-0.1.6.tgz", + "integrity": "sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==", + "dev": true, + "requires": { + "consola": "^3.2.3" + } + }, + "classnames": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz", + "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==" + }, + "clean-stack": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz", + "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==", + "dev": true + }, + "cli-cursor": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz", + "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==", + "dev": true, + "requires": { + "restore-cursor": "^3.1.0" + } + }, + "cli-spinners": { + "version": "2.9.2", + "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz", + "integrity": "sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==", + "dev": true + }, + "cli-table3": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.3.tgz", + "integrity": "sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==", + "dev": true, + "requires": { + "@colors/colors": "1.5.0", + "string-width": "^4.2.0" + } + }, + "cliui": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz", + "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==", + "dev": true, + "requires": { + "string-width": "^4.2.0", + "strip-ansi": "^6.0.1", + "wrap-ansi": "^7.0.0" + }, + "dependencies": { + "strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "requires": { + "ansi-regex": "^5.0.1" + } + } + } + }, + "clone": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz", + "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==", + "dev": true + }, + "clone-deep": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz", + "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==", + "dev": true, + "requires": { + "is-plain-object": "^2.0.4", + "kind-of": "^6.0.2", + "shallow-clone": "^3.0.0" + }, + "dependencies": { + "is-plain-object": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", + "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", + "dev": true, + "requires": { + "isobject": "^3.0.1" + } + }, + "kind-of": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", + "dev": true + } + } + }, + "color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "requires": { + "color-name": "~1.1.4" + } + }, + "color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "colorette": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.4.0.tgz", + "integrity": "sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==", + "dev": true + }, + "colors": { + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/colors/-/colors-1.2.5.tgz", + "integrity": "sha512-erNRLao/Y3Fv54qUa0LBB+//Uf3YwMUmdJinN20yMXm9zdKKqH9wt7R9IIVZ+K7ShzfpLV/Zg8+VyrBJYB4lpg==", + "dev": true + }, + "combined-stream": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", + "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", + "dev": true, + "requires": { + "delayed-stream": "~1.0.0" + } + }, + "command-exists": { + "version": "1.2.9", + "resolved": "https://registry.npmjs.org/command-exists/-/command-exists-1.2.9.tgz", + "integrity": "sha512-LTQ/SGc+s0Xc0Fu5WaKnR0YiygZkm9eKFvyS+fRsU7/ZWFF8ykFM6Pc9aCVf1+xasOOZpO3BAVgVrKvsqKHV7w==", + "dev": true + }, + "commander": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz", + "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==", + "dev": true + }, + "commondir": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz", + "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==", + "dev": true + }, + "compressible": { + "version": "2.0.18", + "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz", + "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==", + "dev": true, + "requires": { + "mime-db": ">= 1.43.0 < 2" + } + }, + "compression": { + "version": "1.7.4", + "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz", + "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==", + "dev": true, + "requires": { + "accepts": "~1.3.5", + "bytes": "3.0.0", + "compressible": "~2.0.16", + "debug": "2.6.9", + "on-headers": "~1.0.2", + "safe-buffer": "5.1.2", + "vary": "~1.1.2" + }, + "dependencies": { + "bytes": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz", + "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==", + "dev": true + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "requires": { + "ms": "2.0.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + }, + "safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true + } + } + }, + "concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", + "dev": true + }, + "concat-stream": { + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz", + "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==", + "dev": true, + "requires": { + "buffer-from": "^1.0.0", + "inherits": "^2.0.3", + "readable-stream": "^2.2.2", + "typedarray": "^0.0.6" + }, + "dependencies": { + "readable-stream": { + "version": "2.3.8", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz", + "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==", + "dev": true, + "requires": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + } + }, + "safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true + }, + "string_decoder": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "dev": true, + "requires": { + "safe-buffer": "~5.1.0" + } + } + } + }, + "connect": { + "version": "3.7.0", + "resolved": "https://registry.npmjs.org/connect/-/connect-3.7.0.tgz", + "integrity": "sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==", + "dev": true, + "requires": { + "debug": "2.6.9", + "finalhandler": "1.1.2", + "parseurl": "~1.3.3", + "utils-merge": "1.0.1" + }, + "dependencies": { + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "requires": { + "ms": "2.0.0" + } + }, + "finalhandler": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz", + "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==", + "dev": true, + "requires": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "~2.3.0", + "parseurl": "~1.3.3", + "statuses": "~1.5.0", + "unpipe": "~1.0.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + }, + "on-finished": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", + "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==", + "dev": true, + "requires": { + "ee-first": "1.1.1" + } + }, + "statuses": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", + "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==", + "dev": true + } + } + }, + "consola": { + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/consola/-/consola-3.2.3.tgz", + "integrity": "sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==", + "dev": true + }, + "content-disposition": { + "version": "0.5.4", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz", + "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==", + "dev": true, + "requires": { + "safe-buffer": "5.2.1" + } + }, + "content-type": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz", + "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==", + "dev": true + }, + "convert-source-map": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", + "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==" + }, + "cookie": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz", + "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==", + "dev": true + }, + "cookie-signature": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==", + "dev": true + }, + "core-js-compat": { + "version": "3.37.0", + "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.37.0.tgz", + "integrity": "sha512-vYq4L+T8aS5UuFg4UwDhc7YNRWVeVZwltad9C/jV3R2LgVOpS9BDr7l/WL6BN0dbV3k1XejPTHqqEzJgsa0frA==", + "dev": true, + "requires": { + "browserslist": "^4.23.0" + } + }, + "core-util-is": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz", + "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==", + "dev": true + }, + "cosmiconfig": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.2.1.tgz", + "integrity": "sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==", + "dev": true, + "requires": { + "import-fresh": "^2.0.0", + "is-directory": "^0.3.1", + "js-yaml": "^3.13.1", + "parse-json": "^4.0.0" + } + }, + "cross-spawn": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", + "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", + "dev": true, + "requires": { + "path-key": "^3.1.0", + "shebang-command": "^2.0.0", + "which": "^2.0.1" + } + }, + "crypto-random-string": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz", + "integrity": "sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==", + "dev": true + }, + "css-color-keywords": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", + "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==", + "dev": true + }, + "css-to-react-native": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz", + "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==", + "dev": true, + "requires": { + "camelize": "^1.0.0", + "css-color-keywords": "^1.0.0", + "postcss-value-parser": "^4.0.2" + } + }, + "csstype": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", + "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==", + "dev": true + }, + "dayjs": { + "version": "1.11.11", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz", + "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==" + }, + "debug": { + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", + "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", + "requires": { + "ms": "2.1.2" + } + }, + "decamelize": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz", + "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==", + "dev": true + }, + "deep-equal": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.2.tgz", + "integrity": "sha512-5tdhKF6DbU7iIzrIOa1AOUt39ZRm13cmL1cGEh//aqR8x9+tNfbywRf0n5FD/18OKMdo7DNEtrX2t22ZAkI+eg==", + "dev": true, + "requires": { + "is-arguments": "^1.1.1", + "is-date-object": "^1.0.5", + "is-regex": "^1.1.4", + "object-is": "^1.1.5", + "object-keys": "^1.1.1", + "regexp.prototype.flags": "^1.5.1" + } + }, + "deepmerge": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz", + "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==", + "dev": true + }, + "default-browser-id": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-2.0.0.tgz", + "integrity": "sha512-+LePblg9HDIx3CIla8BxfI/zYUFs8Kp67U5feqb7iTJcAxBOvcZ7ZNXKFsBDnGE5x0ap66o848VHE0fq7cgpPg==", + "dev": true, + "requires": { + "bplist-parser": "^0.1.0", + "pify": "^2.3.0", + "untildify": "^2.0.0" + } + }, + "defaults": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz", + "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==", + "dev": true, + "requires": { + "clone": "^1.0.2" + } + }, + "define-data-property": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz", + "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==", + "dev": true, + "requires": { + "es-define-property": "^1.0.0", + "es-errors": "^1.3.0", + "gopd": "^1.0.1" + } + }, + "define-lazy-prop": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz", + "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==", + "dev": true + }, + "define-properties": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz", + "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==", + "dev": true, + "requires": { + "define-data-property": "^1.0.1", + "has-property-descriptors": "^1.0.0", + "object-keys": "^1.1.1" + } + }, + "defu": { + "version": "6.1.4", + "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz", + "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==", + "dev": true + }, + "del": { + "version": "6.1.1", + "resolved": "https://registry.npmjs.org/del/-/del-6.1.1.tgz", + "integrity": "sha512-ua8BhapfP0JUJKC/zV9yHHDW/rDoDxP4Zhn3AkA6/xT6gY7jYXJiaeyBZznYVujhZZET+UgcbZiQ7sN3WqcImg==", + "dev": true, + "requires": { + "globby": "^11.0.1", + "graceful-fs": "^4.2.4", + "is-glob": "^4.0.1", + "is-path-cwd": "^2.2.0", + "is-path-inside": "^3.0.2", + "p-map": "^4.0.0", + "rimraf": "^3.0.2", + "slash": "^3.0.0" + }, + "dependencies": { + "slash": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", + "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", + "dev": true + } + } + }, + "delayed-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", + "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==", + "dev": true + }, + "denodeify": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/denodeify/-/denodeify-1.2.1.tgz", + "integrity": "sha512-KNTihKNmQENUZeKu5fzfpzRqR5S2VMp4gl9RFHiWzj9DfvYQPMJ6XHKNaQxaGCXwPk6y9yme3aUoaiAe+KX+vg==", + "dev": true + }, + "depd": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", + "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==", + "dev": true + }, + "deprecated-react-native-prop-types": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/deprecated-react-native-prop-types/-/deprecated-react-native-prop-types-5.0.0.tgz", + "integrity": "sha512-cIK8KYiiGVOFsKdPMmm1L3tA/Gl+JopXL6F5+C7x39MyPsQYnP57Im/D6bNUzcborD7fcMwiwZqcBdBXXZucYQ==", + "dev": true, + "requires": { + "@react-native/normalize-colors": "^0.73.0", + "invariant": "^2.2.4", + "prop-types": "^15.8.1" + } + }, + "dequal": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz", + "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==", + "dev": true + }, + "destroy": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz", + "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==", + "dev": true + }, + "detect-indent": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz", + "integrity": "sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==", + "dev": true + }, + "detect-node-es": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz", + "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==", + "dev": true + }, + "detect-package-manager": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/detect-package-manager/-/detect-package-manager-2.0.1.tgz", + "integrity": "sha512-j/lJHyoLlWi6G1LDdLgvUtz60Zo5GEj+sVYtTVXnYLDPuzgC3llMxonXym9zIwhhUII8vjdw0LXxavpLqTbl1A==", + "dev": true, + "requires": { + "execa": "^5.1.1" + } + }, + "detect-port": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/detect-port/-/detect-port-1.5.1.tgz", + "integrity": "sha512-aBzdj76lueB6uUst5iAs7+0H/oOjqI5D16XUWxlWMIMROhcM0rfsNVk93zTngq1dDNpoXRr++Sus7ETAExppAQ==", + "dev": true, + "requires": { + "address": "^1.0.1", + "debug": "4" + } + }, + "dir-glob": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz", + "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==", + "dev": true, + "requires": { + "path-type": "^4.0.0" + } + }, + "doctrine": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz", + "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==", + "dev": true, + "requires": { + "esutils": "^2.0.2" + } + }, + "dot-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz", + "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==", + "dev": true, + "requires": { + "no-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "dotenv": { + "version": "16.4.5", + "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz", + "integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==", + "dev": true + }, + "dotenv-expand": { + "version": "10.0.0", + "resolved": "https://registry.npmjs.org/dotenv-expand/-/dotenv-expand-10.0.0.tgz", + "integrity": "sha512-GopVGCpVS1UKH75VKHGuQFqS1Gusej0z4FyQkPdwjil2gNIv+LNsqBlboOzpJFZKVT95GkCyWJbBSdFEFUWI2A==", + "dev": true + }, + "duplexify": { + "version": "3.7.1", + "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.7.1.tgz", + "integrity": "sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==", + "dev": true, + "requires": { + "end-of-stream": "^1.0.0", + "inherits": "^2.0.1", + "readable-stream": "^2.0.0", + "stream-shift": "^1.0.0" + }, + "dependencies": { + "readable-stream": { + "version": "2.3.8", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz", + "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==", + "dev": true, + "requires": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + } + }, + "safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true + }, + "string_decoder": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "dev": true, + "requires": { + "safe-buffer": "~5.1.0" + } + } + } + }, + "eastasianwidth": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", + "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==", + "dev": true + }, + "ee-first": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==", + "dev": true + }, + "ejs": { + "version": "3.1.9", + "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz", + "integrity": "sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==", + "dev": true, + "requires": { + "jake": "^10.8.5" + } + }, + "electron-to-chromium": { + "version": "1.4.740", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.740.tgz", + "integrity": "sha512-Yvg5i+iyv7Xm18BRdVPVm8lc7kgxM3r6iwqCH2zB7QZy1kZRNmd0Zqm0zcD9XoFREE5/5rwIuIAOT+/mzGcnZg==" + }, + "emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "dev": true + }, + "emojis-list": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz", + "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==", + "dev": true + }, + "encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==", + "dev": true + }, + "end-of-stream": { + "version": "1.4.4", + "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz", + "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==", + "dev": true, + "requires": { + "once": "^1.4.0" + } + }, + "envinfo": { + "version": "7.11.1", + "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.11.1.tgz", + "integrity": "sha512-8PiZgZNIB4q/Lw4AhOvAfB/ityHAd2bli3lESSWmWSzSsl5dKpy5N1d1Rfkd2teq/g9xN90lc6o98DOjMeYHpg==", + "dev": true + }, + "error-ex": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", + "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", + "dev": true, + "requires": { + "is-arrayish": "^0.2.1" + } + }, + "error-stack-parser": { + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/error-stack-parser/-/error-stack-parser-2.1.4.tgz", + "integrity": "sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==", + "dev": true, + "requires": { + "stackframe": "^1.3.4" + } + }, + "errorhandler": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/errorhandler/-/errorhandler-1.5.1.tgz", + "integrity": "sha512-rcOwbfvP1WTViVoUjcfZicVzjhjTuhSMntHh6mW3IrEiyE6mJyXvsToJUJGlGlw/2xU9P5whlWNGlIDVeCiT4A==", + "dev": true, + "requires": { + "accepts": "~1.3.7", + "escape-html": "~1.0.3" + } + }, + "es-define-property": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz", + "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==", + "dev": true, + "requires": { + "get-intrinsic": "^1.2.4" + } + }, + "es-errors": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz", + "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==", + "dev": true + }, + "es-module-lexer": { + "version": "0.9.3", + "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz", + "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==", + "dev": true + }, + "esbuild": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz", + "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==", + "dev": true, + "requires": { + "@esbuild/android-arm": "0.18.20", + "@esbuild/android-arm64": "0.18.20", + "@esbuild/android-x64": "0.18.20", + "@esbuild/darwin-arm64": "0.18.20", + "@esbuild/darwin-x64": "0.18.20", + "@esbuild/freebsd-arm64": "0.18.20", + "@esbuild/freebsd-x64": "0.18.20", + "@esbuild/linux-arm": "0.18.20", + "@esbuild/linux-arm64": "0.18.20", + "@esbuild/linux-ia32": "0.18.20", + "@esbuild/linux-loong64": "0.18.20", + "@esbuild/linux-mips64el": "0.18.20", + "@esbuild/linux-ppc64": "0.18.20", + "@esbuild/linux-riscv64": "0.18.20", + "@esbuild/linux-s390x": "0.18.20", + "@esbuild/linux-x64": "0.18.20", + "@esbuild/netbsd-x64": "0.18.20", + "@esbuild/openbsd-x64": "0.18.20", + "@esbuild/sunos-x64": "0.18.20", + "@esbuild/win32-arm64": "0.18.20", + "@esbuild/win32-ia32": "0.18.20", + "@esbuild/win32-x64": "0.18.20" + } + }, + "esbuild-plugin-alias": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/esbuild-plugin-alias/-/esbuild-plugin-alias-0.2.1.tgz", + "integrity": "sha512-jyfL/pwPqaFXyKnj8lP8iLk6Z0m099uXR45aSN8Av1XD4vhvQutxxPzgA2bTcAwQpa1zCXDcWOlhFgyP3GKqhQ==", + "dev": true + }, + "esbuild-register": { + "version": "3.5.0", + "resolved": "https://registry.npmjs.org/esbuild-register/-/esbuild-register-3.5.0.tgz", + "integrity": "sha512-+4G/XmakeBAsvJuDugJvtyF1x+XJT4FMocynNpxrvEBViirpfUn2PgNpCHedfWhF4WokNsO/OvMKrmJOIJsI5A==", + "dev": true, + "requires": { + "debug": "^4.3.4" + } + }, + "escalade": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", + "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==" + }, + "escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==", + "dev": true + }, + "escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==" + }, + "escodegen": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz", + "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==", + "dev": true, + "requires": { + "esprima": "^4.0.1", + "estraverse": "^5.2.0", + "esutils": "^2.0.2", + "source-map": "~0.6.1" + }, + "dependencies": { + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true, + "optional": true + } + } + }, + "esprima": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", + "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==", + "dev": true + }, + "estraverse": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", + "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", + "dev": true + }, + "estree-walker": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz", + "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==", + "dev": true + }, + "esutils": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", + "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", + "dev": true + }, + "etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==", + "dev": true + }, + "event-target-shim": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz", + "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==", + "dev": true + }, + "execa": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz", + "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==", + "dev": true, + "requires": { + "cross-spawn": "^7.0.3", + "get-stream": "^6.0.0", + "human-signals": "^2.1.0", + "is-stream": "^2.0.0", + "merge-stream": "^2.0.0", + "npm-run-path": "^4.0.1", + "onetime": "^5.1.2", + "signal-exit": "^3.0.3", + "strip-final-newline": "^2.0.0" + } + }, + "exenv": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/exenv/-/exenv-1.2.2.tgz", + "integrity": "sha512-Z+ktTxTwv9ILfgKCk32OX3n/doe+OcLTRtqK9pcL+JsP3J1/VW8Uvl4ZjLlKqeW4rzK4oesDOGMEMRIZqtP4Iw==", + "dev": true + }, + "express": { + "version": "4.19.2", + "resolved": "https://registry.npmjs.org/express/-/express-4.19.2.tgz", + "integrity": "sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==", + "dev": true, + "requires": { + "accepts": "~1.3.8", + "array-flatten": "1.1.1", + "body-parser": "1.20.2", + "content-disposition": "0.5.4", + "content-type": "~1.0.4", + "cookie": "0.6.0", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "2.0.0", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "1.2.0", + "fresh": "0.5.2", + "http-errors": "2.0.0", + "merge-descriptors": "1.0.1", + "methods": "~1.1.2", + "on-finished": "2.4.1", + "parseurl": "~1.3.3", + "path-to-regexp": "0.1.7", + "proxy-addr": "~2.0.7", + "qs": "6.11.0", + "range-parser": "~1.2.1", + "safe-buffer": "5.2.1", + "send": "0.18.0", + "serve-static": "1.15.0", + "setprototypeof": "1.2.0", + "statuses": "2.0.1", + "type-is": "~1.6.18", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + }, + "dependencies": { + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "requires": { + "ms": "2.0.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + }, + "qs": { + "version": "6.11.0", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz", + "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==", + "dev": true, + "requires": { + "side-channel": "^1.0.4" + } + } + } + }, + "extend": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", + "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==", + "dev": true + }, + "extract-zip": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-1.7.0.tgz", + "integrity": "sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==", + "dev": true, + "requires": { + "concat-stream": "^1.6.2", + "debug": "^2.6.9", + "mkdirp": "^0.5.4", + "yauzl": "^2.10.0" + }, + "dependencies": { + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "requires": { + "ms": "2.0.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + } + } + }, + "fast-deep-equal": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", + "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", + "dev": true + }, + "fast-glob": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz", + "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==", + "dev": true, + "requires": { + "@nodelib/fs.stat": "^2.0.2", + "@nodelib/fs.walk": "^1.2.3", + "glob-parent": "^5.1.2", + "merge2": "^1.3.0", + "micromatch": "^4.0.4" + } + }, + "fast-json-stable-stringify": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", + "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", + "dev": true + }, + "fast-xml-parser": { + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-4.3.4.tgz", + "integrity": "sha512-utnwm92SyozgA3hhH2I8qldf2lBqm6qHOICawRNRFu1qMe3+oqr+GcXjGqTmXTMGE5T4eC03kr/rlh5C1IRdZA==", + "dev": true, + "requires": { + "strnum": "^1.0.5" + } + }, + "fastq": { + "version": "1.17.0", + "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.0.tgz", + "integrity": "sha512-zGygtijUMT7jnk3h26kUms3BkSDp4IfIKjmnqI2tvx6nuBfiF1UqOxbnLfzdv+apBy+53oaImsKtMw/xYbW+1w==", + "dev": true, + "requires": { + "reusify": "^1.0.4" + } + }, + "fb-watchman": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.2.tgz", + "integrity": "sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==", + "dev": true, + "requires": { + "bser": "2.1.1" + } + }, + "fd-slicer": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz", + "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==", + "dev": true, + "requires": { + "pend": "~1.2.0" + } + }, + "fetch-retry": { + "version": "5.0.6", + "resolved": "https://registry.npmjs.org/fetch-retry/-/fetch-retry-5.0.6.tgz", + "integrity": "sha512-3yurQZ2hD9VISAhJJP9bpYFNQrHHBXE2JxxjY5aLEcDi46RmAzJE2OC9FAde0yis5ElW0jTTzs0zfg/Cca4XqQ==", + "dev": true + }, + "file-system-cache": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/file-system-cache/-/file-system-cache-2.3.0.tgz", + "integrity": "sha512-l4DMNdsIPsVnKrgEXbJwDJsA5mB8rGwHYERMgqQx/xAUtChPJMre1bXBzDEqqVbWv9AIbFezXMxeEkZDSrXUOQ==", + "dev": true, + "requires": { + "fs-extra": "11.1.1", + "ramda": "0.29.0" + }, + "dependencies": { + "fs-extra": { + "version": "11.1.1", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz", + "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==", + "dev": true, + "requires": { + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + } + }, + "jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.6", + "universalify": "^2.0.0" + } + }, + "universalify": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==", + "dev": true + } + } + }, + "filelist": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz", + "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==", + "dev": true, + "requires": { + "minimatch": "^5.0.1" + }, + "dependencies": { + "brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "requires": { + "balanced-match": "^1.0.0" + } + }, + "minimatch": { + "version": "5.1.6", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz", + "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==", + "dev": true, + "requires": { + "brace-expansion": "^2.0.1" + } + } + } + }, + "finalhandler": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz", + "integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==", + "dev": true, + "requires": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "2.4.1", + "parseurl": "~1.3.3", + "statuses": "2.0.1", + "unpipe": "~1.0.0" + }, + "dependencies": { + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "requires": { + "ms": "2.0.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + } + } + }, + "find-cache-dir": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz", + "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==", + "dev": true, + "requires": { + "commondir": "^1.0.1", + "make-dir": "^3.0.2", + "pkg-dir": "^4.1.0" + }, + "dependencies": { + "find-up": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", + "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", + "dev": true, + "requires": { + "locate-path": "^5.0.0", + "path-exists": "^4.0.0" + } + }, + "locate-path": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", + "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", + "dev": true, + "requires": { + "p-locate": "^4.1.0" + } + }, + "make-dir": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", + "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==", + "dev": true, + "requires": { + "semver": "^6.0.0" + } + }, + "p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dev": true, + "requires": { + "p-try": "^2.0.0" + } + }, + "p-locate": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", + "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", + "dev": true, + "requires": { + "p-limit": "^2.2.0" + } + }, + "pkg-dir": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz", + "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==", + "dev": true, + "requires": { + "find-up": "^4.0.0" + } + } + } + }, + "find-up": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz", + "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==", + "requires": { + "locate-path": "^6.0.0", + "path-exists": "^4.0.0" + } + }, + "flow-enums-runtime": { + "version": "0.0.6", + "resolved": "https://registry.npmjs.org/flow-enums-runtime/-/flow-enums-runtime-0.0.6.tgz", + "integrity": "sha512-3PYnM29RFXwvAN6Pc/scUfkI7RwhQ/xqyLUyPNlXUp9S40zI8nup9tUSrTLSVnWGBN38FNiGWbwZOB6uR4OGdw==", + "dev": true + }, + "flow-parser": { + "version": "0.206.0", + "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.206.0.tgz", + "integrity": "sha512-HVzoK3r6Vsg+lKvlIZzaWNBVai+FXTX1wdYhz/wVlH13tb/gOdLXmlTqy6odmTBhT5UoWUbq0k8263Qhr9d88w==", + "dev": true + }, + "focus-visible": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/focus-visible/-/focus-visible-5.2.0.tgz", + "integrity": "sha512-Rwix9pBtC1Nuy5wysTmKy+UjbDJpIfg8eHjw0rjZ1mX4GNLz1Bmd16uDpI3Gk1i70Fgcs8Csg2lPm8HULFg9DQ==" + }, + "for-each": { + "version": "0.3.3", + "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz", + "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==", + "dev": true, + "requires": { + "is-callable": "^1.1.3" + } + }, + "foreground-child": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz", + "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==", + "dev": true, + "requires": { + "cross-spawn": "^7.0.0", + "signal-exit": "^4.0.1" + }, + "dependencies": { + "signal-exit": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", + "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", + "dev": true + } + } + }, + "form-data": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz", + "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==", + "dev": true, + "requires": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.8", + "mime-types": "^2.1.12" + } + }, + "forwarded": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz", + "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==", + "dev": true + }, + "fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==", + "dev": true + }, + "fs-constants": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz", + "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==", + "dev": true + }, + "fs-extra": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz", + "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.2", + "jsonfile": "^4.0.0", + "universalify": "^0.1.0" + } + }, + "fs-minipass": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz", + "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==", + "dev": true, + "requires": { + "minipass": "^3.0.0" + }, + "dependencies": { + "minipass": { + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", + "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", + "dev": true, + "requires": { + "yallist": "^4.0.0" + } + }, + "yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + } + } + }, + "fs-readdir-recursive": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz", + "integrity": "sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA==", + "dev": true + }, + "fs.realpath": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", + "dev": true + }, + "fsevents": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "dev": true, + "optional": true + }, + "function-bind": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", + "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", + "dev": true + }, + "functions-have-names": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz", + "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==", + "dev": true + }, + "gensync": { + "version": "1.0.0-beta.2", + "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", + "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==" + }, + "get-caller-file": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", + "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", + "dev": true + }, + "get-intrinsic": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz", + "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==", + "dev": true, + "requires": { + "es-errors": "^1.3.0", + "function-bind": "^1.1.2", + "has-proto": "^1.0.1", + "has-symbols": "^1.0.3", + "hasown": "^2.0.0" + } + }, + "get-nonce": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz", + "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==", + "dev": true + }, + "get-npm-tarball-url": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/get-npm-tarball-url/-/get-npm-tarball-url-2.1.0.tgz", + "integrity": "sha512-ro+DiMu5DXgRBabqXupW38h7WPZ9+Ad8UjwhvsmmN8w1sU7ab0nzAXvVZ4kqYg57OrqomRtJvepX5/xvFKNtjA==", + "dev": true + }, + "get-package-type": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz", + "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==", + "dev": true + }, + "get-port": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/get-port/-/get-port-5.1.1.tgz", + "integrity": "sha512-g/Q1aTSDOxFpchXC4i8ZWvxA1lnPqx/JHqcpIw0/LX9T8x/GBbi6YnlN5nhaKIFkT8oFsscUKgDJYxfwfS6QsQ==", + "dev": true + }, + "get-stream": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz", + "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==", + "dev": true + }, + "giget": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/giget/-/giget-1.2.1.tgz", + "integrity": "sha512-4VG22mopWtIeHwogGSy1FViXVo0YT+m6BrqZfz0JJFwbSsePsCdOzdLIIli5BtMp7Xe8f/o2OmBpQX2NBOC24g==", + "dev": true, + "requires": { + "citty": "^0.1.5", + "consola": "^3.2.3", + "defu": "^6.1.3", + "node-fetch-native": "^1.6.1", + "nypm": "^0.3.3", + "ohash": "^1.1.3", + "pathe": "^1.1.1", + "tar": "^6.2.0" + } + }, + "github-slugger": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/github-slugger/-/github-slugger-1.5.0.tgz", + "integrity": "sha512-wIh+gKBI9Nshz2o46B0B3f5k/W+WI9ZAv6y5Dn5WJ5SK1t0TnDimB4WE5rmTD05ZAIn8HALCZVmCsvj0w0v0lw==", + "dev": true + }, + "glob": { + "version": "7.2.3", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", + "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", + "dev": true, + "requires": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.1.1", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + } + }, + "glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "requires": { + "is-glob": "^4.0.1" + } + }, + "glob-promise": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/glob-promise/-/glob-promise-4.2.2.tgz", + "integrity": "sha512-xcUzJ8NWN5bktoTIX7eOclO1Npxd/dyVqUJxlLIDasT4C7KZyqlPIwkdJ0Ypiy3p2ZKahTjK4M9uC3sNSfNMzw==", + "dev": true, + "requires": { + "@types/glob": "^7.1.3" + } + }, + "glob-to-regexp": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz", + "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==", + "dev": true + }, + "globals": { + "version": "11.12.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", + "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==" + }, + "globby": { + "version": "11.1.0", + "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz", + "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==", + "dev": true, + "requires": { + "array-union": "^2.1.0", + "dir-glob": "^3.0.1", + "fast-glob": "^3.2.9", + "ignore": "^5.2.0", + "merge2": "^1.4.1", + "slash": "^3.0.0" + }, + "dependencies": { + "slash": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", + "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", + "dev": true + } + } + }, + "gopd": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz", + "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==", + "dev": true, + "requires": { + "get-intrinsic": "^1.1.3" + } + }, + "graceful-fs": { + "version": "4.2.11", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", + "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", + "dev": true + }, + "gud": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/gud/-/gud-1.0.0.tgz", + "integrity": "sha512-zGEOVKFM5sVPPrYs7J5/hYEw2Pof8KCyOwyhG8sAF26mCAeUFAcYPu1mwB7hhpIP29zOIBaDqwuHdLp0jvZXjw==", + "dev": true + }, + "gunzip-maybe": { + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/gunzip-maybe/-/gunzip-maybe-1.4.2.tgz", + "integrity": "sha512-4haO1M4mLO91PW57BMsDFf75UmwoRX0GkdD+Faw+Lr+r/OZrOCS0pIBwOL1xCKQqnQzbNFGgK2V2CpBUPeFNTw==", + "dev": true, + "requires": { + "browserify-zlib": "^0.1.4", + "is-deflate": "^1.0.0", + "is-gzip": "^1.0.0", + "peek-stream": "^1.1.0", + "pumpify": "^1.3.3", + "through2": "^2.0.3" + } + }, + "handlebars": { + "version": "4.7.8", + "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.8.tgz", + "integrity": "sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==", + "dev": true, + "requires": { + "minimist": "^1.2.5", + "neo-async": "^2.6.2", + "source-map": "^0.6.1", + "uglify-js": "^3.1.4", + "wordwrap": "^1.0.0" + }, + "dependencies": { + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + } + } + }, + "has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==" + }, + "has-property-descriptors": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz", + "integrity": "sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==", + "dev": true, + "requires": { + "get-intrinsic": "^1.2.2" + } + }, + "has-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz", + "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==", + "dev": true + }, + "has-symbols": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz", + "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==", + "dev": true + }, + "has-tostringtag": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz", + "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==", + "dev": true, + "requires": { + "has-symbols": "^1.0.3" + } + }, + "hasown": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz", + "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==", + "dev": true, + "requires": { + "function-bind": "^1.1.2" + } + }, + "hermes-estree": { + "version": "0.15.0", + "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.15.0.tgz", + "integrity": "sha512-lLYvAd+6BnOqWdnNbP/Q8xfl8LOGw4wVjfrNd9Gt8eoFzhNBRVD95n4l2ksfMVOoxuVyegs85g83KS9QOsxbVQ==", + "dev": true + }, + "hermes-parser": { + "version": "0.15.0", + "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.15.0.tgz", + "integrity": "sha512-Q1uks5rjZlE9RjMMjSUCkGrEIPI5pKJILeCtK1VmTj7U4pf3wVPoo+cxfu+s4cBAPy2JzikIIdCZgBoR6x7U1Q==", + "dev": true, + "requires": { + "hermes-estree": "0.15.0" + } + }, + "hermes-profile-transformer": { + "version": "0.0.6", + "resolved": "https://registry.npmjs.org/hermes-profile-transformer/-/hermes-profile-transformer-0.0.6.tgz", + "integrity": "sha512-cnN7bQUm65UWOy6cbGcCcZ3rpwW8Q/j4OP5aWRhEry4Z2t2aR1cjrbp0BS+KiBN0smvP1caBgAuxutvyvJILzQ==", + "dev": true, + "requires": { + "source-map": "^0.7.3" + }, + "dependencies": { + "source-map": { + "version": "0.7.4", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz", + "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==", + "dev": true + } + } + }, + "hoist-non-react-statics": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", + "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", + "dev": true, + "requires": { + "react-is": "^16.7.0" + } + }, + "hosted-git-info": { + "version": "2.8.9", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz", + "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==", + "dev": true + }, + "html-element-attributes": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/html-element-attributes/-/html-element-attributes-1.3.1.tgz", + "integrity": "sha512-UrRKgp5sQmRnDy4TEwAUsu14XBUlzKB8U3hjIYDjcZ3Hbp86Jtftzxfgrv6E/ii/h78tsaZwAnAE8HwnHr0dPA==" + }, + "html-tags": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz", + "integrity": "sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==", + "dev": true + }, + "http-errors": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz", + "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==", + "dev": true, + "requires": { + "depd": "2.0.0", + "inherits": "2.0.4", + "setprototypeof": "1.2.0", + "statuses": "2.0.1", + "toidentifier": "1.0.1" + } + }, + "https-proxy-agent": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-4.0.0.tgz", + "integrity": "sha512-zoDhWrkR3of1l9QAL8/scJZyLu8j/gBkcwcaQOZh7Gyh/+uJQzGVETdgT30akuwkpL8HTRfssqI3BZuV18teDg==", + "dev": true, + "requires": { + "agent-base": "5", + "debug": "4" + } + }, + "human-signals": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz", + "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==", + "dev": true + }, + "iconv-lite": { + "version": "0.4.24", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", + "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", + "dev": true, + "requires": { + "safer-buffer": ">= 2.1.2 < 3" + } + }, + "ieee754": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz", + "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==", + "dev": true + }, + "ignore": { + "version": "5.3.1", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz", + "integrity": "sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==", + "dev": true + }, + "image-size": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/image-size/-/image-size-1.1.1.tgz", + "integrity": "sha512-541xKlUw6jr/6gGuk92F+mYM5zaFAc5ahphvkqvNe2bQ6gVBkd6bfrmVJ2t4KDAfikAYZyIqTnktX3i6/aQDrQ==", + "dev": true, + "requires": { + "queue": "6.0.2" + } + }, + "import-fresh": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz", + "integrity": "sha512-eZ5H8rcgYazHbKC3PG4ClHNykCSxtAhxSSEM+2mb+7evD2CKF5V7c0dNum7AdpDh0ZdICwZY9sRSn8f+KH96sg==", + "dev": true, + "requires": { + "caller-path": "^2.0.0", + "resolve-from": "^3.0.0" + }, + "dependencies": { + "resolve-from": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz", + "integrity": "sha512-GnlH6vxLymXJNMBo7XP1fJIzBFbdYt49CuTwmB/6N53t+kMPRMFKz783LlQ4tv28XoQfMWinAJX6WCGf2IlaIw==", + "dev": true + } + } + }, + "import-lazy": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz", + "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==", + "dev": true + }, + "imurmurhash": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", + "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==", + "dev": true + }, + "indent-string": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz", + "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==", + "dev": true + }, + "inflight": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", + "dev": true, + "requires": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", + "dev": true + }, + "invariant": { + "version": "2.2.4", + "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz", + "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==", + "dev": true, + "requires": { + "loose-envify": "^1.0.0" + } + }, + "ip": { + "version": "1.1.9", + "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.9.tgz", + "integrity": "sha512-cyRxvOEpNHNtchU3Ln9KC/auJgup87llfQpQ+t5ghoC/UhL16SWzbueiCsdTnWmqAWl7LadfuwhlqmtOaqMHdQ==", + "dev": true + }, + "ipaddr.js": { + "version": "1.9.1", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz", + "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==", + "dev": true + }, + "is-absolute-url": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-3.0.3.tgz", + "integrity": "sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q==", + "dev": true + }, + "is-arguments": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz", + "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==", + "dev": true, + "requires": { + "call-bind": "^1.0.2", + "has-tostringtag": "^1.0.0" + } + }, + "is-arrayish": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", + "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==", + "dev": true + }, + "is-callable": { + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz", + "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==", + "dev": true + }, + "is-core-module": { + "version": "2.13.1", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz", + "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==", + "dev": true, + "requires": { + "hasown": "^2.0.0" + } + }, + "is-date-object": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz", + "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==", + "dev": true, + "requires": { + "has-tostringtag": "^1.0.0" + } + }, + "is-deflate": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-deflate/-/is-deflate-1.0.0.tgz", + "integrity": "sha512-YDoFpuZWu1VRXlsnlYMzKyVRITXj7Ej/V9gXQ2/pAe7X1J7M/RNOqaIYi6qUn+B7nGyB9pDXrv02dsB58d2ZAQ==", + "dev": true + }, + "is-directory": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz", + "integrity": "sha512-yVChGzahRFvbkscn2MlwGismPO12i9+znNruC5gVEntG3qu0xQMzsGg/JFbrsqDOHtHFPci+V5aP5T9I+yeKqw==", + "dev": true + }, + "is-docker": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz", + "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==", + "dev": true + }, + "is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true + }, + "is-fullwidth-code-point": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz", + "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==", + "dev": true + }, + "is-generator-function": { + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz", + "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==", + "dev": true, + "requires": { + "has-tostringtag": "^1.0.0" + } + }, + "is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "requires": { + "is-extglob": "^2.1.1" + } + }, + "is-gzip": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-gzip/-/is-gzip-1.0.0.tgz", + "integrity": "sha512-rcfALRIb1YewtnksfRIHGcIY93QnK8BIQ/2c9yDYcG/Y6+vRoJuTWBmmSEbyLLYtXm7q35pHOHbZFQBaLrhlWQ==", + "dev": true + }, + "is-interactive": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz", + "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==", + "dev": true + }, + "is-nan": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/is-nan/-/is-nan-1.3.2.tgz", + "integrity": "sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==", + "dev": true, + "requires": { + "call-bind": "^1.0.0", + "define-properties": "^1.1.3" + } + }, + "is-path-cwd": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-2.2.0.tgz", + "integrity": "sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==", + "dev": true + }, + "is-path-inside": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz", + "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==", + "dev": true + }, + "is-plain-object": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz", + "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==", + "dev": true + }, + "is-regex": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz", + "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==", + "dev": true, + "requires": { + "call-bind": "^1.0.2", + "has-tostringtag": "^1.0.0" + } + }, + "is-stream": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz", + "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==", + "dev": true + }, + "is-typed-array": { + "version": "1.1.13", + "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz", + "integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==", + "dev": true, + "requires": { + "which-typed-array": "^1.1.14" + } + }, + "is-unicode-supported": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz", + "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==", + "dev": true + }, + "is-wsl": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz", + "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==", + "dev": true, + "requires": { + "is-docker": "^2.0.0" + } + }, + "isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==", + "dev": true + }, + "isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", + "dev": true + }, + "isobject": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", + "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==" + }, + "istanbul-lib-coverage": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz", + "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==", + "dev": true + }, + "istanbul-lib-instrument": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz", + "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==", + "dev": true, + "requires": { + "@babel/core": "^7.12.3", + "@babel/parser": "^7.14.7", + "@istanbuljs/schema": "^0.1.2", + "istanbul-lib-coverage": "^3.2.0", + "semver": "^6.3.0" + } + }, + "jackspeak": { + "version": "2.3.6", + "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz", + "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==", + "dev": true, + "requires": { + "@isaacs/cliui": "^8.0.2", + "@pkgjs/parseargs": "^0.11.0" + } + }, + "jake": { + "version": "10.8.7", + "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.7.tgz", + "integrity": "sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==", + "dev": true, + "requires": { + "async": "^3.2.3", + "chalk": "^4.0.2", + "filelist": "^1.0.4", + "minimatch": "^3.1.2" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "jest-environment-node": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-29.7.0.tgz", + "integrity": "sha512-DOSwCRqXirTOyheM+4d5YZOrWcdu0LNZ87ewUoywbcb2XR4wKgqiG8vNeYwhjFMbEkfju7wx2GYH0P2gevGvFw==", + "dev": true, + "requires": { + "@jest/environment": "^29.7.0", + "@jest/fake-timers": "^29.7.0", + "@jest/types": "^29.6.3", + "@types/node": "*", + "jest-mock": "^29.7.0", + "jest-util": "^29.7.0" + } + }, + "jest-get-type": { + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.6.3.tgz", + "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==", + "dev": true + }, + "jest-haste-map": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.7.0.tgz", + "integrity": "sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==", + "dev": true, + "requires": { + "@jest/types": "^29.6.3", + "@types/graceful-fs": "^4.1.3", + "@types/node": "*", + "anymatch": "^3.0.3", + "fb-watchman": "^2.0.0", + "fsevents": "^2.3.2", + "graceful-fs": "^4.2.9", + "jest-regex-util": "^29.6.3", + "jest-util": "^29.7.0", + "jest-worker": "^29.7.0", + "micromatch": "^4.0.4", + "walker": "^1.0.8" + }, + "dependencies": { + "anymatch": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", + "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", + "dev": true, + "requires": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + } + } + } + }, + "jest-message-util": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz", + "integrity": "sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==", + "dev": true, + "requires": { + "@babel/code-frame": "^7.12.13", + "@jest/types": "^29.6.3", + "@types/stack-utils": "^2.0.0", + "chalk": "^4.0.0", + "graceful-fs": "^4.2.9", + "micromatch": "^4.0.4", + "pretty-format": "^29.7.0", + "slash": "^3.0.0", + "stack-utils": "^2.0.3" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "pretty-format": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz", + "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==", + "dev": true, + "requires": { + "@jest/schemas": "^29.6.3", + "ansi-styles": "^5.0.0", + "react-is": "^18.0.0" + }, + "dependencies": { + "ansi-styles": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz", + "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==", + "dev": true + } + } + }, + "react-is": { + "version": "18.2.0", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", + "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==", + "dev": true + }, + "slash": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", + "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", + "dev": true + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "jest-mock": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-29.7.0.tgz", + "integrity": "sha512-ITOMZn+UkYS4ZFh83xYAOzWStloNzJFO2s8DWrE4lhtGD+AorgnbkiKERe4wQVBydIGPx059g6riW5Btp6Llnw==", + "dev": true, + "requires": { + "@jest/types": "^29.6.3", + "@types/node": "*", + "jest-util": "^29.7.0" + } + }, + "jest-regex-util": { + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz", + "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==", + "dev": true + }, + "jest-util": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz", + "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==", + "dev": true, + "requires": { + "@jest/types": "^29.6.3", + "@types/node": "*", + "chalk": "^4.0.0", + "ci-info": "^3.2.0", + "graceful-fs": "^4.2.9", + "picomatch": "^2.2.3" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "jest-validate": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-29.7.0.tgz", + "integrity": "sha512-ZB7wHqaRGVw/9hST/OuFUReG7M8vKeq0/J2egIGLdvjHCmYqGARhzXmtgi+gVeZ5uXFF219aOc3Ls2yLg27tkw==", + "dev": true, + "requires": { + "@jest/types": "^29.6.3", + "camelcase": "^6.2.0", + "chalk": "^4.0.0", + "jest-get-type": "^29.6.3", + "leven": "^3.1.0", + "pretty-format": "^29.7.0" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "camelcase": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz", + "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==", + "dev": true + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "pretty-format": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz", + "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==", + "dev": true, + "requires": { + "@jest/schemas": "^29.6.3", + "ansi-styles": "^5.0.0", + "react-is": "^18.0.0" + }, + "dependencies": { + "ansi-styles": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz", + "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==", + "dev": true + } + } + }, + "react-is": { + "version": "18.2.0", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", + "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==", + "dev": true + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "jest-worker": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz", + "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==", + "dev": true, + "requires": { + "@types/node": "*", + "jest-util": "^29.7.0", + "merge-stream": "^2.0.0", + "supports-color": "^8.0.0" + }, + "dependencies": { + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "supports-color": { + "version": "8.1.1", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz", + "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "jju": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/jju/-/jju-1.4.0.tgz", + "integrity": "sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==", + "dev": true + }, + "joi": { + "version": "17.12.1", + "resolved": "https://registry.npmjs.org/joi/-/joi-17.12.1.tgz", + "integrity": "sha512-vtxmq+Lsc5SlfqotnfVjlViWfOL9nt/avKNbKYizwf6gsCfq9NYY/ceYRMFD8XDdrjJ9abJyScWmhmIiy+XRtQ==", + "dev": true, + "requires": { + "@hapi/hoek": "^9.3.0", + "@hapi/topo": "^5.1.0", + "@sideway/address": "^4.1.5", + "@sideway/formula": "^3.0.1", + "@sideway/pinpoint": "^2.0.0" + } + }, + "js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" + }, + "js-yaml": { + "version": "3.14.1", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz", + "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==", + "dev": true, + "requires": { + "argparse": "^1.0.7", + "esprima": "^4.0.0" + } + }, + "jsc-android": { + "version": "250231.0.0", + "resolved": "https://registry.npmjs.org/jsc-android/-/jsc-android-250231.0.0.tgz", + "integrity": "sha512-rS46PvsjYmdmuz1OAWXY/1kCYG7pnf1TBqeTiOJr1iDz7s5DLxxC9n/ZMknLDxzYzNVfI7R95MH10emSSG1Wuw==", + "dev": true + }, + "jsc-safe-url": { + "version": "0.2.4", + "resolved": "https://registry.npmjs.org/jsc-safe-url/-/jsc-safe-url-0.2.4.tgz", + "integrity": "sha512-0wM3YBWtYePOjfyXQH5MWQ8H7sdk5EXSwZvmSLKk2RboVQ2Bu239jycHDz5J/8Blf3K0Qnoy2b6xD+z10MFB+Q==", + "dev": true + }, + "jscodeshift": { + "version": "0.14.0", + "resolved": "https://registry.npmjs.org/jscodeshift/-/jscodeshift-0.14.0.tgz", + "integrity": "sha512-7eCC1knD7bLUPuSCwXsMZUH51O8jIcoVyKtI6P0XM0IVzlGjckPy3FIwQlorzbN0Sg79oK+RlohN32Mqf/lrYA==", + "dev": true, + "requires": { + "@babel/core": "^7.13.16", + "@babel/parser": "^7.13.16", + "@babel/plugin-proposal-class-properties": "^7.13.0", + "@babel/plugin-proposal-nullish-coalescing-operator": "^7.13.8", + "@babel/plugin-proposal-optional-chaining": "^7.13.12", + "@babel/plugin-transform-modules-commonjs": "^7.13.8", + "@babel/preset-flow": "^7.13.13", + "@babel/preset-typescript": "^7.13.0", + "@babel/register": "^7.13.16", + "babel-core": "^7.0.0-bridge.0", + "chalk": "^4.1.2", + "flow-parser": "0.*", + "graceful-fs": "^4.2.4", + "micromatch": "^4.0.4", + "neo-async": "^2.5.0", + "node-dir": "^0.1.17", + "recast": "^0.21.0", + "temp": "^0.8.4", + "write-file-atomic": "^2.3.0" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "ast-types": { + "version": "0.15.2", + "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.15.2.tgz", + "integrity": "sha512-c27loCv9QkZinsa5ProX751khO9DJl/AcB5c2KNtA6NRvHKS0PgLfcftz72KVq504vB0Gku5s2kUZzDBvQWvHg==", + "dev": true, + "requires": { + "tslib": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "recast": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/recast/-/recast-0.21.5.tgz", + "integrity": "sha512-hjMmLaUXAm1hIuTqOdeYObMslq/q+Xff6QE3Y2P+uoHAg2nmVlLBps2hzh1UJDdMtDTMXOFewK6ky51JQIeECg==", + "dev": true, + "requires": { + "ast-types": "0.15.2", + "esprima": "~4.0.0", + "source-map": "~0.6.1", + "tslib": "^2.0.1" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + }, + "write-file-atomic": { + "version": "2.4.3", + "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-2.4.3.tgz", + "integrity": "sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.11", + "imurmurhash": "^0.1.4", + "signal-exit": "^3.0.2" + } + } + } + }, + "jsesc": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", + "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==" + }, + "json-parse-better-errors": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz", + "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==", + "dev": true + }, + "json-parse-even-better-errors": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", + "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==", + "dev": true + }, + "json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true + }, + "json5": { + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==" + }, + "jsonfile": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz", + "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.6" + } + }, + "keyboard-key": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/keyboard-key/-/keyboard-key-1.1.0.tgz", + "integrity": "sha512-qkBzPTi3rlAKvX7k0/ub44sqOfXeLc/jcnGGmj5c7BJpU8eDrEVPyhCvNYAaoubbsLm9uGWwQJO1ytQK1a9/dQ==", + "dev": true + }, + "kleur": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz", + "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==", + "dev": true + }, + "lazy-universal-dotenv": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/lazy-universal-dotenv/-/lazy-universal-dotenv-4.0.0.tgz", + "integrity": "sha512-aXpZJRnTkpK6gQ/z4nk+ZBLd/Qdp118cvPruLSIQzQNRhKwEcdXCOzXuF55VDqIiuAaY3UGZ10DJtvZzDcvsxg==", + "dev": true, + "requires": { + "app-root-dir": "^1.0.2", + "dotenv": "^16.0.0", + "dotenv-expand": "^10.0.0" + } + }, + "leven": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz", + "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==", + "dev": true + }, + "lighthouse-logger": { + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/lighthouse-logger/-/lighthouse-logger-1.4.2.tgz", + "integrity": "sha512-gPWxznF6TKmUHrOQjlVo2UbaL2EJ71mb2CCeRs/2qBpi4L/g4LUVc9+3lKQ6DTUZwJswfM7ainGrLO1+fOqa2g==", + "dev": true, + "requires": { + "debug": "^2.6.9", + "marky": "^1.2.2" + }, + "dependencies": { + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "requires": { + "ms": "2.0.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + } + } + }, + "lines-and-columns": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", + "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", + "dev": true + }, + "loader-utils": { + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz", + "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==", + "dev": true, + "requires": { + "big.js": "^5.2.2", + "emojis-list": "^3.0.0", + "json5": "^1.0.1" + }, + "dependencies": { + "json5": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz", + "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==", + "dev": true, + "requires": { + "minimist": "^1.2.0" + } + } + } + }, + "locate-path": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz", + "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==", + "requires": { + "p-locate": "^5.0.0" + } + }, + "lodash": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", + "dev": true + }, + "lodash.debounce": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", + "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==", + "dev": true + }, + "lodash.get": { + "version": "4.4.2", + "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz", + "integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==", + "dev": true + }, + "lodash.isequal": { + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz", + "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==", + "dev": true + }, + "lodash.throttle": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz", + "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==" + }, + "log-symbols": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz", + "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==", + "dev": true, + "requires": { + "chalk": "^4.1.0", + "is-unicode-supported": "^0.1.0" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "logkitty": { + "version": "0.7.1", + "resolved": "https://registry.npmjs.org/logkitty/-/logkitty-0.7.1.tgz", + "integrity": "sha512-/3ER20CTTbahrCrpYfPn7Xavv9diBROZpoXGVZDWMw4b/X4uuUwAC0ki85tgsdMRONURyIJbcOvS94QsUBYPbQ==", + "dev": true, + "requires": { + "ansi-fragments": "^0.2.1", + "dayjs": "^1.8.15", + "yargs": "^15.1.0" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "cliui": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz", + "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==", + "dev": true, + "requires": { + "string-width": "^4.2.0", + "strip-ansi": "^6.0.0", + "wrap-ansi": "^6.2.0" + } + }, + "find-up": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", + "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", + "dev": true, + "requires": { + "locate-path": "^5.0.0", + "path-exists": "^4.0.0" + } + }, + "locate-path": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", + "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", + "dev": true, + "requires": { + "p-locate": "^4.1.0" + } + }, + "p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dev": true, + "requires": { + "p-try": "^2.0.0" + } + }, + "p-locate": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", + "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", + "dev": true, + "requires": { + "p-limit": "^2.2.0" + } + }, + "strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "requires": { + "ansi-regex": "^5.0.1" + } + }, + "wrap-ansi": { + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz", + "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==", + "dev": true, + "requires": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + } + }, + "y18n": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz", + "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==", + "dev": true + }, + "yargs": { + "version": "15.4.1", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz", + "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==", + "dev": true, + "requires": { + "cliui": "^6.0.0", + "decamelize": "^1.2.0", + "find-up": "^4.1.0", + "get-caller-file": "^2.0.1", + "require-directory": "^2.1.1", + "require-main-filename": "^2.0.0", + "set-blocking": "^2.0.0", + "string-width": "^4.2.0", + "which-module": "^2.0.0", + "y18n": "^4.0.0", + "yargs-parser": "^18.1.2" + } + }, + "yargs-parser": { + "version": "18.1.3", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz", + "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==", + "dev": true, + "requires": { + "camelcase": "^5.0.0", + "decamelize": "^1.2.0" + } + } + } + }, + "loose-envify": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", + "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "requires": { + "js-tokens": "^3.0.0 || ^4.0.0" + } + }, + "lower-case": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz", + "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==", + "dev": true, + "requires": { + "tslib": "^2.0.3" + } + }, + "lru-cache": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", + "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", + "requires": { + "yallist": "^3.0.2" + } + }, + "magic-string": { + "version": "0.30.8", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.8.tgz", + "integrity": "sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==", + "dev": true, + "requires": { + "@jridgewell/sourcemap-codec": "^1.4.15" + } + }, + "make-dir": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz", + "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==", + "dev": true, + "requires": { + "pify": "^4.0.1", + "semver": "^5.6.0" + }, + "dependencies": { + "pify": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz", + "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==", + "dev": true + }, + "semver": { + "version": "5.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", + "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", + "dev": true + } + } + }, + "makeerror": { + "version": "1.0.12", + "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz", + "integrity": "sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==", + "dev": true, + "requires": { + "tmpl": "1.0.5" + } + }, + "map-or-similar": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/map-or-similar/-/map-or-similar-1.5.0.tgz", + "integrity": "sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg==", + "dev": true + }, + "markdown-to-jsx": { + "version": "7.4.1", + "resolved": "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.4.1.tgz", + "integrity": "sha512-GbrbkTnHp9u6+HqbPRFJbObi369AgJNXi/sGqq5HRsoZW063xR1XDCaConqq+whfEIAlzB1YPnOgsPc7B7bc/A==", + "dev": true + }, + "marky": { + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/marky/-/marky-1.2.5.tgz", + "integrity": "sha512-q9JtQJKjpsVxCRVgQ+WapguSbKC3SQ5HEzFGPAJMStgh3QjCawp00UKv3MTTAArTmGmmPUvllHZoNbZ3gs0I+Q==", + "dev": true + }, + "mdast-util-definitions": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-4.0.0.tgz", + "integrity": "sha512-k8AJ6aNnUkB7IE+5azR9h81O5EQ/cTDXtWdMq9Kk5KcEW/8ritU5CeLg/9HhOC++nALHBlaogJ5jz0Ybk3kPMQ==", + "dev": true, + "requires": { + "unist-util-visit": "^2.0.0" + } + }, + "mdast-util-to-string": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-1.1.0.tgz", + "integrity": "sha512-jVU0Nr2B9X3MU4tSK7JP1CMkSvOj7X5l/GboG1tKRw52lLF1x2Ju92Ms9tNetCcbfX3hzlM73zYo2NKkWSfF/A==", + "dev": true + }, + "media-typer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==", + "dev": true + }, + "memoize-one": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz", + "integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==", + "dev": true + }, + "memoizerific": { + "version": "1.11.3", + "resolved": "https://registry.npmjs.org/memoizerific/-/memoizerific-1.11.3.tgz", + "integrity": "sha512-/EuHYwAPdLtXwAwSZkh/Gutery6pD2KYd44oQLhAvQp/50mpyduZh8Q7PYHXTCJ+wuXxt7oij2LXyIJOOYFPog==", + "dev": true, + "requires": { + "map-or-similar": "^1.5.0" + } + }, + "merge-descriptors": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", + "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==", + "dev": true + }, + "merge-stream": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz", + "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==", + "dev": true + }, + "merge2": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", + "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", + "dev": true + }, + "methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==", + "dev": true + }, + "metro": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro/-/metro-0.80.5.tgz", + "integrity": "sha512-OE/CGbOgbi8BlTN1QqJgKOBaC27dS0JBQw473JcivrpgVnqIsluROA7AavEaTVUrB9wPUZvoNVDROn5uiM2jfw==", + "dev": true, + "requires": { + "@babel/code-frame": "^7.0.0", + "@babel/core": "^7.20.0", + "@babel/generator": "^7.20.0", + "@babel/parser": "^7.20.0", + "@babel/template": "^7.0.0", + "@babel/traverse": "^7.20.0", + "@babel/types": "^7.20.0", + "accepts": "^1.3.7", + "chalk": "^4.0.0", + "ci-info": "^2.0.0", + "connect": "^3.6.5", + "debug": "^2.2.0", + "denodeify": "^1.2.1", + "error-stack-parser": "^2.0.6", + "graceful-fs": "^4.2.4", + "hermes-parser": "0.18.2", + "image-size": "^1.0.2", + "invariant": "^2.2.4", + "jest-worker": "^29.6.3", + "jsc-safe-url": "^0.2.2", + "lodash.throttle": "^4.1.1", + "metro-babel-transformer": "0.80.5", + "metro-cache": "0.80.5", + "metro-cache-key": "0.80.5", + "metro-config": "0.80.5", + "metro-core": "0.80.5", + "metro-file-map": "0.80.5", + "metro-resolver": "0.80.5", + "metro-runtime": "0.80.5", + "metro-source-map": "0.80.5", + "metro-symbolicate": "0.80.5", + "metro-transform-plugins": "0.80.5", + "metro-transform-worker": "0.80.5", + "mime-types": "^2.1.27", + "node-fetch": "^2.2.0", + "nullthrows": "^1.1.1", + "rimraf": "^3.0.2", + "serialize-error": "^2.1.0", + "source-map": "^0.5.6", + "strip-ansi": "^6.0.0", + "throat": "^5.0.0", + "ws": "^7.5.1", + "yargs": "^17.6.2" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "ci-info": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz", + "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==", + "dev": true + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "requires": { + "ms": "2.0.0" + }, + "dependencies": { + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + } + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "hermes-estree": { + "version": "0.18.2", + "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.18.2.tgz", + "integrity": "sha512-KoLsoWXJ5o81nit1wSyEZnWUGy9cBna9iYMZBR7skKh7okYAYKqQ9/OczwpMHn/cH0hKDyblulGsJ7FknlfVxQ==", + "dev": true + }, + "hermes-parser": { + "version": "0.18.2", + "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.18.2.tgz", + "integrity": "sha512-1eQfvib+VPpgBZ2zYKQhpuOjw1tH+Emuib6QmjkJWJMhyjM8xnXMvA+76o9LhF0zOAJDZgPfQhg43cyXEyl5Ew==", + "dev": true, + "requires": { + "hermes-estree": "0.18.2" + } + }, + "strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "requires": { + "ansi-regex": "^5.0.1" + } + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + }, + "ws": { + "version": "7.5.9", + "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz", + "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==", + "dev": true + } + } + }, + "metro-babel-transformer": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-babel-transformer/-/metro-babel-transformer-0.80.5.tgz", + "integrity": "sha512-sxH6hcWCorhTbk4kaShCWsadzu99WBL4Nvq4m/sDTbp32//iGuxtAnUK+ZV+6IEygr2u9Z0/4XoZ8Sbcl71MpA==", + "dev": true, + "requires": { + "@babel/core": "^7.20.0", + "hermes-parser": "0.18.2", + "nullthrows": "^1.1.1" + }, + "dependencies": { + "hermes-estree": { + "version": "0.18.2", + "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.18.2.tgz", + "integrity": "sha512-KoLsoWXJ5o81nit1wSyEZnWUGy9cBna9iYMZBR7skKh7okYAYKqQ9/OczwpMHn/cH0hKDyblulGsJ7FknlfVxQ==", + "dev": true + }, + "hermes-parser": { + "version": "0.18.2", + "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.18.2.tgz", + "integrity": "sha512-1eQfvib+VPpgBZ2zYKQhpuOjw1tH+Emuib6QmjkJWJMhyjM8xnXMvA+76o9LhF0zOAJDZgPfQhg43cyXEyl5Ew==", + "dev": true, + "requires": { + "hermes-estree": "0.18.2" + } + } + } + }, + "metro-cache": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-cache/-/metro-cache-0.80.5.tgz", + "integrity": "sha512-2u+dQ4PZwmC7eZo9uMBNhQQMig9f+w4QWBZwXCdVy/RYOHM0eObgGdMEOwODo73uxie82T9lWzxr3aZOZ+Nqtw==", + "dev": true, + "requires": { + "metro-core": "0.80.5", + "rimraf": "^3.0.2" + } + }, + "metro-cache-key": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-cache-key/-/metro-cache-key-0.80.5.tgz", + "integrity": "sha512-fr3QLZUarsB3tRbVcmr34kCBsTHk0Sh9JXGvBY/w3b2lbre+Lq5gtgLyFElHPecGF7o4z1eK9r3ubxtScHWcbA==", + "dev": true + }, + "metro-config": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-config/-/metro-config-0.80.5.tgz", + "integrity": "sha512-elqo/lwvF+VjZ1OPyvmW/9hSiGlmcqu+rQvDKw5F5WMX48ZC+ySTD1WcaD7e97pkgAlJHVYqZ98FCjRAYOAFRQ==", + "dev": true, + "requires": { + "connect": "^3.6.5", + "cosmiconfig": "^5.0.5", + "jest-validate": "^29.6.3", + "metro": "0.80.5", + "metro-cache": "0.80.5", + "metro-core": "0.80.5", + "metro-runtime": "0.80.5" + } + }, + "metro-core": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-core/-/metro-core-0.80.5.tgz", + "integrity": "sha512-vkLuaBhnZxTVpaZO8ZJVEHzjaqSXpOdpAiztSZ+NDaYM6jEFgle3/XIbLW91jTSf2+T8Pj5yB1G7KuOX+BcVwg==", + "dev": true, + "requires": { + "lodash.throttle": "^4.1.1", + "metro-resolver": "0.80.5" + } + }, + "metro-file-map": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-file-map/-/metro-file-map-0.80.5.tgz", + "integrity": "sha512-bKCvJ05drjq6QhQxnDUt3I8x7bTcHo3IIKVobEr14BK++nmxFGn/BmFLRzVBlghM6an3gqwpNEYxS5qNc+VKcg==", + "dev": true, + "requires": { + "anymatch": "^3.0.3", + "debug": "^2.2.0", + "fb-watchman": "^2.0.0", + "fsevents": "^2.3.2", + "graceful-fs": "^4.2.4", + "invariant": "^2.2.4", + "jest-worker": "^29.6.3", + "micromatch": "^4.0.4", + "node-abort-controller": "^3.1.1", + "nullthrows": "^1.1.1", + "walker": "^1.0.7" + }, + "dependencies": { + "anymatch": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", + "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", + "dev": true, + "requires": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + } + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "requires": { + "ms": "2.0.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + } + } + }, + "metro-minify-terser": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-minify-terser/-/metro-minify-terser-0.80.5.tgz", + "integrity": "sha512-S7oZLLcab6YXUT6jYFX/ZDMN7Fq6xBGGAG8liMFU1UljX6cTcEC2u+UIafYgCLrdVexp/+ClxrIetVPZ5LtL/g==", + "dev": true, + "requires": { + "terser": "^5.15.0" + } + }, + "metro-resolver": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-resolver/-/metro-resolver-0.80.5.tgz", + "integrity": "sha512-haJ/Hveio3zv/Fr4eXVdKzjUeHHDogYok7OpRqPSXGhTXisNXB+sLN7CpcUrCddFRUDLnVaqQOYwhYsFndgUwA==", + "dev": true + }, + "metro-runtime": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-runtime/-/metro-runtime-0.80.5.tgz", + "integrity": "sha512-L0syTWJUdWzfUmKgkScr6fSBVTh6QDr8eKEkRtn40OBd8LPagrJGySBboWSgbyn9eIb4ayW3Y347HxgXBSAjmg==", + "dev": true, + "requires": { + "@babel/runtime": "^7.0.0" + } + }, + "metro-source-map": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-source-map/-/metro-source-map-0.80.5.tgz", + "integrity": "sha512-DwSF4l03mKPNqCtyQ6K23I43qzU1BViAXnuH81eYWdHglP+sDlPpY+/7rUahXEo6qXEHXfAJgVoo1sirbXbmsQ==", + "dev": true, + "requires": { + "@babel/traverse": "^7.20.0", + "@babel/types": "^7.20.0", + "invariant": "^2.2.4", + "metro-symbolicate": "0.80.5", + "nullthrows": "^1.1.1", + "ob1": "0.80.5", + "source-map": "^0.5.6", + "vlq": "^1.0.0" + } + }, + "metro-symbolicate": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-symbolicate/-/metro-symbolicate-0.80.5.tgz", + "integrity": "sha512-IsM4mTYvmo9JvIqwEkCZ5+YeDVPST78Q17ZgljfLdHLSpIivOHp9oVoiwQ/YGbLx0xRHRIS/tKiXueWBnj3UWA==", + "dev": true, + "requires": { + "invariant": "^2.2.4", + "metro-source-map": "0.80.5", + "nullthrows": "^1.1.1", + "source-map": "^0.5.6", + "through2": "^2.0.1", + "vlq": "^1.0.0" + } + }, + "metro-transform-plugins": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-transform-plugins/-/metro-transform-plugins-0.80.5.tgz", + "integrity": "sha512-7IdlTqK/k5+qE3RvIU5QdCJUPk4tHWEqgVuYZu8exeW+s6qOJ66hGIJjXY/P7ccucqF+D4nsbAAW5unkoUdS6g==", + "dev": true, + "requires": { + "@babel/core": "^7.20.0", + "@babel/generator": "^7.20.0", + "@babel/template": "^7.0.0", + "@babel/traverse": "^7.20.0", + "nullthrows": "^1.1.1" + } + }, + "metro-transform-worker": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/metro-transform-worker/-/metro-transform-worker-0.80.5.tgz", + "integrity": "sha512-Q1oM7hfP+RBgAtzRFBDjPhArELUJF8iRCZ8OidqCpYzQJVGuJZ7InSnIf3hn1JyqiUQwv2f1LXBO78i2rAjzyA==", + "dev": true, + "requires": { + "@babel/core": "^7.20.0", + "@babel/generator": "^7.20.0", + "@babel/parser": "^7.20.0", + "@babel/types": "^7.20.0", + "metro": "0.80.5", + "metro-babel-transformer": "0.80.5", + "metro-cache": "0.80.5", + "metro-cache-key": "0.80.5", + "metro-minify-terser": "0.80.5", + "metro-source-map": "0.80.5", + "metro-transform-plugins": "0.80.5", + "nullthrows": "^1.1.1" + } + }, + "micromatch": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", + "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", + "dev": true, + "requires": { + "braces": "^3.0.2", + "picomatch": "^2.3.1" + }, + "dependencies": { + "braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "dev": true, + "requires": { + "fill-range": "^7.0.1" + } + }, + "fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "dev": true, + "requires": { + "to-regex-range": "^5.0.1" + } + }, + "is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true + }, + "to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "requires": { + "is-number": "^7.0.0" + } + } + } + }, + "mime": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz", + "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==", + "dev": true + }, + "mime-db": { + "version": "1.52.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", + "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", + "dev": true + }, + "mime-types": { + "version": "2.1.35", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", + "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", + "dev": true, + "requires": { + "mime-db": "1.52.0" + } + }, + "mimic-fn": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz", + "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==", + "dev": true + }, + "min-indent": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz", + "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==", + "dev": true + }, + "minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "requires": { + "brace-expansion": "^1.1.7" + } + }, + "minimist": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz", + "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==", + "dev": true + }, + "minipass": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz", + "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==", + "dev": true + }, + "minizlib": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz", + "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==", + "dev": true, + "requires": { + "minipass": "^3.0.0", + "yallist": "^4.0.0" + }, + "dependencies": { + "minipass": { + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", + "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", + "dev": true, + "requires": { + "yallist": "^4.0.0" + } + }, + "yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + } + } + }, + "mkdirp": { + "version": "0.5.6", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz", + "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==", + "dev": true, + "requires": { + "minimist": "^1.2.6" + } + }, + "mkdirp-classic": { + "version": "0.5.3", + "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz", + "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==", + "dev": true + }, + "ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" + }, + "nanoid": { + "version": "3.3.7", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", + "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==", + "dev": true + }, + "ncp": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ncp/-/ncp-2.0.0.tgz", + "integrity": "sha512-zIdGUrPRFTUELUvr3Gmc7KZ2Sw/h1PiVM0Af/oHB6zgnV1ikqSfRk+TOufi79aHYCW3NiOXmr1BP5nWbzojLaA==", + "dev": true + }, + "negotiator": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz", + "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==", + "dev": true + }, + "neo-async": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz", + "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==", + "dev": true + }, + "no-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz", + "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==", + "dev": true, + "requires": { + "lower-case": "^2.0.2", + "tslib": "^2.0.3" + } + }, + "nocache": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/nocache/-/nocache-3.0.4.tgz", + "integrity": "sha512-WDD0bdg9mbq6F4mRxEYcPWwfA1vxd0mrvKOyxI7Xj/atfRHVeutzuWByG//jfm4uPzp0y4Kj051EORCBSQMycw==", + "dev": true + }, + "node-abort-controller": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/node-abort-controller/-/node-abort-controller-3.1.1.tgz", + "integrity": "sha512-AGK2yQKIjRuqnc6VkX2Xj5d+QW8xZ87pa1UK6yA6ouUyuxfHuMP6umE5QK7UmTeOAymo+Zx1Fxiuw9rVx8taHQ==", + "dev": true + }, + "node-dir": { + "version": "0.1.17", + "resolved": "https://registry.npmjs.org/node-dir/-/node-dir-0.1.17.tgz", + "integrity": "sha512-tmPX422rYgofd4epzrNoOXiE8XFZYOcCq1vD7MAXCDO+O+zndlA2ztdKKMa+EeuBG5tHETpr4ml4RGgpqDCCAg==", + "dev": true, + "requires": { + "minimatch": "^3.0.2" + } + }, + "node-fetch": { + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz", + "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==", + "dev": true, + "requires": { + "whatwg-url": "^5.0.0" + } + }, + "node-fetch-native": { + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.6.2.tgz", + "integrity": "sha512-69mtXOFZ6hSkYiXAVB5SqaRvrbITC/NPyqv7yuu/qw0nmgPyYbIMYYNIDhNtwPrzk0ptrimrLz/hhjvm4w5Z+w==", + "dev": true + }, + "node-int64": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz", + "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==", + "dev": true + }, + "node-releases": { + "version": "2.0.14", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz", + "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==" + }, + "node-stream-zip": { + "version": "1.15.0", + "resolved": "https://registry.npmjs.org/node-stream-zip/-/node-stream-zip-1.15.0.tgz", + "integrity": "sha512-LN4fydt9TqhZhThkZIVQnF9cwjU3qmUH9h78Mx/K7d3VvfRqqwthLwJEUOEL0QPZ0XQmNN7be5Ggit5+4dq3Bw==", + "dev": true + }, + "normalize-package-data": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz", + "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==", + "dev": true, + "requires": { + "hosted-git-info": "^2.1.4", + "resolve": "^1.10.0", + "semver": "2 || 3 || 4 || 5", + "validate-npm-package-license": "^3.0.1" + }, + "dependencies": { + "semver": { + "version": "5.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", + "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", + "dev": true + } + } + }, + "normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true + }, + "npm-run-path": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz", + "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==", + "dev": true, + "requires": { + "path-key": "^3.0.0" + } + }, + "nullthrows": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/nullthrows/-/nullthrows-1.1.1.tgz", + "integrity": "sha512-2vPPEi+Z7WqML2jZYddDIfy5Dqb0r2fze2zTxNNknZaFpVHU3mFB3R+DWeJWGVx0ecvttSGlJTI+WG+8Z4cDWw==", + "dev": true + }, + "nypm": { + "version": "0.3.8", + "resolved": "https://registry.npmjs.org/nypm/-/nypm-0.3.8.tgz", + "integrity": "sha512-IGWlC6So2xv6V4cIDmoV0SwwWx7zLG086gyqkyumteH2fIgCAM4nDVFB2iDRszDvmdSVW9xb1N+2KjQ6C7d4og==", + "dev": true, + "requires": { + "citty": "^0.1.6", + "consola": "^3.2.3", + "execa": "^8.0.1", + "pathe": "^1.1.2", + "ufo": "^1.4.0" + }, + "dependencies": { + "execa": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/execa/-/execa-8.0.1.tgz", + "integrity": "sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==", + "dev": true, + "requires": { + "cross-spawn": "^7.0.3", + "get-stream": "^8.0.1", + "human-signals": "^5.0.0", + "is-stream": "^3.0.0", + "merge-stream": "^2.0.0", + "npm-run-path": "^5.1.0", + "onetime": "^6.0.0", + "signal-exit": "^4.1.0", + "strip-final-newline": "^3.0.0" + } + }, + "get-stream": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-8.0.1.tgz", + "integrity": "sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==", + "dev": true + }, + "human-signals": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz", + "integrity": "sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==", + "dev": true + }, + "is-stream": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz", + "integrity": "sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==", + "dev": true + }, + "mimic-fn": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz", + "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==", + "dev": true + }, + "npm-run-path": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.3.0.tgz", + "integrity": "sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==", + "dev": true, + "requires": { + "path-key": "^4.0.0" + } + }, + "onetime": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz", + "integrity": "sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==", + "dev": true, + "requires": { + "mimic-fn": "^4.0.0" + } + }, + "path-key": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz", + "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==", + "dev": true + }, + "signal-exit": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", + "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", + "dev": true + }, + "strip-final-newline": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz", + "integrity": "sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==", + "dev": true + } + } + }, + "ob1": { + "version": "0.80.5", + "resolved": "https://registry.npmjs.org/ob1/-/ob1-0.80.5.tgz", + "integrity": "sha512-zYDMnnNrFi/1Tqh0vo3PE4p97Tpl9/4MP2k2ECvkbLOZzQuAYZJLTUYVLZb7hJhbhjT+JJxAwBGS8iu5hCSd1w==", + "dev": true + }, + "object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==" + }, + "object-inspect": { + "version": "1.13.1", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz", + "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==", + "dev": true + }, + "object-is": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz", + "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==", + "dev": true, + "requires": { + "call-bind": "^1.0.2", + "define-properties": "^1.1.3" + } + }, + "object-keys": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz", + "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==", + "dev": true + }, + "object.assign": { + "version": "4.1.5", + "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz", + "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==", + "dev": true, + "requires": { + "call-bind": "^1.0.5", + "define-properties": "^1.2.1", + "has-symbols": "^1.0.3", + "object-keys": "^1.1.1" + } + }, + "object.omit": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/object.omit/-/object.omit-3.0.0.tgz", + "integrity": "sha512-EO+BCv6LJfu+gBIF3ggLicFebFLN5zqzz/WWJlMFfkMyGth+oBkhxzDl0wx2W4GkLzuQs/FsSkXZb2IMWQqmBQ==", + "requires": { + "is-extendable": "^1.0.0" + }, + "dependencies": { + "is-extendable": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", + "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", + "requires": { + "is-plain-object": "^2.0.4" + } + }, + "is-plain-object": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", + "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", + "requires": { + "isobject": "^3.0.1" + } + } + } + }, + "ohash": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/ohash/-/ohash-1.1.3.tgz", + "integrity": "sha512-zuHHiGTYTA1sYJ/wZN+t5HKZaH23i4yI1HMwbuXm24Nid7Dv0KcuRlKoNKS9UNfAVSBlnGLcuQrnOKWOZoEGaw==", + "dev": true + }, + "on-finished": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz", + "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==", + "dev": true, + "requires": { + "ee-first": "1.1.1" + } + }, + "on-headers": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz", + "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==", + "dev": true + }, + "once": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", + "dev": true, + "requires": { + "wrappy": "1" + } + }, + "onetime": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz", + "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==", + "dev": true, + "requires": { + "mimic-fn": "^2.1.0" + } + }, + "open": { + "version": "6.4.0", + "resolved": "https://registry.npmjs.org/open/-/open-6.4.0.tgz", + "integrity": "sha512-IFenVPgF70fSm1keSd2iDBIDIBZkroLeuffXq+wKTzTJlBpesFWojV9lb8mzOfaAzM1sr7HQHuO0vtV0zYekGg==", + "dev": true, + "requires": { + "is-wsl": "^1.1.0" + }, + "dependencies": { + "is-wsl": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz", + "integrity": "sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw==", + "dev": true + } + } + }, + "ora": { + "version": "5.4.1", + "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz", + "integrity": "sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==", + "dev": true, + "requires": { + "bl": "^4.1.0", + "chalk": "^4.1.0", + "cli-cursor": "^3.1.0", + "cli-spinners": "^2.5.0", + "is-interactive": "^1.0.0", + "is-unicode-supported": "^0.1.0", + "log-symbols": "^4.1.0", + "strip-ansi": "^6.0.0", + "wcwidth": "^1.0.1" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "requires": { + "ansi-regex": "^5.0.1" + } + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "os-homedir": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz", + "integrity": "sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==", + "dev": true + }, + "p-limit": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", + "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==", + "requires": { + "yocto-queue": "^0.1.0" + } + }, + "p-locate": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz", + "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==", + "requires": { + "p-limit": "^3.0.2" + } + }, + "p-map": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz", + "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==", + "dev": true, + "requires": { + "aggregate-error": "^3.0.0" + } + }, + "p-try": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", + "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", + "dev": true + }, + "pako": { + "version": "0.2.9", + "resolved": "https://registry.npmjs.org/pako/-/pako-0.2.9.tgz", + "integrity": "sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==", + "dev": true + }, + "param-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz", + "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==", + "dev": true, + "requires": { + "dot-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "parse-json": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz", + "integrity": "sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==", + "dev": true, + "requires": { + "error-ex": "^1.3.1", + "json-parse-better-errors": "^1.0.1" + } + }, + "parseurl": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz", + "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==", + "dev": true + }, + "path-exists": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", + "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==" + }, + "path-is-absolute": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", + "dev": true + }, + "path-key": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", + "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", + "dev": true + }, + "path-parse": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", + "dev": true + }, + "path-scurry": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz", + "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==", + "dev": true, + "requires": { + "lru-cache": "^9.1.1 || ^10.0.0", + "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" + }, + "dependencies": { + "lru-cache": { + "version": "10.2.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.0.tgz", + "integrity": "sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==", + "dev": true + } + } + }, + "path-to-regexp": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", + "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==", + "dev": true + }, + "path-type": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz", + "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==", + "dev": true + }, + "pathe": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.2.tgz", + "integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==", + "dev": true + }, + "peek-stream": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/peek-stream/-/peek-stream-1.1.3.tgz", + "integrity": "sha512-FhJ+YbOSBb9/rIl2ZeE/QHEsWn7PqNYt8ARAY3kIgNGOk13g9FGyIY6JIl/xB/3TFRVoTv5as0l11weORrTekA==", + "dev": true, + "requires": { + "buffer-from": "^1.0.0", + "duplexify": "^3.5.0", + "through2": "^2.0.3" + } + }, + "pend": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz", + "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==", + "dev": true + }, + "picocolors": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" + }, + "picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true + }, + "pify": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==", + "dev": true + }, + "pirates": { + "version": "4.0.6", + "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz", + "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==", + "dev": true + }, + "pkg-dir": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-5.0.0.tgz", + "integrity": "sha512-NPE8TDbzl/3YQYY7CSS228s3g2ollTFnc+Qi3tqmqJp9Vg2ovUpixcJEo2HJScN2Ez+kEaal6y70c0ehqJBJeA==", + "dev": true, + "requires": { + "find-up": "^5.0.0" + } + }, + "polished": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/polished/-/polished-4.3.1.tgz", + "integrity": "sha512-OBatVyC/N7SCW/FaDHrSd+vn0o5cS855TOmYi4OkdWUMSJCET/xip//ch8xGUvtr3i44X9LVyWwQlRMTN3pwSA==", + "dev": true, + "requires": { + "@babel/runtime": "^7.17.8" + } + }, + "popper.js": { + "version": "1.16.1", + "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz", + "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==", + "dev": true + }, + "possible-typed-array-names": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz", + "integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==", + "dev": true + }, + "postcss": { + "version": "8.4.33", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.33.tgz", + "integrity": "sha512-Kkpbhhdjw2qQs2O2DGX+8m5OVqEcbB9HRBvuYM9pgrjEFUg30A9LmXNlTAUj4S9kgtGyrMbTzVjH7E+s5Re2yg==", + "dev": true, + "requires": { + "nanoid": "^3.3.7", + "picocolors": "^1.0.0", + "source-map-js": "^1.0.2" + } + }, + "postcss-value-parser": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", + "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", + "dev": true + }, + "prettier": { + "version": "2.8.8", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz", + "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==", + "dev": true + }, + "pretty-format": { + "version": "26.6.2", + "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-26.6.2.tgz", + "integrity": "sha512-7AeGuCYNGmycyQbCqd/3PWH4eOoX/OiCa0uphp57NVTeAGdJGaAliecxwBDHYQCIvrW7aDBZCYeNTP/WX69mkg==", + "dev": true, + "requires": { + "@jest/types": "^26.6.2", + "ansi-regex": "^5.0.0", + "ansi-styles": "^4.0.0", + "react-is": "^17.0.1" + }, + "dependencies": { + "@jest/types": { + "version": "26.6.2", + "resolved": "https://registry.npmjs.org/@jest/types/-/types-26.6.2.tgz", + "integrity": "sha512-fC6QCp7Sc5sX6g8Tvbmj4XUTbyrik0akgRy03yjXbQaBWWNWGE7SGtJk98m0N8nzegD/7SggrUlivxo5ax4KWQ==", + "dev": true, + "requires": { + "@types/istanbul-lib-coverage": "^2.0.0", + "@types/istanbul-reports": "^3.0.0", + "@types/node": "*", + "@types/yargs": "^15.0.0", + "chalk": "^4.0.0" + } + }, + "@types/yargs": { + "version": "15.0.19", + "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-15.0.19.tgz", + "integrity": "sha512-2XUaGVmyQjgyAZldf0D0c14vvo/yv0MhQBSTJcejMMaitsn3nxCB6TmH4G0ZQf+uxROOa9mpanoSm8h6SG/1ZA==", + "dev": true, + "requires": { + "@types/yargs-parser": "*" + } + }, + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "react-is": { + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", + "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==", + "dev": true + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "pretty-hrtime": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", + "integrity": "sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==", + "dev": true + }, + "process": { + "version": "0.11.10", + "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz", + "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==", + "dev": true + }, + "process-nextick-args": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", + "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==", + "dev": true + }, + "progress": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz", + "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==", + "dev": true + }, + "promise": { + "version": "8.3.0", + "resolved": "https://registry.npmjs.org/promise/-/promise-8.3.0.tgz", + "integrity": "sha512-rZPNPKTOYVNEEKFaq1HqTgOwZD+4/YHS5ukLzQCypkj+OkYx7iv0mA91lJlpPPZ8vMau3IIGj5Qlwrx+8iiSmg==", + "dev": true, + "requires": { + "asap": "~2.0.6" + } + }, + "prompts": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz", + "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==", + "dev": true, + "requires": { + "kleur": "^3.0.3", + "sisteransi": "^1.0.5" + } + }, + "prop-types": { + "version": "15.8.1", + "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", + "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==", + "requires": { + "loose-envify": "^1.4.0", + "object-assign": "^4.1.1", + "react-is": "^16.13.1" + } + }, + "proxy-addr": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz", + "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==", + "dev": true, + "requires": { + "forwarded": "0.2.0", + "ipaddr.js": "1.9.1" + } + }, + "proxy-from-env": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz", + "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==", + "dev": true + }, + "pump": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz", + "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==", + "dev": true, + "requires": { + "end-of-stream": "^1.1.0", + "once": "^1.3.1" + } + }, + "pumpify": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/pumpify/-/pumpify-1.5.1.tgz", + "integrity": "sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==", + "dev": true, + "requires": { + "duplexify": "^3.6.0", + "inherits": "^2.0.3", + "pump": "^2.0.0" + }, + "dependencies": { + "pump": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/pump/-/pump-2.0.1.tgz", + "integrity": "sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==", + "dev": true, + "requires": { + "end-of-stream": "^1.1.0", + "once": "^1.3.1" + } + } + } + }, + "punycode": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", + "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==", + "dev": true + }, + "puppeteer-core": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-2.1.1.tgz", + "integrity": "sha512-n13AWriBMPYxnpbb6bnaY5YoY6rGj8vPLrz6CZF3o0qJNEwlcfJVxBzYZ0NJsQ21UbdJoijPCDrM++SUVEz7+w==", + "dev": true, + "requires": { + "@types/mime-types": "^2.1.0", + "debug": "^4.1.0", + "extract-zip": "^1.6.6", + "https-proxy-agent": "^4.0.0", + "mime": "^2.0.3", + "mime-types": "^2.1.25", + "progress": "^2.0.1", + "proxy-from-env": "^1.0.0", + "rimraf": "^2.6.1", + "ws": "^6.1.0" + }, + "dependencies": { + "rimraf": { + "version": "2.7.1", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz", + "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==", + "dev": true, + "requires": { + "glob": "^7.1.3" + } + } + } + }, + "qs": { + "version": "6.11.2", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz", + "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==", + "dev": true, + "requires": { + "side-channel": "^1.0.4" + } + }, + "queue": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/queue/-/queue-6.0.2.tgz", + "integrity": "sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==", + "dev": true, + "requires": { + "inherits": "~2.0.3" + } + }, + "queue-microtask": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", + "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", + "dev": true + }, + "ramda": { + "version": "0.29.0", + "resolved": "https://registry.npmjs.org/ramda/-/ramda-0.29.0.tgz", + "integrity": "sha512-BBea6L67bYLtdbOqfp8f58fPMqEwx0doL+pAi8TZyp2YWz8R9G8z9x75CZI8W+ftqhFHCpEX2cRnUUXK130iKA==", + "dev": true + }, + "range-parser": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz", + "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==", + "dev": true + }, + "raw-body": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz", + "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==", + "dev": true, + "requires": { + "bytes": "3.1.2", + "http-errors": "2.0.0", + "iconv-lite": "0.4.24", + "unpipe": "1.0.0" + } + }, + "react": { + "version": "18.2.0", + "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz", + "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==", + "dev": true, + "requires": { + "loose-envify": "^1.1.0" + } + }, + "react-colorful": { + "version": "5.6.1", + "resolved": "https://registry.npmjs.org/react-colorful/-/react-colorful-5.6.1.tgz", + "integrity": "sha512-1exovf0uGTGyq5mXQT0zgQ80uvj2PCwvF8zY1RN9/vbJVSjSo3fsB/4L3ObbF7u70NduSiK4xu4Y6q1MHoUGEw==", + "dev": true + }, + "react-devtools-core": { + "version": "4.28.5", + "resolved": "https://registry.npmjs.org/react-devtools-core/-/react-devtools-core-4.28.5.tgz", + "integrity": "sha512-cq/o30z9W2Wb4rzBefjv5fBalHU0rJGZCHAkf/RHSBWSSYwh8PlQTqqOJmgIIbBtpj27T6FIPXeomIjZtCNVqA==", + "dev": true, + "requires": { + "shell-quote": "^1.6.1", + "ws": "^7" + }, + "dependencies": { + "ws": { + "version": "7.5.9", + "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz", + "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==", + "dev": true + } + } + }, + "react-docgen": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/react-docgen/-/react-docgen-7.0.3.tgz", + "integrity": "sha512-i8aF1nyKInZnANZ4uZrH49qn1paRgBZ7wZiCNBMnenlPzEv0mRl+ShpTVEI6wZNl8sSc79xZkivtgLKQArcanQ==", + "dev": true, + "requires": { + "@babel/core": "^7.18.9", + "@babel/traverse": "^7.18.9", + "@babel/types": "^7.18.9", + "@types/babel__core": "^7.18.0", + "@types/babel__traverse": "^7.18.0", + "@types/doctrine": "^0.0.9", + "@types/resolve": "^1.20.2", + "doctrine": "^3.0.0", + "resolve": "^1.22.1", + "strip-indent": "^4.0.0" + }, + "dependencies": { + "@types/doctrine": { + "version": "0.0.9", + "resolved": "https://registry.npmjs.org/@types/doctrine/-/doctrine-0.0.9.tgz", + "integrity": "sha512-eOIHzCUSH7SMfonMG1LsC2f8vxBFtho6NGBznK41R84YzPuvSBzrhEps33IsQiOW9+VL6NQ9DbjQJznk/S4uRA==", + "dev": true + } + } + }, + "react-docgen-typescript": { + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/react-docgen-typescript/-/react-docgen-typescript-2.2.2.tgz", + "integrity": "sha512-tvg2ZtOpOi6QDwsb3GZhOjDkkX0h8Z2gipvTg6OVMUyoYoURhEiRNePT8NZItTVCDh39JJHnLdfCOkzoLbFnTg==", + "dev": true + }, + "react-dom": { + "version": "18.2.0", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz", + "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==", + "dev": true, + "requires": { + "loose-envify": "^1.1.0", + "scheduler": "^0.23.0" + } + }, + "react-draggable": { + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-4.4.3.tgz", + "integrity": "sha512-jV4TE59MBuWm7gb6Ns3Q1mxX8Azffb7oTtDtBgFkxRvhDp38YAARmRplrj0+XGkhOJB5XziArX+4HUUABtyZ0w==", + "requires": { + "classnames": "^2.2.5", + "prop-types": "^15.6.0" + } + }, + "react-element-to-jsx-string": { + "version": "15.0.0", + "resolved": "https://registry.npmjs.org/react-element-to-jsx-string/-/react-element-to-jsx-string-15.0.0.tgz", + "integrity": "sha512-UDg4lXB6BzlobN60P8fHWVPX3Kyw8ORrTeBtClmIlGdkOOE+GYQSFvmEU5iLLpwp/6v42DINwNcwOhOLfQ//FQ==", + "dev": true, + "requires": { + "@base2/pretty-print-object": "1.0.1", + "is-plain-object": "5.0.0", + "react-is": "18.1.0" + }, + "dependencies": { + "react-is": { + "version": "18.1.0", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.1.0.tgz", + "integrity": "sha512-Fl7FuabXsJnV5Q1qIOQwx/sagGF18kogb4gpfcG4gjLBWO0WDiiz1ko/ExayuxE7InyQkBLkxRFG5oxY6Uu3Kg==", + "dev": true + } + } + }, + "react-fast-compare": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz", + "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==" + }, + "react-html-attributes": { + "version": "1.4.6", + "resolved": "https://registry.npmjs.org/react-html-attributes/-/react-html-attributes-1.4.6.tgz", + "integrity": "sha512-uS3MmThNKFH2EZUQQw4k5pIcU7XIr208UE5dktrj/GOH1CMagqxDl4DCLpt3o2l9x+IB5nVYBeN3Cr4IutBXAg==", + "requires": { + "html-element-attributes": "^1.0.0" + } + }, + "react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" + }, + "react-native": { + "version": "0.73.3", + "resolved": "https://registry.npmjs.org/react-native/-/react-native-0.73.3.tgz", + "integrity": "sha512-RSQDtT2DNUcmB4IgmW9NhRb5wqvXFl6DI2NEJmt0ps2OrVHpoA8Tkq+lkFOA/fvPscJKtFKEHFBDSR5UHR3PUw==", + "dev": true, + "requires": { + "@jest/create-cache-key-function": "^29.6.3", + "@react-native-community/cli": "12.3.2", + "@react-native-community/cli-platform-android": "12.3.2", + "@react-native-community/cli-platform-ios": "12.3.2", + "@react-native/assets-registry": "0.73.1", + "@react-native/codegen": "0.73.2", + "@react-native/community-cli-plugin": "0.73.14", + "@react-native/gradle-plugin": "0.73.4", + "@react-native/js-polyfills": "0.73.1", + "@react-native/normalize-colors": "0.73.2", + "@react-native/virtualized-lists": "0.73.4", + "abort-controller": "^3.0.0", + "anser": "^1.4.9", + "ansi-regex": "^5.0.0", + "base64-js": "^1.5.1", + "chalk": "^4.0.0", + "deprecated-react-native-prop-types": "^5.0.0", + "event-target-shim": "^5.0.1", + "flow-enums-runtime": "^0.0.6", + "invariant": "^2.2.4", + "jest-environment-node": "^29.6.3", + "jsc-android": "^250231.0.0", + "memoize-one": "^5.0.0", + "metro-runtime": "^0.80.3", + "metro-source-map": "^0.80.3", + "mkdirp": "^0.5.1", + "nullthrows": "^1.1.1", + "pretty-format": "^26.5.2", + "promise": "^8.3.0", + "react-devtools-core": "^4.27.7", + "react-refresh": "^0.14.0", + "react-shallow-renderer": "^16.15.0", + "regenerator-runtime": "^0.13.2", + "scheduler": "0.24.0-canary-efb381bbf-20230505", + "stacktrace-parser": "^0.1.10", + "whatwg-fetch": "^3.0.0", + "ws": "^6.2.2", + "yargs": "^17.6.2" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "regenerator-runtime": { + "version": "0.13.11", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", + "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==", + "dev": true + }, + "scheduler": { + "version": "0.24.0-canary-efb381bbf-20230505", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.24.0-canary-efb381bbf-20230505.tgz", + "integrity": "sha512-ABvovCDe/k9IluqSh4/ISoq8tIJnW8euVAWYt5j/bg6dRnqwQwiGO1F/V4AyK96NGF/FB04FhOUDuWj8IKfABA==", + "dev": true, + "requires": { + "loose-envify": "^1.1.0" + } + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "react-popper": { + "version": "1.3.11", + "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-1.3.11.tgz", + "integrity": "sha512-VSA/bS+pSndSF2fiasHK/PTEEAyOpX60+H5EPAjoArr8JGm+oihu4UbrqcEBpQibJxBVCpYyjAX7abJ+7DoYVg==", + "dev": true, + "requires": { + "@babel/runtime": "^7.1.2", + "@hypnosphi/create-react-context": "^0.3.1", + "deep-equal": "^1.1.1", + "popper.js": "^1.14.4", + "prop-types": "^15.6.1", + "typed-styles": "^0.0.7", + "warning": "^4.0.2" + } + }, + "react-refresh": { + "version": "0.14.0", + "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz", + "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==", + "dev": true + }, + "react-remove-scroll": { + "version": "2.5.5", + "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.5.tgz", + "integrity": "sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==", + "dev": true, + "requires": { + "react-remove-scroll-bar": "^2.3.3", + "react-style-singleton": "^2.2.1", + "tslib": "^2.1.0", + "use-callback-ref": "^1.3.0", + "use-sidecar": "^1.1.2" + } + }, + "react-remove-scroll-bar": { + "version": "2.3.5", + "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.5.tgz", + "integrity": "sha512-3cqjOqg6s0XbOjWvmasmqHch+RLxIEk2r/70rzGXuz3iIGQsQheEQyqYCBb5EECoD01Vo2SIbDqW4paLeLTASw==", + "dev": true, + "requires": { + "react-style-singleton": "^2.2.1", + "tslib": "^2.0.0" + } + }, + "react-shallow-renderer": { + "version": "16.15.0", + "resolved": "https://registry.npmjs.org/react-shallow-renderer/-/react-shallow-renderer-16.15.0.tgz", + "integrity": "sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==", + "dev": true, + "requires": { + "object-assign": "^4.1.1", + "react-is": "^16.12.0 || ^17.0.0 || ^18.0.0" + } + }, + "react-style-singleton": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz", + "integrity": "sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==", + "dev": true, + "requires": { + "get-nonce": "^1.0.0", + "invariant": "^2.2.4", + "tslib": "^2.0.0" + } + }, + "read-pkg": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz", + "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==", + "dev": true, + "requires": { + "@types/normalize-package-data": "^2.4.0", + "normalize-package-data": "^2.5.0", + "parse-json": "^5.0.0", + "type-fest": "^0.6.0" + }, + "dependencies": { + "parse-json": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz", + "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==", + "dev": true, + "requires": { + "@babel/code-frame": "^7.0.0", + "error-ex": "^1.3.1", + "json-parse-even-better-errors": "^2.3.0", + "lines-and-columns": "^1.1.6" + } + }, + "type-fest": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz", + "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==", + "dev": true + } + } + }, + "read-pkg-up": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz", + "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==", + "dev": true, + "requires": { + "find-up": "^4.1.0", + "read-pkg": "^5.2.0", + "type-fest": "^0.8.1" + }, + "dependencies": { + "find-up": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", + "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", + "dev": true, + "requires": { + "locate-path": "^5.0.0", + "path-exists": "^4.0.0" + } + }, + "locate-path": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", + "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", + "dev": true, + "requires": { + "p-locate": "^4.1.0" + } + }, + "p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dev": true, + "requires": { + "p-try": "^2.0.0" + } + }, + "p-locate": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", + "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", + "dev": true, + "requires": { + "p-limit": "^2.2.0" + } + }, + "type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", + "dev": true + } + } + }, + "readable-stream": { + "version": "3.6.2", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", + "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", + "dev": true, + "requires": { + "inherits": "^2.0.3", + "string_decoder": "^1.1.1", + "util-deprecate": "^1.0.1" + } + }, + "readline": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/readline/-/readline-1.3.0.tgz", + "integrity": "sha512-k2d6ACCkiNYz222Fs/iNze30rRJ1iIicW7JuX/7/cozvih6YCkFZH+J6mAFDVgv0dRBaAyr4jDqC95R2y4IADg==", + "dev": true + }, + "recast": { + "version": "0.23.5", + "resolved": "https://registry.npmjs.org/recast/-/recast-0.23.5.tgz", + "integrity": "sha512-M67zIddJiwXdfPQRYKJ0qZO1SLdH1I0hYeb0wzxA+pNOvAZiQHulWzuk+fYsEWRQ8VfZrgjyucqsCOtCyM01/A==", + "dev": true, + "requires": { + "ast-types": "^0.16.1", + "esprima": "~4.0.0", + "source-map": "~0.6.1", + "tiny-invariant": "^1.3.3", + "tslib": "^2.0.1" + }, + "dependencies": { + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + } + } + }, + "regenerate": { + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz", + "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==", + "dev": true + }, + "regenerate-unicode-properties": { + "version": "10.1.1", + "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz", + "integrity": "sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==", + "dev": true, + "requires": { + "regenerate": "^1.4.2" + } + }, + "regenerator-runtime": { + "version": "0.14.1", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz", + "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==", + "dev": true + }, + "regenerator-transform": { + "version": "0.15.2", + "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz", + "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==", + "dev": true, + "requires": { + "@babel/runtime": "^7.8.4" + } + }, + "regexp.prototype.flags": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz", + "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==", + "dev": true, + "requires": { + "call-bind": "^1.0.2", + "define-properties": "^1.2.0", + "set-function-name": "^2.0.0" + } + }, + "regexpu-core": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz", + "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==", + "dev": true, + "requires": { + "@babel/regjsgen": "^0.8.0", + "regenerate": "^1.4.2", + "regenerate-unicode-properties": "^10.1.0", + "regjsparser": "^0.9.1", + "unicode-match-property-ecmascript": "^2.0.0", + "unicode-match-property-value-ecmascript": "^2.1.0" + } + }, + "regjsparser": { + "version": "0.9.1", + "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz", + "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==", + "dev": true, + "requires": { + "jsesc": "~0.5.0" + }, + "dependencies": { + "jsesc": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz", + "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==", + "dev": true + } + } + }, + "remark-external-links": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/remark-external-links/-/remark-external-links-8.0.0.tgz", + "integrity": "sha512-5vPSX0kHoSsqtdftSHhIYofVINC8qmp0nctkeU9YoJwV3YfiBRiI6cbFRJ0oI/1F9xS+bopXG0m2KS8VFscuKA==", + "dev": true, + "requires": { + "extend": "^3.0.0", + "is-absolute-url": "^3.0.0", + "mdast-util-definitions": "^4.0.0", + "space-separated-tokens": "^1.0.0", + "unist-util-visit": "^2.0.0" + } + }, + "remark-slug": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/remark-slug/-/remark-slug-6.1.0.tgz", + "integrity": "sha512-oGCxDF9deA8phWvxFuyr3oSJsdyUAxMFbA0mZ7Y1Sas+emILtO+e5WutF9564gDsEN4IXaQXm5pFo6MLH+YmwQ==", + "dev": true, + "requires": { + "github-slugger": "^1.0.0", + "mdast-util-to-string": "^1.0.0", + "unist-util-visit": "^2.0.0" + } + }, + "require-directory": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", + "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==", + "dev": true + }, + "require-main-filename": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz", + "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==", + "dev": true + }, + "resolve": { + "version": "1.22.8", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", + "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==", + "dev": true, + "requires": { + "is-core-module": "^2.13.0", + "path-parse": "^1.0.7", + "supports-preserve-symlinks-flag": "^1.0.0" + } + }, + "resolve-from": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz", + "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==", + "dev": true + }, + "restore-cursor": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz", + "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==", + "dev": true, + "requires": { + "onetime": "^5.1.0", + "signal-exit": "^3.0.2" + } + }, + "reusify": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", + "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", + "dev": true + }, + "rimraf": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", + "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", + "dev": true, + "requires": { + "glob": "^7.1.3" + } + }, + "rollup": { + "version": "3.29.4", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz", + "integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==", + "dev": true, + "requires": { + "fsevents": "~2.3.2" + } + }, + "run-parallel": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", + "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", + "dev": true, + "requires": { + "queue-microtask": "^1.2.2" + } + }, + "safe-buffer": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", + "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", + "dev": true + }, + "safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", + "dev": true + }, + "scheduler": { + "version": "0.23.0", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz", + "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==", + "dev": true, + "requires": { + "loose-envify": "^1.1.0" + } + }, + "schema-utils": { + "version": "2.7.1", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.1.tgz", + "integrity": "sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==", + "dev": true, + "requires": { + "@types/json-schema": "^7.0.5", + "ajv": "^6.12.4", + "ajv-keywords": "^3.5.2" + } + }, + "semantic-ui-react": { + "version": "0.88.2", + "resolved": "https://registry.npmjs.org/semantic-ui-react/-/semantic-ui-react-0.88.2.tgz", + "integrity": "sha512-+02kN2z8PuA/cMdvDUsHhbJmBzxxgOXVHMFr9XK7zGb0wkW9A6OPQMFokWz7ozlVtKjN6r7zsb+Qvjk/qq1OWw==", + "dev": true, + "requires": { + "@babel/runtime": "^7.1.2", + "@semantic-ui-react/event-stack": "^3.1.0", + "@stardust-ui/react-component-event-listener": "~0.38.0", + "@stardust-ui/react-component-ref": "~0.38.0", + "classnames": "^2.2.6", + "keyboard-key": "^1.0.4", + "lodash": "^4.17.15", + "prop-types": "^15.7.2", + "react-is": "^16.8.6", + "react-popper": "^1.3.4", + "shallowequal": "^1.1.0" + } + }, + "semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==" + }, + "send": { + "version": "0.18.0", + "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz", + "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==", + "dev": true, + "requires": { + "debug": "2.6.9", + "depd": "2.0.0", + "destroy": "1.2.0", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "0.5.2", + "http-errors": "2.0.0", + "mime": "1.6.0", + "ms": "2.1.3", + "on-finished": "2.4.1", + "range-parser": "~1.2.1", + "statuses": "2.0.1" + }, + "dependencies": { + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "requires": { + "ms": "2.0.0" + }, + "dependencies": { + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + } + } + }, + "mime": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", + "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", + "dev": true + }, + "ms": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", + "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", + "dev": true + } + } + }, + "serialize-error": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/serialize-error/-/serialize-error-2.1.0.tgz", + "integrity": "sha512-ghgmKt5o4Tly5yEG/UJp8qTd0AN7Xalw4XBtDEKP655B699qMEtra1WlXeE6WIvdEG481JvRxULKsInq/iNysw==", + "dev": true + }, + "serve-static": { + "version": "1.15.0", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz", + "integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==", + "dev": true, + "requires": { + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "parseurl": "~1.3.3", + "send": "0.18.0" + } + }, + "set-blocking": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", + "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==", + "dev": true + }, + "set-function-length": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.1.tgz", + "integrity": "sha512-j4t6ccc+VsKwYHso+kElc5neZpjtq9EnRICFZtWyBsLojhmeF/ZBd/elqm22WJh/BziDe/SBiOeAt0m2mfLD0g==", + "dev": true, + "requires": { + "define-data-property": "^1.1.2", + "es-errors": "^1.3.0", + "function-bind": "^1.1.2", + "get-intrinsic": "^1.2.3", + "gopd": "^1.0.1", + "has-property-descriptors": "^1.0.1" + } + }, + "set-function-name": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz", + "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==", + "dev": true, + "requires": { + "define-data-property": "^1.0.1", + "functions-have-names": "^1.2.3", + "has-property-descriptors": "^1.0.0" + } + }, + "setprototypeof": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", + "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==", + "dev": true + }, + "shallow-clone": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz", + "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==", + "dev": true, + "requires": { + "kind-of": "^6.0.2" + }, + "dependencies": { + "kind-of": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", + "dev": true + } + } + }, + "shallowequal": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", + "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==", + "dev": true + }, + "shebang-command": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", + "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", + "dev": true, + "requires": { + "shebang-regex": "^3.0.0" + } + }, + "shebang-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", + "dev": true + }, + "shell-quote": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz", + "integrity": "sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==", + "dev": true + }, + "side-channel": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz", + "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==", + "dev": true, + "requires": { + "call-bind": "^1.0.7", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.4", + "object-inspect": "^1.13.1" + } + }, + "signal-exit": { + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", + "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==", + "dev": true + }, + "sisteransi": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz", + "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==", + "dev": true + }, + "slash": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz", + "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==", + "dev": true + }, + "slice-ansi": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz", + "integrity": "sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==", + "dev": true, + "requires": { + "ansi-styles": "^3.2.0", + "astral-regex": "^1.0.0", + "is-fullwidth-code-point": "^2.0.0" + } + }, + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==", + "dev": true + }, + "source-map-js": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", + "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", + "dev": true + }, + "source-map-support": { + "version": "0.5.21", + "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz", + "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==", + "dev": true, + "requires": { + "buffer-from": "^1.0.0", + "source-map": "^0.6.0" + }, + "dependencies": { + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + } + } + }, + "space-separated-tokens": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-1.1.5.tgz", + "integrity": "sha512-q/JSVd1Lptzhf5bkYm4ob4iWPjx0KiRe3sRFBNrVqbJkFaBm5vbbowy1mymoPNLRa52+oadOhJ+K49wsSeSjTA==", + "dev": true + }, + "spdx-correct": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz", + "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==", + "dev": true, + "requires": { + "spdx-expression-parse": "^3.0.0", + "spdx-license-ids": "^3.0.0" + } + }, + "spdx-exceptions": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz", + "integrity": "sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==", + "dev": true + }, + "spdx-expression-parse": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz", + "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==", + "dev": true, + "requires": { + "spdx-exceptions": "^2.1.0", + "spdx-license-ids": "^3.0.0" + } + }, + "spdx-license-ids": { + "version": "3.0.17", + "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.17.tgz", + "integrity": "sha512-sh8PWc/ftMqAAdFiBu6Fy6JUOYjqDJBJvIhpfDMyHrr0Rbp5liZqd4TjtQ/RgfLjKFZb+LMx5hpml5qOWy0qvg==", + "dev": true + }, + "sprintf-js": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", + "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==", + "dev": true + }, + "stack-utils": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz", + "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==", + "dev": true, + "requires": { + "escape-string-regexp": "^2.0.0" + }, + "dependencies": { + "escape-string-regexp": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz", + "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==", + "dev": true + } + } + }, + "stackframe": { + "version": "1.3.4", + "resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.3.4.tgz", + "integrity": "sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==", + "dev": true + }, + "stacktrace-parser": { + "version": "0.1.10", + "resolved": "https://registry.npmjs.org/stacktrace-parser/-/stacktrace-parser-0.1.10.tgz", + "integrity": "sha512-KJP1OCML99+8fhOHxwwzyWrlUuVX5GQ0ZpJTd1DFXhdkrvg1szxfHhawXUZ3g9TkXORQd4/WG68jMlQZ2p8wlg==", + "dev": true, + "requires": { + "type-fest": "^0.7.1" + }, + "dependencies": { + "type-fest": { + "version": "0.7.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.7.1.tgz", + "integrity": "sha512-Ne2YiiGN8bmrmJJEuTWTLJR32nh/JdL1+PSicowtNb0WFpn59GK8/lfD61bVtzguz7b3PBt74nxpv/Pw5po5Rg==", + "dev": true + } + } + }, + "statuses": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", + "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", + "dev": true + }, + "store2": { + "version": "2.14.3", + "resolved": "https://registry.npmjs.org/store2/-/store2-2.14.3.tgz", + "integrity": "sha512-4QcZ+yx7nzEFiV4BMLnr/pRa5HYzNITX2ri0Zh6sT9EyQHbBHacC6YigllUPU9X3D0f/22QCgfokpKs52YRrUg==", + "dev": true + }, + "storeon": { + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/storeon/-/storeon-3.1.5.tgz", + "integrity": "sha512-VuW4GQr3LGQr+gqscqsOz2c9asK9N+B+8+sWs7Pj4OqU7bngYIqsPF3IYpkbmccKNWjs7wwxUAlR+gtL9cEMEg==" + }, + "storybook": { + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/storybook/-/storybook-7.6.17.tgz", + "integrity": "sha512-8+EIo91bwmeFWPg1eysrxXlhIYv3OsXrznTr4+4Eq0NikqAoq6oBhtlN5K2RGS2lBVF537eN+9jTCNbR+WrzDA==", + "dev": true, + "requires": { + "@storybook/cli": "7.6.17" + } + }, + "stream-shift": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.3.tgz", + "integrity": "sha512-76ORR0DO1o1hlKwTbi/DM3EXWGf3ZJYO8cXX5RJwnul2DEg2oyoZyjLNoQM8WsvZiFKCRfC1O0J7iCvie3RZmQ==", + "dev": true + }, + "string_decoder": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", + "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", + "dev": true, + "requires": { + "safe-buffer": "~5.2.0" + } + }, + "string-argv": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz", + "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==", + "dev": true + }, + "string-width": { + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "requires": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "dependencies": { + "is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", + "dev": true + }, + "strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "requires": { + "ansi-regex": "^5.0.1" + } + } + } + }, + "string-width-cjs": { + "version": "npm:string-width@4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "requires": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "dependencies": { + "is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", + "dev": true + }, + "strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "requires": { + "ansi-regex": "^5.0.1" + } + } + } + }, + "strip-ansi": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", + "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", + "dev": true, + "requires": { + "ansi-regex": "^4.1.0" + }, + "dependencies": { + "ansi-regex": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz", + "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==", + "dev": true + } + } + }, + "strip-ansi-cjs": { + "version": "npm:strip-ansi@6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "requires": { + "ansi-regex": "^5.0.1" + } + }, + "strip-final-newline": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz", + "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==", + "dev": true + }, + "strip-indent": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-4.0.0.tgz", + "integrity": "sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==", + "dev": true, + "requires": { + "min-indent": "^1.0.1" + } + }, + "strip-json-comments": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz", + "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==", + "dev": true + }, + "strnum": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/strnum/-/strnum-1.0.5.tgz", + "integrity": "sha512-J8bbNyKKXl5qYcR36TIO8W3mVGVHrmmxsd5PAItGkmyzwJvybiw2IVq5nqd0i4LSNSkB/sx9VHllbfFdr9k1JA==", + "dev": true + }, + "styled-components": { + "version": "5.3.1", + "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.1.tgz", + "integrity": "sha512-JThv2JRzyH0NOIURrk9iskdxMSAAtCfj/b2Sf1WJaCUsloQkblepy1jaCLX/bYE+mhYo3unmwVSI9I5d9ncSiQ==", + "dev": true, + "requires": { + "@babel/helper-module-imports": "^7.0.0", + "@babel/traverse": "^7.4.5", + "@emotion/is-prop-valid": "^0.8.8", + "@emotion/stylis": "^0.8.4", + "@emotion/unitless": "^0.7.4", + "babel-plugin-styled-components": ">= 1.12.0", + "css-to-react-native": "^3.0.0", + "hoist-non-react-statics": "^3.0.0", + "shallowequal": "^1.1.0", + "supports-color": "^5.5.0" + } + }, + "sudo-prompt": { + "version": "9.2.1", + "resolved": "https://registry.npmjs.org/sudo-prompt/-/sudo-prompt-9.2.1.tgz", + "integrity": "sha512-Mu7R0g4ig9TUuGSxJavny5Rv0egCEtpZRNMrZaYS1vxkiIxGiGUwoezU3LazIQ+KE04hTrTfNPgxU5gzi7F5Pw==", + "dev": true + }, + "supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "requires": { + "has-flag": "^3.0.0" + } + }, + "supports-preserve-symlinks-flag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", + "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", + "dev": true + }, + "synchronous-promise": { + "version": "2.0.17", + "resolved": "https://registry.npmjs.org/synchronous-promise/-/synchronous-promise-2.0.17.tgz", + "integrity": "sha512-AsS729u2RHUfEra9xJrE39peJcc2stq2+poBXX8bcM08Y6g9j/i/PUzwNQqkaJde7Ntg1TO7bSREbR5sdosQ+g==", + "dev": true + }, + "tar": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz", + "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==", + "dev": true, + "requires": { + "chownr": "^2.0.0", + "fs-minipass": "^2.0.0", + "minipass": "^5.0.0", + "minizlib": "^2.1.1", + "mkdirp": "^1.0.3", + "yallist": "^4.0.0" + }, + "dependencies": { + "mkdirp": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", + "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==", + "dev": true + }, + "yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + } + } + }, + "tar-fs": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz", + "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==", + "dev": true, + "requires": { + "chownr": "^1.1.1", + "mkdirp-classic": "^0.5.2", + "pump": "^3.0.0", + "tar-stream": "^2.1.4" + }, + "dependencies": { + "chownr": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz", + "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==", + "dev": true + } + } + }, + "tar-stream": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz", + "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==", + "dev": true, + "requires": { + "bl": "^4.0.3", + "end-of-stream": "^1.4.1", + "fs-constants": "^1.0.0", + "inherits": "^2.0.3", + "readable-stream": "^3.1.1" + } + }, + "telejson": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/telejson/-/telejson-7.2.0.tgz", + "integrity": "sha512-1QTEcJkJEhc8OnStBx/ILRu5J2p0GjvWsBx56bmZRqnrkdBMUe+nX92jxV+p3dB4CP6PZCdJMQJwCggkNBMzkQ==", + "dev": true, + "requires": { + "memoizerific": "^1.11.3" + } + }, + "temp": { + "version": "0.8.4", + "resolved": "https://registry.npmjs.org/temp/-/temp-0.8.4.tgz", + "integrity": "sha512-s0ZZzd0BzYv5tLSptZooSjK8oj6C+c19p7Vqta9+6NPOf7r+fxq0cJe6/oN4LTC79sy5NY8ucOJNgwsKCSbfqg==", + "dev": true, + "requires": { + "rimraf": "~2.6.2" + }, + "dependencies": { + "rimraf": { + "version": "2.6.3", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz", + "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==", + "dev": true, + "requires": { + "glob": "^7.1.3" + } + } + } + }, + "temp-dir": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/temp-dir/-/temp-dir-2.0.0.tgz", + "integrity": "sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==", + "dev": true + }, + "tempy": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/tempy/-/tempy-1.0.1.tgz", + "integrity": "sha512-biM9brNqxSc04Ee71hzFbryD11nX7VPhQQY32AdDmjFvodsRFz/3ufeoTZ6uYkRFfGo188tENcASNs3vTdsM0w==", + "dev": true, + "requires": { + "del": "^6.0.0", + "is-stream": "^2.0.0", + "temp-dir": "^2.0.0", + "type-fest": "^0.16.0", + "unique-string": "^2.0.0" + }, + "dependencies": { + "type-fest": { + "version": "0.16.0", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.16.0.tgz", + "integrity": "sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==", + "dev": true + } + } + }, + "terser": { + "version": "5.27.0", + "resolved": "https://registry.npmjs.org/terser/-/terser-5.27.0.tgz", + "integrity": "sha512-bi1HRwVRskAjheeYl291n3JC4GgO/Ty4z1nVs5AAsmonJulGxpSektecnNedrwK9C7vpvVtcX3cw00VSLt7U2A==", + "dev": true, + "requires": { + "@jridgewell/source-map": "^0.3.3", + "acorn": "^8.8.2", + "commander": "^2.20.0", + "source-map-support": "~0.5.20" + }, + "dependencies": { + "acorn": { + "version": "8.11.3", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz", + "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==", + "dev": true + }, + "commander": { + "version": "2.20.3", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", + "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", + "dev": true + } + } + }, + "test-exclude": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz", + "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==", + "dev": true, + "requires": { + "@istanbuljs/schema": "^0.1.2", + "glob": "^7.1.4", + "minimatch": "^3.0.4" + } + }, + "throat": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/throat/-/throat-5.0.0.tgz", + "integrity": "sha512-fcwX4mndzpLQKBS1DVYhGAcYaYt7vsHNIvQV+WXMvnow5cgjPphq5CaayLaGsjRdSCKZFNGt7/GYAuXaNOiYCA==", + "dev": true + }, + "through2": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz", + "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==", + "dev": true, + "requires": { + "readable-stream": "~2.3.6", + "xtend": "~4.0.1" + }, + "dependencies": { + "readable-stream": { + "version": "2.3.8", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz", + "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==", + "dev": true, + "requires": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + } + }, + "safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true + }, + "string_decoder": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "dev": true, + "requires": { + "safe-buffer": "~5.1.0" + } + } + } + }, + "tiny-invariant": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz", + "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==", + "dev": true + }, + "tmpl": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz", + "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==", + "dev": true + }, + "to-fast-properties": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", + "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==" + }, + "tocbot": { + "version": "4.25.0", + "resolved": "https://registry.npmjs.org/tocbot/-/tocbot-4.25.0.tgz", + "integrity": "sha512-kE5wyCQJ40hqUaRVkyQ4z5+4juzYsv/eK+aqD97N62YH0TxFhzJvo22RUQQZdO3YnXAk42ZOfOpjVdy+Z0YokA==", + "dev": true + }, + "toidentifier": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz", + "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==", + "dev": true + }, + "tr46": { + "version": "0.0.3", + "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz", + "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==", + "dev": true + }, + "ts-dedent": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.2.0.tgz", + "integrity": "sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==", + "dev": true + }, + "ts-invariant": { + "version": "0.10.3", + "resolved": "https://registry.npmjs.org/ts-invariant/-/ts-invariant-0.10.3.tgz", + "integrity": "sha512-uivwYcQaxAucv1CzRp2n/QdYPo4ILf9VXgH19zEIjFx2EJufV16P0JtJVpYHy89DItG6Kwj2oIUjrcK5au+4tQ==", + "requires": { + "tslib": "^2.1.0" + } + }, + "tslib": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", + "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==" + }, + "tsutils": { + "version": "3.21.0", + "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz", + "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==", + "dev": true, + "requires": { + "tslib": "^1.8.1" + }, + "dependencies": { + "tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", + "dev": true + } + } + }, + "type-coverage-core": { + "version": "2.27.1", + "resolved": "https://registry.npmjs.org/type-coverage-core/-/type-coverage-core-2.27.1.tgz", + "integrity": "sha512-W+PMYbhUsq+UWkrb7UkmyO7zF3zt4qZuQukyDM6eaiCIkMJclcVmR3O02clDk4FKpKPbzHictOmoIu3fYp+53g==", + "dev": true, + "requires": { + "fast-glob": "3", + "minimatch": "6 || 7 || 8 || 9", + "normalize-path": "3", + "tslib": "1 || 2", + "tsutils": "3" + }, + "dependencies": { + "brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "requires": { + "balanced-match": "^1.0.0" + } + }, + "minimatch": { + "version": "9.0.3", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz", + "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==", + "dev": true, + "requires": { + "brace-expansion": "^2.0.1" + } + } + } + }, + "type-detect": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz", + "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==", + "dev": true + }, + "type-fest": { + "version": "2.19.0", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz", + "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==", + "dev": true + }, + "type-is": { + "version": "1.6.18", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz", + "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==", + "dev": true, + "requires": { + "media-typer": "0.3.0", + "mime-types": "~2.1.24" + } + }, + "typed-styles": { + "version": "0.0.7", + "resolved": "https://registry.npmjs.org/typed-styles/-/typed-styles-0.0.7.tgz", + "integrity": "sha512-pzP0PWoZUhsECYjABgCGQlRGL1n7tOHsgwYv3oIiEpJwGhFTuty/YNeduxQYzXXa3Ge5BdT6sHYIQYpl4uJ+5Q==", + "dev": true + }, + "typedarray": { + "version": "0.0.6", + "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz", + "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==", + "dev": true + }, + "typescript": { + "version": "4.2.4", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.2.4.tgz", + "integrity": "sha512-V+evlYHZnQkaz8TRBuxTA92yZBPotr5H+WhQ7bD3hZUndx5tGOa1fuCgeSjxAzM1RiN5IzvadIXTVefuuwZCRg==", + "dev": true + }, + "typescript-coverage-report": { + "version": "0.7.0", + "resolved": "https://registry.npmjs.org/typescript-coverage-report/-/typescript-coverage-report-0.7.0.tgz", + "integrity": "sha512-ODeA510qAN2C76NjDCoZj2wcGGkkuaf2FQJElyJS9ABmGbpkgrhtoWOfiKkoeaPHkvysqOfhFEVUWNrOUlww7w==", + "dev": true, + "requires": { + "chalk": "^4.0.0", + "cli-table3": "^0.6.1", + "commander": "^5.0.0", + "ncp": "^2.0.0", + "react": "^16.13.1", + "react-dom": "^16.13.1", + "rimraf": "^3.0.2", + "semantic-ui-react": "^0.88.2", + "type-coverage-core": "^2.23.0" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "commander": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-5.1.0.tgz", + "integrity": "sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==", + "dev": true + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "react": { + "version": "16.14.0", + "resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz", + "integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==", + "dev": true, + "requires": { + "loose-envify": "^1.1.0", + "object-assign": "^4.1.1", + "prop-types": "^15.6.2" + } + }, + "react-dom": { + "version": "16.14.0", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.14.0.tgz", + "integrity": "sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==", + "dev": true, + "requires": { + "loose-envify": "^1.1.0", + "object-assign": "^4.1.1", + "prop-types": "^15.6.2", + "scheduler": "^0.19.1" + } + }, + "scheduler": { + "version": "0.19.1", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz", + "integrity": "sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==", + "dev": true, + "requires": { + "loose-envify": "^1.1.0", + "object-assign": "^4.1.1" + } + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "ufo": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.4.0.tgz", + "integrity": "sha512-Hhy+BhRBleFjpJ2vchUNN40qgkh0366FWJGqVLYBHev0vpHTrXSA0ryT+74UiW6KWsldNurQMKGqCm1M2zBciQ==", + "dev": true + }, + "uglify-js": { + "version": "3.17.4", + "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.17.4.tgz", + "integrity": "sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==", + "dev": true, + "optional": true + }, + "undici-types": { + "version": "5.26.5", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz", + "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==", + "dev": true + }, + "unicode-canonical-property-names-ecmascript": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz", + "integrity": "sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==", + "dev": true + }, + "unicode-match-property-ecmascript": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz", + "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==", + "dev": true, + "requires": { + "unicode-canonical-property-names-ecmascript": "^2.0.0", + "unicode-property-aliases-ecmascript": "^2.0.0" + } + }, + "unicode-match-property-value-ecmascript": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz", + "integrity": "sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==", + "dev": true + }, + "unicode-property-aliases-ecmascript": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz", + "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==", + "dev": true + }, + "unique-string": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/unique-string/-/unique-string-2.0.0.tgz", + "integrity": "sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==", + "dev": true, + "requires": { + "crypto-random-string": "^2.0.0" + } + }, + "unist-util-is": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-4.1.0.tgz", + "integrity": "sha512-ZOQSsnce92GrxSqlnEEseX0gi7GH9zTJZ0p9dtu87WRb/37mMPO2Ilx1s/t9vBHrFhbgweUwb+t7cIn5dxPhZg==", + "dev": true + }, + "unist-util-visit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-2.0.3.tgz", + "integrity": "sha512-iJ4/RczbJMkD0712mGktuGpm/U4By4FfDonL7N/9tATGIF4imikjOuagyMY53tnZq3NP6BcmlrHhEKAfGWjh7Q==", + "dev": true, + "requires": { + "@types/unist": "^2.0.0", + "unist-util-is": "^4.0.0", + "unist-util-visit-parents": "^3.0.0" + } + }, + "unist-util-visit-parents": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-3.1.1.tgz", + "integrity": "sha512-1KROIZWo6bcMrZEwiH2UrXDyalAa0uqzWCxCJj6lPOvTve2WkfgCytoDTPaMnodXh1WrXOq0haVYHj99ynJlsg==", + "dev": true, + "requires": { + "@types/unist": "^2.0.0", + "unist-util-is": "^4.0.0" + } + }, + "universalify": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", + "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==", + "dev": true + }, + "unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==", + "dev": true + }, + "unplugin": { + "version": "1.8.2", + "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.8.2.tgz", + "integrity": "sha512-fgldo8hwP8dV94ne3rwQqlZkZWdcqH4K48bXax+N0MrBapfvoTbIQt9L2Vj/DzZAbWI/+kd2b9ZDsB7QZgz/hw==", + "dev": true, + "requires": { + "acorn": "^8.11.3", + "chokidar": "^3.6.0", + "webpack-sources": "^3.2.3", + "webpack-virtual-modules": "^0.6.1" + }, + "dependencies": { + "acorn": { + "version": "8.11.3", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz", + "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==", + "dev": true + } + } + }, + "untildify": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/untildify/-/untildify-2.1.0.tgz", + "integrity": "sha512-sJjbDp2GodvkB0FZZcn7k6afVisqX5BZD7Yq3xp4nN2O15BBK0cLm3Vwn2vQaF7UDS0UUsrQMkkplmDI5fskig==", + "dev": true, + "requires": { + "os-homedir": "^1.0.0" + } + }, + "update-browserslist-db": { + "version": "1.0.13", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz", + "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==", + "requires": { + "escalade": "^3.1.1", + "picocolors": "^1.0.0" + } + }, + "uri-js": { + "version": "4.4.1", + "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", + "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==", + "dev": true, + "requires": { + "punycode": "^2.1.0" + } + }, + "use-callback-ref": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.1.tgz", + "integrity": "sha512-Lg4Vx1XZQauB42Hw3kK7JM6yjVjgFmFC5/Ab797s79aARomD2nEErc4mCgM8EZrARLmmbWpi5DGCadmK50DcAQ==", + "dev": true, + "requires": { + "tslib": "^2.0.0" + } + }, + "use-resize-observer": { + "version": "9.1.0", + "resolved": "https://registry.npmjs.org/use-resize-observer/-/use-resize-observer-9.1.0.tgz", + "integrity": "sha512-R25VqO9Wb3asSD4eqtcxk8sJalvIOYBqS8MNZlpDSQ4l4xMQxC/J7Id9HoTqPq8FwULIn0PVW+OAqF2dyYbjow==", + "dev": true, + "requires": { + "@juggle/resize-observer": "^3.3.1" + } + }, + "use-sidecar": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz", + "integrity": "sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==", + "dev": true, + "requires": { + "detect-node-es": "^1.1.0", + "tslib": "^2.0.0" + } + }, + "util": { + "version": "0.12.5", + "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz", + "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==", + "dev": true, + "requires": { + "inherits": "^2.0.3", + "is-arguments": "^1.0.4", + "is-generator-function": "^1.0.7", + "is-typed-array": "^1.1.3", + "which-typed-array": "^1.1.2" + } + }, + "util-deprecate": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", + "dev": true + }, + "utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==", + "dev": true + }, + "uuid": { + "version": "9.0.1", + "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz", + "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==", + "dev": true + }, + "validate-npm-package-license": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", + "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==", + "dev": true, + "requires": { + "spdx-correct": "^3.0.0", + "spdx-expression-parse": "^3.0.0" + } + }, + "validator": { + "version": "13.11.0", + "resolved": "https://registry.npmjs.org/validator/-/validator-13.11.0.tgz", + "integrity": "sha512-Ii+sehpSfZy+At5nPdnyMhx78fEoPDkR2XW/zimHEL3MyGJQOCQ7WeP20jPYRz7ZCpcKLB21NxuXHF3bxjStBQ==", + "dev": true + }, + "vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==", + "dev": true + }, + "vite": { + "version": "4.5.3", + "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.3.tgz", + "integrity": "sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==", + "dev": true, + "requires": { + "esbuild": "^0.18.10", + "fsevents": "~2.3.2", + "postcss": "^8.4.27", + "rollup": "^3.27.1" + } + }, + "vlq": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/vlq/-/vlq-1.0.1.tgz", + "integrity": "sha512-gQpnTgkubC6hQgdIcRdYGDSDc+SaujOdyesZQMv6JlfQee/9Mp0Qhnys6WxDWvQnL5WZdT7o2Ul187aSt0Rq+w==", + "dev": true + }, + "walker": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz", + "integrity": "sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==", + "dev": true, + "requires": { + "makeerror": "1.0.12" + } + }, + "warning": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz", + "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==", + "requires": { + "loose-envify": "^1.0.0" + } + }, + "watchpack": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz", + "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==", + "dev": true, + "requires": { + "glob-to-regexp": "^0.4.1", + "graceful-fs": "^4.1.2" + } + }, + "wcwidth": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz", + "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==", + "dev": true, + "requires": { + "defaults": "^1.0.3" + } + }, + "webidl-conversions": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz", + "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==", + "dev": true + }, + "webpack-sources": { + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz", + "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==", + "dev": true + }, + "webpack-virtual-modules": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.1.tgz", + "integrity": "sha512-poXpCylU7ExuvZK8z+On3kX+S8o/2dQ/SVYueKA0D4WEMXROXgY8Ez50/bQEUmvoSMMrWcrJqCHuhAbsiwg7Dg==", + "dev": true + }, + "whatwg-fetch": { + "version": "3.6.20", + "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.20.tgz", + "integrity": "sha512-EqhiFU6daOA8kpjOWTL0olhVOF3i7OrFzSYiGsEMB8GcXS+RrzauAERX65xMeNWVqxA6HXH2m69Z9LaKKdisfg==", + "dev": true + }, + "whatwg-url": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz", + "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==", + "dev": true, + "requires": { + "tr46": "~0.0.3", + "webidl-conversions": "^3.0.0" + } + }, + "which": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", + "dev": true, + "requires": { + "isexe": "^2.0.0" + } + }, + "which-module": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz", + "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==", + "dev": true + }, + "which-typed-array": { + "version": "1.1.14", + "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.14.tgz", + "integrity": "sha512-VnXFiIW8yNn9kIHN88xvZ4yOWchftKDsRJ8fEPacX/wl1lOvBrhsJ/OeJCXq7B0AaijRuqgzSKalJoPk+D8MPg==", + "dev": true, + "requires": { + "available-typed-arrays": "^1.0.6", + "call-bind": "^1.0.5", + "for-each": "^0.3.3", + "gopd": "^1.0.1", + "has-tostringtag": "^1.0.1" + } + }, + "wordwrap": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz", + "integrity": "sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==", + "dev": true + }, + "wrap-ansi": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dev": true, + "requires": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "requires": { + "ansi-regex": "^5.0.1" + } + } + } + }, + "wrap-ansi-cjs": { + "version": "npm:wrap-ansi@7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dev": true, + "requires": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "requires": { + "ansi-regex": "^5.0.1" + } + } + } + }, + "wrappy": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", + "dev": true + }, + "write-file-atomic": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz", + "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==", + "dev": true, + "requires": { + "imurmurhash": "^0.1.4", + "signal-exit": "^3.0.7" + } + }, + "ws": { + "version": "6.2.2", + "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz", + "integrity": "sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==", + "dev": true, + "requires": { + "async-limiter": "~1.0.0" + } + }, + "xtend": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", + "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==", + "dev": true + }, + "y18n": { + "version": "5.0.8", + "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz", + "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==", + "dev": true + }, + "yallist": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", + "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==" + }, + "yaml": { + "version": "2.3.4", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz", + "integrity": "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==", + "dev": true + }, + "yargs": { + "version": "17.7.2", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz", + "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==", + "dev": true, + "requires": { + "cliui": "^8.0.1", + "escalade": "^3.1.1", + "get-caller-file": "^2.0.5", + "require-directory": "^2.1.1", + "string-width": "^4.2.3", + "y18n": "^5.0.5", + "yargs-parser": "^21.1.1" + } + }, + "yargs-parser": { + "version": "21.1.1", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz", + "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==", + "dev": true + }, + "yauzl": { + "version": "2.10.0", + "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz", + "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==", + "dev": true, + "requires": { + "buffer-crc32": "~0.2.3", + "fd-slicer": "~1.1.0" + } + }, + "yocto-queue": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", + "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==" + }, + "z-schema": { + "version": "5.0.5", + "resolved": "https://registry.npmjs.org/z-schema/-/z-schema-5.0.5.tgz", + "integrity": "sha512-D7eujBWkLa3p2sIpJA0d1pr7es+a7m0vFAnZLlCEKq/Ij2k0MLi9Br2UPxoxdYystm5K1yeBGzub0FlYUEWj2Q==", + "dev": true, + "requires": { + "commander": "^9.4.1", + "lodash.get": "^4.4.2", + "lodash.isequal": "^4.5.0", + "validator": "^13.7.0" + }, + "dependencies": { + "commander": { + "version": "9.5.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz", + "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==", + "dev": true, + "optional": true + } + } + } + } +} diff --git a/packages/sdds-dfa/package.json b/packages/sdds-dfa/package.json new file mode 100644 index 0000000000..56d5164265 --- /dev/null +++ b/packages/sdds-dfa/package.json @@ -0,0 +1,98 @@ +{ + "name": "@salutejs/sdds-dfa", + "version": "0.76.1-dev.0", + "description": "Salute Design System / React UI kit for SDDS DFA web applications", + "author": "Salute Frontend Team <salute.developers@gmail.com>", + "license": "MIT", + "keywords": [ + "design-system", + "react-components", + "ui-kit", + "react" + ], + "main": "index.js", + "module": "es/index.js", + "types": "index.d.ts", + "repository": { + "type": "git", + "url": "ssh://git@github.com:salute-developers/plasma.git", + "directory": "packages/sdds-dfa" + }, + "dependencies": { + "@salutejs/plasma-new-hope": "0.104.1-dev.0", + "@salutejs/sdds-themes": "0.14.0-dev.0" + }, + "peerDependencies": { + "react": ">=16.13.1", + "react-dom": ">=16.13.1", + "styled-components": "^5.3.1" + }, + "devDependencies": { + "@babel/cli": "7.24.1", + "@babel/core": "7.24.4", + "@babel/plugin-transform-class-properties": "7.24.1", + "@babel/plugin-transform-react-constant-elements": "7.24.1", + "@babel/preset-env": "7.24.4", + "@babel/preset-react": "7.24.1", + "@babel/preset-typescript": "7.24.1", + "@microsoft/api-extractor": "7.38.3", + "@salutejs/plasma-colors": "0.13.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "@salutejs/plasma-cy-utils": "0.94.0-dev.0", + "@salutejs/plasma-icons": "1.198.3-dev.0", + "@salutejs/plasma-sb-utils": "0.160.0-dev.0", + "@storybook/addon-docs": "7.6.17", + "@storybook/addon-essentials": "7.6.17", + "@storybook/addons": "7.6.17", + "@storybook/react": "7.6.17", + "@storybook/react-vite": "7.6.17", + "@storybook/theming": "7.6.17", + "@types/node": "16.7.13", + "@types/react": "18.0.28", + "@types/react-dom": "18.0.11", + "@types/styled-components": "5.1.0", + "@vitejs/plugin-react": "3.1.0", + "babel-loader": "8.2.2", + "babel-plugin-annotate-pure-calls": "0.4.0", + "babel-plugin-styled-components": "1.13.2", + "default-browser-id": "2.0.0", + "react": "18.2.0", + "react-dom": "18.2.0", + "storybook": "7.6.17", + "styled-components": "5.3.1", + "typescript": "4.2.4", + "typescript-coverage-report": "0.7.0", + "vite": "4.5.3" + }, + "publishConfig": { + "access": "public" + }, + "scripts": { + "preapi-report": "npm run generate:typings", + "api-report": "npx api-extractor run --local", + "prepare": "npm run build", + "prebuild": "rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map", + "build": "npm run build:cjs && npm run build:esm", + "postbuild": "npm run generate:typings", + "build:cjs": "BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx", + "build:esm": "BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx", + "generate:typings": "tsc --outDir . --emitDeclarationOnly", + "storybook": "storybook dev -p ${PORT:-7007} -c .storybook", + "storybook:build": "storybook build -c .storybook -o build-sb", + "typescript-coverage": "npx typescript-coverage-report > /dev/null", + "lint": "../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet" + }, + "typeCoverage": { + "ignoreFiles": [ + "src/**/*component-test.tsx", + "src/**/*stories.tsx", + "src/**/*perftest.tsx" + ], + "atLeast": 99.96 + }, + "contributors": [ + "Vasiliy Loginevskiy", + "Anton Vinogradov" + ], + "sideEffects": false +} \ No newline at end of file diff --git a/packages/sdds-dfa/src/components/Accordion/Accordion.config.ts b/packages/sdds-dfa/src/components/Accordion/Accordion.config.ts new file mode 100644 index 0000000000..a138f48cd2 --- /dev/null +++ b/packages/sdds-dfa/src/components/Accordion/Accordion.config.ts @@ -0,0 +1,120 @@ +import { css, accordionTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + }, + variations: { + view: { + default: css` + ${accordionTokens.accordionGap}: 0.125rem; + ${accordionTokens.accordionWidth}: 20rem; + ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal}); + ${accordionTokens.accordionItemBackground}: var(--surface-solid-card); + ${accordionTokens.accordionItemTitleColor}: var(--text-primary); + ${accordionTokens.accordionItemTextColor}: var(--text-primary); + ${accordionTokens.accordionItemFocus}: var(--surface-accent); + ${accordionTokens.accordionBackground}: var(--surface-clear); + ${accordionTokens.accordionItemBorderBottom}: 0; + `, + clear: css` + ${accordionTokens.accordionGap}: 0; + ${accordionTokens.accordionWidth}: 20rem; + ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) 0rem; + ${accordionTokens.accordionItemBackground}: var(--surface-clear); + ${accordionTokens.accordionItemTitleColor}: var(--text-primary); + ${accordionTokens.accordionItemTextColor}: var(--text-primary); + ${accordionTokens.accordionItemFocus}: var(--surface-accent); + ${accordionTokens.accordionItemBorderRadius}: 0rem !important; + ${accordionTokens.accordionBackground}: var(--surface-clear); + ${accordionTokens.accordionItemBorderBottom}: 0.125rem solid var(--surface-solid-tertiary); + `, + }, + size: { + l: css` + ${accordionTokens.accordionItemPaddingVertical}: 1.0625rem; + ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem; + ${accordionTokens.accordionItemGap}: 0.5rem; + ${accordionTokens.accordionItemBorderRadius}: 0.875rem; + + ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-l-font-family); + ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-l-font-size); + ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-l-font-style); + ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-l-line-height); + + ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family); + ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size); + ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style); + ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight); + ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height); + `, + m: css` + ${accordionTokens.accordionItemPaddingVertical}: 0.875rem; + ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem; + + ${accordionTokens.accordionItemGap}: 0.375rem; + ${accordionTokens.accordionItemBorderRadius}: 0.75rem; + + ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-m-font-family); + ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-m-font-size); + ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-m-font-style); + ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-m-line-height); + + ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family); + ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size); + ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style); + ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight); + ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height); + `, + s: css` + ${accordionTokens.accordionItemPaddingVertical}: 0.6875rem; + ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem; + + ${accordionTokens.accordionItemGap}: 0.375rem; + ${accordionTokens.accordionItemBorderRadius}: 0.625rem; + + ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-s-font-family); + ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-s-font-size); + ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-s-font-style); + ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-s-line-height); + + ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-s-font-family); + ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-s-font-size); + ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-s-font-style); + ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-s-font-weight); + ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-s-line-height); + `, + xs: css` + ${accordionTokens.accordionItemPaddingVertical}: 0.5rem; + ${accordionTokens.accordionItemPaddingHorizontal}: 0.75rem; + + ${accordionTokens.accordionItemGap}: 0.25rem; + ${accordionTokens.accordionItemBorderRadius}: 0.5rem; + + ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-xs-font-family); + ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-xs-font-size); + ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-xs-font-style); + ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-xs-font-family); + ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-xs-font-size); + ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-xs-font-style); + ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Accordion/Accordion.stories.tsx b/packages/sdds-dfa/src/components/Accordion/Accordion.stories.tsx new file mode 100644 index 0000000000..9d05ea47a1 --- /dev/null +++ b/packages/sdds-dfa/src/components/Accordion/Accordion.stories.tsx @@ -0,0 +1,103 @@ +import * as React from 'react'; +import type { ComponentProps, ReactNode } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils'; + +import { Accordion, AccordionItem } from './Accordion'; + +type AccordionItemCustomProps = { + type: 'arrow' | 'sign' | 'clear'; + title: string; + body: ReactNode; + pin?: + | 'square-square' + | 'square-clear' + | 'clear-square' + | 'clear-clear' + | 'clear-circle' + | 'circle-clear' + | 'circle-circle'; +}; + +type AccordionProps = ComponentProps<typeof Accordion> & AccordionItemCustomProps; + +const meta: Meta<AccordionProps> = { + title: 'Content/Accordion', + decorators: [InSpacingDecorator], + component: Accordion, + args: { + singleActive: false, + view: 'default', + size: 'm', + stretching: 'filled', + disabled: false, + type: 'arrow', + pin: undefined, + title: 'Как оплатить заправку бонусами СберСпасибо?', + body: + 'После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива', + }, + argTypes: { + ...disableProps(['text']), + view: { + options: ['default', 'clear'], + control: { + type: 'select', + }, + }, + size: { + options: ['xs', 's', 'm', 'l'], + control: { + type: 'select', + }, + }, + stretching: { + options: ['filled', 'fixed'], + control: { + type: 'select', + }, + }, + type: { + options: ['arrow', 'sign', 'clear'], + control: { + type: 'select', + }, + }, + pin: { + options: [ + 'square-square', + 'square-clear', + 'clear-square', + 'clear-clear', + 'clear-circle', + 'circle-clear', + 'circle-circle', + ], + control: { + type: 'select', + }, + }, + }, +}; + +export default meta; + +export const Default: StoryObj<AccordionProps> = { + render: (props: AccordionProps) => { + const args = { ...props, text: undefined }; + + return ( + <Accordion {...args}> + <AccordionItem type={args.type} pin={args.pin} title={args.title}> + {args.body} + </AccordionItem> + <AccordionItem type={args.type} pin={args.pin} title={args.title}> + {args.body} + </AccordionItem> + <AccordionItem type={args.type} pin={args.pin} title={args.title}> + {args.body} + </AccordionItem> + </Accordion> + ); + }, +}; diff --git a/packages/sdds-dfa/src/components/Accordion/Accordion.ts b/packages/sdds-dfa/src/components/Accordion/Accordion.ts new file mode 100644 index 0000000000..4498feb929 --- /dev/null +++ b/packages/sdds-dfa/src/components/Accordion/Accordion.ts @@ -0,0 +1,9 @@ +import { component, mergeConfig, accordionConfig, AccordionItem } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Accordion.config'; + +const mergedConfig = mergeConfig(accordionConfig, config); + +export const Accordion = component(mergedConfig); + +export { AccordionItem }; diff --git a/packages/sdds-dfa/src/components/Accordion/index.ts b/packages/sdds-dfa/src/components/Accordion/index.ts new file mode 100644 index 0000000000..3b1514e062 --- /dev/null +++ b/packages/sdds-dfa/src/components/Accordion/index.ts @@ -0,0 +1 @@ +export { Accordion, AccordionItem } from './Accordion'; diff --git a/packages/sdds-dfa/src/components/Avatar/Avatar.config.tsx b/packages/sdds-dfa/src/components/Avatar/Avatar.config.tsx new file mode 100644 index 0000000000..4629c3c544 --- /dev/null +++ b/packages/sdds-dfa/src/components/Avatar/Avatar.config.tsx @@ -0,0 +1,65 @@ +import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'xxl', + }, + variations: { + view: { + default: css` + ${tokens.color}: var(--text-accent-gradient); + ${tokens.backgroundColor}: linear-gradient(94deg, rgba(62, 121, 240, 0.2) 6.49%, rgba(39, 198, 229, 0.2) 93.51%); + ${tokens.statusOnlineColor}: var(--surface-positive); + ${tokens.statusOfflineColor}: var(--surface-solid-tertiary); + ${tokens.scaleHover}: 1.02; + ${tokens.fontFamily}: var(--plasma-typo-text-font-family); + `, + }, + size: { + // TODO: #1044 токены типографики в Avatar + xxl: css` + ${tokens.avatarSize}: 6.25rem; + ${tokens.fontSize}: 2rem; + ${tokens.fontWeight}: 600; + ${tokens.lineHeight}: 2rem; + ${tokens.statusIconSize}: 0.75rem; + `, + l: css` + ${tokens.avatarSize}: 3rem; + ${tokens.fontSize}: 1.25rem; + ${tokens.fontWeight}: 600; + ${tokens.lineHeight}: 1.25rem; + ${tokens.statusIconSize}: 0.5rem; + `, + m: css` + ${tokens.avatarSize}: 2.25rem; + ${tokens.fontSize}: 0.875rem; + ${tokens.fontWeight}: 600; + ${tokens.lineHeight}: 0.875rem; + ${tokens.statusIconSize}: 0.5rem; + `, + s: css` + ${tokens.avatarSize}: 1.5rem; + ${tokens.fontSize}: 0.5rem; + ${tokens.fontWeight}: 600; + ${tokens.lineHeight}: 0.5rem; + ${tokens.statusIconSize}: 0.375rem; + `, + fit: css` + ${tokens.avatarSize}: 100%; + ${tokens.fontSize}: 0; + ${tokens.fontWeight}: 0; + ${tokens.lineHeight}: 0; + ${tokens.statusIconSize}: 0; + `, + }, + focused: { + true: css` + ${tokens.outlineSize}: 0.1rem; + ${tokens.outlineOffset}: -0.2rem; + ${tokens.outlineColor}: var(--surface-accent); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Avatar/Avatar.stories.tsx b/packages/sdds-dfa/src/components/Avatar/Avatar.stories.tsx new file mode 100644 index 0000000000..278dfe4d29 --- /dev/null +++ b/packages/sdds-dfa/src/components/Avatar/Avatar.stories.tsx @@ -0,0 +1,44 @@ +import type { ComponentProps } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { disableProps } from '@salutejs/plasma-sb-utils'; + +import { Avatar } from './Avatar'; + +const meta: Meta<typeof Avatar> = { + title: 'Content/Avatar', + component: Avatar, + argTypes: { + view: { control: 'inline-radio', options: ['default'] }, + size: { control: 'select', options: ['xxl', 'l', 'm', 's', 'fit'] }, + status: { control: 'select', options: ['active', 'inactive'] }, + }, +}; + +export default meta; + +type Story = StoryObj<ComponentProps<typeof Avatar>>; + +export const Default: Story = { + args: { + view: 'default', + size: 'xxl', + name: 'Иван Фадеев', + url: 'https://avatars.githubusercontent.com/u/1813468?v=4', + status: 'active', + isScalable: false, + }, + argTypes: { + ...disableProps(['focused']), + }, +}; + +export const Accessibility: Story = { + args: { + role: 'button', + tabIndex: 0, + view: 'default', + size: 'xxl', + name: 'Иван Фадеев', + status: 'active', + }, +}; diff --git a/packages/sdds-dfa/src/components/Avatar/Avatar.ts b/packages/sdds-dfa/src/components/Avatar/Avatar.ts new file mode 100644 index 0000000000..bdf8183f70 --- /dev/null +++ b/packages/sdds-dfa/src/components/Avatar/Avatar.ts @@ -0,0 +1,8 @@ +import { avatarConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Avatar.config'; + +const mergedConfig = mergeConfig(avatarConfig, config); +const Avatar = component(mergedConfig); + +export { Avatar, mergedConfig }; diff --git a/packages/sdds-dfa/src/components/Avatar/index.ts b/packages/sdds-dfa/src/components/Avatar/index.ts new file mode 100644 index 0000000000..9454037f2c --- /dev/null +++ b/packages/sdds-dfa/src/components/Avatar/index.ts @@ -0,0 +1,3 @@ +export { Avatar } from './Avatar'; + +export type { AvatarProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/AvatarGroup/AvatarGroup.stories.tsx b/packages/sdds-dfa/src/components/AvatarGroup/AvatarGroup.stories.tsx new file mode 100644 index 0000000000..173e5f3cbb --- /dev/null +++ b/packages/sdds-dfa/src/components/AvatarGroup/AvatarGroup.stories.tsx @@ -0,0 +1,71 @@ +import type { ComponentProps } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import * as React from 'react'; + +import { Avatar } from '../Avatar'; + +import { AvatarGroup } from './AvatarGroup'; + +type Story = StoryObj<ComponentProps<typeof AvatarGroup>>; + +const meta: Meta<typeof AvatarGroup> = { + title: 'Content/AvatarGroup', + component: AvatarGroup, +}; + +export default meta; + +export const Default: Story = { + render: (args: ComponentProps<typeof AvatarGroup>) => { + return ( + <AvatarGroup {...args}> + {Array(5) + .fill(true) + .map(() => ( + <Avatar size="xxl" url="https://avatars.githubusercontent.com/u/1813468?v=4" /> + ))} + </AvatarGroup> + ); + }, +}; + +export const DynamicSize: Story = { + args: { totalCount: 10, visibleCount: 3 }, + render: (args: ComponentProps<typeof AvatarGroup>) => { + const itemLength = args.totalCount; + + return ( + <AvatarGroup {...args}> + {Array(args.visibleCount) + .fill(true) + .map((_, index) => ( + <Avatar size="xxl" customText={index + 1} /> + ))} + + {itemLength > args.visibleCount && ( + <Avatar size="xxl" customText={`+${itemLength - args.visibleCount}`} /> + )} + </AvatarGroup> + ); + }, +}; + +export const Accessibility: Story = { + render: (args: ComponentProps<typeof AvatarGroup>) => { + return ( + <AvatarGroup {...args}> + {Array(5) + .fill(true) + .map(() => ( + <Avatar + role="button" + tabIndex={0} + focused + size="xxl" + url="https://avatars.githubusercontent.com/u/1813468?v=4" + /> + ))} + </AvatarGroup> + ); + }, +}; diff --git a/packages/sdds-dfa/src/components/AvatarGroup/AvatarGroup.ts b/packages/sdds-dfa/src/components/AvatarGroup/AvatarGroup.ts new file mode 100644 index 0000000000..2c9ab0c04f --- /dev/null +++ b/packages/sdds-dfa/src/components/AvatarGroup/AvatarGroup.ts @@ -0,0 +1,5 @@ +import { avatarGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +const mergedConfig = mergeConfig(avatarGroupConfig); + +export const AvatarGroup = component(mergedConfig); diff --git a/packages/sdds-dfa/src/components/AvatarGroup/index.ts b/packages/sdds-dfa/src/components/AvatarGroup/index.ts new file mode 100644 index 0000000000..81abbbf098 --- /dev/null +++ b/packages/sdds-dfa/src/components/AvatarGroup/index.ts @@ -0,0 +1,3 @@ +export { AvatarGroup } from './AvatarGroup'; + +export type { AvatarGroupProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Badge/Badge.config.ts b/packages/sdds-dfa/src/components/Badge/Badge.config.ts new file mode 100644 index 0000000000..bad3f143e6 --- /dev/null +++ b/packages/sdds-dfa/src/components/Badge/Badge.config.ts @@ -0,0 +1,128 @@ +import { css, badgeTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + }, + variations: { + view: { + default: css` + ${badgeTokens.color}: var(--inverse-text-primary); + ${badgeTokens.background}: var(--surface-solid-default); + + ${badgeTokens.colorTransparent}: var(--text-primary); + ${badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary); + `, + accent: css` + ${badgeTokens.color}: var(--on-dark-text-primary); + ${badgeTokens.background}: var(--surface-accent); + + ${badgeTokens.colorTransparent}: var(--text-accent); + ${badgeTokens.backgroundTransparent}: var(--surface-transparent-accent); + `, + positive: css` + ${badgeTokens.color}: var(--on-dark-text-primary); + ${badgeTokens.background}: var(--surface-positive); + + ${badgeTokens.colorTransparent}: var(--text-positive); + ${badgeTokens.backgroundTransparent}: var(--surface-transparent-positive); + `, + warning: css` + ${badgeTokens.color}: var(--on-dark-text-primary); + ${badgeTokens.background}: var(--surface-warning); + + ${badgeTokens.colorTransparent}: var(--text-warning); + ${badgeTokens.backgroundTransparent}: var(--surface-transparent-warning); + `, + negative: css` + ${badgeTokens.color}: var(--on-dark-text-primary); + ${badgeTokens.background}: var(--surface-negative); + + ${badgeTokens.colorTransparent}: var(--text-negative); + ${badgeTokens.backgroundTransparent}: var(--surface-transparent-negative); + `, + dark: css` + ${badgeTokens.color}: var(--on-dark-text-primary); + ${badgeTokens.background}: var(--on-light-surface-solid-default); + + ${badgeTokens.colorTransparent}: var(--on-dark-text-primary); + ${badgeTokens.backgroundTransparent}: var(--on-light-surface-transparent-deep); + `, + light: css` + ${badgeTokens.color}: var(--on-light-text-primary); + ${badgeTokens.background}: var(--on-dark-surface-solid-default); + + ${badgeTokens.colorTransparent}: var(--on-dark-text-primary); + ${badgeTokens.backgroundTransparent}: var(--on-dark-surface-transparent-card); + `, + }, + size: { + l: css` + ${badgeTokens.borderRadius}: 0.5rem; + ${badgeTokens.height}: 1.75rem; + ${badgeTokens.paddingRight}: 0.6875rem; + ${badgeTokens.paddingLeft}: 0.6875rem; + + ${badgeTokens.fontFamily}: var(--plasma-typo-body-s-font-family); + ${badgeTokens.fontSize}: var(--plasma-typo-body-s-font-size); + ${badgeTokens.fontStyle}: var(--plasma-typo-body-s-font-style); + ${badgeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight); + ${badgeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${badgeTokens.lineHeight}: var(--plasma-typo-body-s-line-height); + + ${badgeTokens.leftContentMarginLeft}: -0.0625rem; + ${badgeTokens.leftContentMarginRight}: 0.25rem; + + ${badgeTokens.rightContentMarginLeft}: 0.25rem; + ${badgeTokens.rightContentMarginRight}: -0.0625rem; + `, + m: css` + ${badgeTokens.borderRadius}: 0.375rem; + ${badgeTokens.height}: 1.5rem; + ${badgeTokens.paddingRight}: 0.5625rem; + ${badgeTokens.paddingLeft}: 0.5625rem; + + ${badgeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family); + ${badgeTokens.fontSize}: var(--plasma-typo-body-xs-font-size); + ${badgeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style); + ${badgeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight); + ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${badgeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height); + + ${badgeTokens.leftContentMarginLeft}: -0.0625rem; + ${badgeTokens.leftContentMarginRight}: 0.1875rem; + + ${badgeTokens.rightContentMarginLeft}: 0.1875rem; + ${badgeTokens.rightContentMarginRight}: -0.0625rem; + `, + s: css` + ${badgeTokens.borderRadius}: 0.375rem; + ${badgeTokens.height}: 1.25rem; + ${badgeTokens.paddingRight}: 0.4375rem; + ${badgeTokens.paddingLeft}: 0.4375rem; + + ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family); + ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size); + ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style); + ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight); + ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing); + ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height); + + ${badgeTokens.leftContentMarginLeft}: -0.0625rem; + ${badgeTokens.leftContentMarginRight}: 0.125rem; + + ${badgeTokens.rightContentMarginLeft}: 0.125rem; + ${badgeTokens.rightContentMarginRight}: -0.0625rem; + `, + }, + pilled: { + true: css` + ${badgeTokens.pilledBorderRadius}: 1.25rem; + `, + }, + transparent: { + true: css``, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Badge/Badge.stories.tsx b/packages/sdds-dfa/src/components/Badge/Badge.stories.tsx new file mode 100644 index 0000000000..37a4712c7b --- /dev/null +++ b/packages/sdds-dfa/src/components/Badge/Badge.stories.tsx @@ -0,0 +1,54 @@ +import React from 'react'; +import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils'; +import type { StoryObj, Meta } from '@storybook/react'; + +import { Badge } from './Badge'; + +const meta: Meta<typeof Badge> = { + title: 'Content/Badge', + component: Badge, + decorators: [InSpacingDecorator], + argTypes: { + size: { + options: ['s', 'm', 'l'], + control: { + type: 'select', + }, + }, + view: { + options: ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'], + control: { + type: 'select', + }, + }, + ...disableProps(['contentLeft', 'contentRight']), + }, +}; + +export default meta; + +type Story = StoryObj<typeof Badge>; + +const BellIcon = (props) => ( + <svg width="100%" viewBox="0 0 24 24" fill="none" {...props}> + <path + d="M11.501 21.28c1.088 0 1.978-.889 1.978-1.977H9.524c0 1.088.88 1.978 1.977 1.978zm5.933-5.932v-4.944c0-3.035-1.622-5.576-4.45-6.248v-.673c0-.82-.662-1.483-1.483-1.483-.82 0-1.483.662-1.483 1.483v.672c-2.838.673-4.45 3.204-4.45 6.25v4.943l-1.275 1.276c-.623.623-.188 1.69.692 1.69h13.022c.88 0 1.325-1.067.702-1.69l-1.275-1.276z" + fill="currentColor" + /> + </svg> +); + +export const Default: Story = { + args: { + text: 'Hello', + view: 'default', + size: 'm', + pilled: false, + transparent: false, + }, +}; + +export const WithIcon: Story = { + args: { ...Default.args }, + render: (args) => <Badge contentLeft={<BellIcon width="1rem" height="1rem" />} {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Badge/Badge.tsx b/packages/sdds-dfa/src/components/Badge/Badge.tsx new file mode 100644 index 0000000000..92b8cfced1 --- /dev/null +++ b/packages/sdds-dfa/src/components/Badge/Badge.tsx @@ -0,0 +1,10 @@ +import { badgeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Badge.config'; + +const mergedConfig = mergeConfig(badgeConfig, config); + +/** + * Компонент Badge. + */ +export const Badge = component(mergedConfig); diff --git a/packages/sdds-dfa/src/components/Badge/index.ts b/packages/sdds-dfa/src/components/Badge/index.ts new file mode 100644 index 0000000000..586c160601 --- /dev/null +++ b/packages/sdds-dfa/src/components/Badge/index.ts @@ -0,0 +1,3 @@ +export { Badge } from './Badge'; + +export type { BadgeProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Button/Button.config.ts b/packages/sdds-dfa/src/components/Button/Button.config.ts new file mode 100644 index 0000000000..2199331f90 --- /dev/null +++ b/packages/sdds-dfa/src/components/Button/Button.config.ts @@ -0,0 +1,283 @@ +import { css, buttonTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + focused: 'true', + size: 'm', + }, + variations: { + view: { + default: css` + ${buttonTokens.buttonColor}: var(--inverse-text-primary); + ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary); + ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default); + ${buttonTokens.buttonColorHover}: var(--inverse-text-primary); + ${buttonTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover); + ${buttonTokens.buttonColorActive}: var(--inverse-text-primary); + ${buttonTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active); + `, + accent: css` + ${buttonTokens.buttonColor}: var(--on-dark-text-primary); + ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary); + ${buttonTokens.buttonBackgroundColor}: var(--surface-accent); + ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary); + ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover); + ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary); + ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active); + `, + secondary: css` + ${buttonTokens.buttonColor}: var(--text-primary); + ${buttonTokens.buttonValueColor}: var(--text-secondary); + ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary); + ${buttonTokens.buttonColorHover}: var(--text-primary); + ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover); + ${buttonTokens.buttonColorActive}: var(--text-primary); + ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active); + `, + clear: css` + ${buttonTokens.buttonColor}: var(--text-primary); + ${buttonTokens.buttonValueColor}: var(--text-secondary); + ${buttonTokens.buttonBackgroundColor}: var(--surface-clear); + ${buttonTokens.buttonColorHover}: var(--text-primary-hover); + ${buttonTokens.buttonBackgroundColorHover}: var(--surface-clear); + ${buttonTokens.buttonColorActive}: var(--text-primary-active); + ${buttonTokens.buttonBackgroundColorActive}: var(--surface-clear); + `, + success: css` + ${buttonTokens.buttonColor}: var(--on-dark-text-primary); + ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary); + ${buttonTokens.buttonBackgroundColor}: var(--surface-positive); + ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary); + ${buttonTokens.buttonBackgroundColorHover}: var(--surface-positive-hover); + ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary); + ${buttonTokens.buttonBackgroundColorActive}: var(--surface-positive-active); + `, + warning: css` + ${buttonTokens.buttonColor}: var(--on-dark-text-primary); + ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary); + ${buttonTokens.buttonBackgroundColor}: var(--surface-warning); + ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary); + ${buttonTokens.buttonBackgroundColorHover}: var(--surface-warning-hover); + ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary); + ${buttonTokens.buttonBackgroundColorActive}: var(--surface-warning-active); + `, + critical: css` + ${buttonTokens.buttonColor}: var(--on-dark-text-primary); + ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary); + ${buttonTokens.buttonBackgroundColor}: var(--surface-negative); + ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary); + ${buttonTokens.buttonBackgroundColorHover}: var(--surface-negative-hover); + ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary); + ${buttonTokens.buttonBackgroundColorActive}: var(--surface-negative-active); + `, + dark: css` + ${buttonTokens.buttonColor}: var(--on-dark-text-primary); + ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary); + ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep); + ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary); + ${buttonTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover); + ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary); + ${buttonTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active); + `, + black: css` + ${buttonTokens.buttonColor}: var(--on-dark-text-primary); + ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary); + ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default); + ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary); + ${buttonTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover); + ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary); + ${buttonTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active); + `, + white: css` + ${buttonTokens.buttonColor}: var(--on-light-text-primary); + ${buttonTokens.buttonValueColor}: var(--on-light-text-secondary); + ${buttonTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default); + ${buttonTokens.buttonColorHover}: var(--on-light-text-primary); + ${buttonTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover); + ${buttonTokens.buttonColorActive}: var(--on-light-text-primary); + ${buttonTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active); + `, + }, + size: { + l: css` + ${buttonTokens.buttonHeight}: 3.5rem; + ${buttonTokens.buttonWidth}: 12.5rem; + ${buttonTokens.buttonPadding}: 1.5rem; + ${buttonTokens.buttonRadius}: 0.875rem; + ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family); + ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size); + ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style); + ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height); + + ${buttonTokens.buttonSpinnerSize}: 1.375rem; + ${buttonTokens.buttonSpinnerColor}: inherit; + + ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem; + ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem; + ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem; + `, + lr: css` + ${buttonTokens.buttonHeight}: 3.5rem; + ${buttonTokens.buttonWidth}: 12.5rem; + ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family); + ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size); + ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style); + ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height); + + ${buttonTokens.buttonSpinnerSize}: 1.375rem; + ${buttonTokens.buttonSpinnerColor}: inherit; + + ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 0; + ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.5rem; + ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem; + `, + m: css` + ${buttonTokens.buttonHeight}: 3rem; + ${buttonTokens.buttonWidth}: 11.25rem; + ${buttonTokens.buttonPadding}: 1.25rem; + ${buttonTokens.buttonRadius}: 0.75rem; + ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family); + ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size); + ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style); + ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height); + + ${buttonTokens.buttonSpinnerSize}: 1.375rem; + ${buttonTokens.buttonSpinnerColor}: inherit; + + ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem; + ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem; + ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem; + `, + mr: css` + ${buttonTokens.buttonHeight}: 3rem; + ${buttonTokens.buttonWidth}: 11.25rem; + ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family); + ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size); + ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style); + ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height); + + ${buttonTokens.buttonSpinnerSize}: 1.375rem; + ${buttonTokens.buttonSpinnerColor}: inherit; + + ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 0; + ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.375rem; + ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem; + `, + s: css` + ${buttonTokens.buttonHeight}: 2.5rem; + ${buttonTokens.buttonWidth}: 11.25rem; + ${buttonTokens.buttonPadding}: 1rem; + ${buttonTokens.buttonRadius}: 0.625rem; + ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family); + ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size); + ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style); + ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height); + + ${buttonTokens.buttonSpinnerSize}: 1.375rem; + ${buttonTokens.buttonSpinnerColor}: inherit; + + ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem; + ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem; + ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem; + `, + sr: css` + ${buttonTokens.buttonHeight}: 2.5rem; + ${buttonTokens.buttonWidth}: 11.25rem; + ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family); + ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size); + ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style); + ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height); + + ${buttonTokens.buttonSpinnerSize}: 1.375rem; + ${buttonTokens.buttonSpinnerColor}: inherit; + + ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 0; + ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.25rem; + ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem; + `, + xs: css` + ${buttonTokens.buttonHeight}: 2rem; + ${buttonTokens.buttonWidth}: 10rem; + ${buttonTokens.buttonPadding}: 0.75rem; + ${buttonTokens.buttonRadius}: 0.5rem; + ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family); + ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size); + ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style); + ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${buttonTokens.buttonSpinnerSize}: 1rem; + ${buttonTokens.buttonSpinnerColor}: inherit; + + ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem; + ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem; + ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem; + `, + xsr: css` + ${buttonTokens.buttonHeight}: 2rem; + ${buttonTokens.buttonWidth}: 10rem; + ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family); + ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size); + ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style); + ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${buttonTokens.buttonSpinnerSize}: 1rem; + ${buttonTokens.buttonSpinnerColor}: inherit; + + ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 0; + ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.25rem; + ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem; + `, + xxs: css` + ${buttonTokens.buttonHeight}: 1.5rem; + ${buttonTokens.buttonWidth}: 8.75rem; + ${buttonTokens.buttonPadding}: 0.625rem; + ${buttonTokens.buttonRadius}: 0.375rem; + ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family); + ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size); + ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style); + ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${buttonTokens.buttonSpinnerSize}: 0.75rem; + ${buttonTokens.buttonSpinnerColor}: inherit; + + ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem; + ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem; + ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem; + `, + }, + disabled: { + true: css` + ${buttonTokens.buttonDisabledOpacity}: 0.4; + `, + }, + focused: { + true: css` + ${buttonTokens.buttonFocusColor}: var(--surface-accent); + `, + }, + stretching: { + auto: css``, + filled: css``, + fixed: css``, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Button/Button.stories.tsx b/packages/sdds-dfa/src/components/Button/Button.stories.tsx new file mode 100644 index 0000000000..6ba460e2f6 --- /dev/null +++ b/packages/sdds-dfa/src/components/Button/Button.stories.tsx @@ -0,0 +1,207 @@ +import React, { useCallback, useState, useRef } from 'react'; +import type { ComponentProps } from 'react'; +import { action } from '@storybook/addon-actions'; +import type { StoryObj, Meta } from '@storybook/react'; +import { IconMic } from '@salutejs/plasma-icons'; + +import { InSpacingDecorator, disableProps } from '../../helpers'; + +import { Button } from '.'; +import type { ButtonProps as Base } from '.'; + +type ButtonProps = ComponentProps<Base>; + +const views = ['default', 'accent', 'success', 'warning', 'critical', 'dark', 'light']; +const sizes = ['l', 'm', 's', 'xs', 'xxs']; +const stretchingValues = ['auto', 'filled', 'fixed']; +const pinValues = [ + '', + 'square-square', + 'square-clear', + 'clear-square', + 'clear-clear', + 'clear-circle', + 'circle-clear', + 'circle-circle', +]; +const contentPlacinValues = ['default', 'relaxed']; + +const onClick = action('onClick'); +const onFocus = action('onFocus'); +const onBlur = action('onBlur'); + +const meta: Meta<ButtonProps> = { + title: 'Controls/Button', + decorators: [InSpacingDecorator], + component: Button, + args: { + view: 'default', + size: 'm', + contentPlacing: 'default', + stretching: 'auto', + text: 'Hello', + value: 'Value', + disabled: false, + focused: true, + square: false, + isLoading: false, + }, + argTypes: { + view: { + options: views, + control: { + type: 'select', + }, + }, + size: { + options: sizes, + control: { + type: 'select', + }, + }, + value: { + control: { + type: 'text', + }, + }, + contentPlacing: { + options: contentPlacinValues, + control: { + type: 'select', + }, + }, + stretching: { + options: stretchingValues, + control: { + type: 'select', + }, + }, + pin: { + options: pinValues, + control: { + type: 'select', + }, + table: { defaultValue: { summary: 'bottom' } }, + }, + ...disableProps([ + 'theme', + 'loader', + 'onClick', + 'onFocus', + 'onBlur', + 'outlined', + 'contentLeft', + 'contentRight', + 'shiftLeft', + 'shiftRight', + 'stretch', + 'as', + 'forwardedAs', + ]), + }, +}; + +export default meta; + +type StoryPropsDefault = ComponentProps<typeof Button> & { + enableContentLeft: boolean; + enableContentRight: boolean; +}; + +const StoryDefault = ({ enableContentLeft, enableContentRight, size, ...rest }: StoryPropsDefault) => { + const iconSize = size === 'xs' || size === 'xxs' ? 'xs' : 's'; + + return ( + <Button + contentLeft={enableContentLeft ? <IconMic size={iconSize} color="inherit" /> : undefined} + contentRight={enableContentRight ? <IconMic size={iconSize} color="inherit" /> : undefined} + size={size} + onClick={onClick} + onFocus={onFocus} + onBlur={onBlur} + {...rest} + /> + ); +}; + +export const Default: StoryObj<StoryPropsDefault> = { + args: { + enableContentLeft: false, + enableContentRight: false, + value: '', + }, + argTypes: { + ...disableProps(['value']), + }, + render: (args) => <StoryDefault {...args} />, +}; + +export const WithValue: StoryObj<StoryPropsDefault> = { + args: { + enableContentLeft: false, + }, + render: (args) => <StoryDefault {...args} />, +}; + +const StoryLoading = ({ + enableContentLeft, + enableContentRight, + size, + isLoading, + onClick: _onClick, + ...rest +}: StoryPropsDefault) => { + const [loading, setLoading] = useState(isLoading); + const [count, setCount] = useState(0); + const intervalId = useRef<number | undefined>(); + + const iconSize = size === 'xs' || size === 'xxs' ? 'xs' : 's'; + + const onClickHandle = useCallback( + (event) => { + event.persist(); + + _onClick?.(event); + + setLoading(true); + + intervalId.current = window.setInterval(() => { + setCount((prev) => { + return prev + 1; + }); + }, 1_000); + }, + [_onClick], + ); + + if (count === 6) { + setLoading(false); + setCount(0); + window.clearInterval(intervalId.current); + } + + return ( + <Button + autoFocus + onClick={onClickHandle} + contentLeft={enableContentLeft ? <IconMic size={iconSize} color="inherit" /> : undefined} + contentRight={enableContentRight ? <IconMic size={iconSize} color="inherit" /> : undefined} + isLoading={loading} + size={size} + loader={<div>Loading - {count}</div>} + {...rest} + /> + ); +}; + +export const Loading: StoryObj<StoryPropsDefault> = { + args: { + ...Default.args, + text: 'Start loading', + value: '', + }, + argTypes: { + ...disableProps(['text', 'value']), + }, + render: (args) => <StoryLoading {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Button/Button.tsx b/packages/sdds-dfa/src/components/Button/Button.tsx new file mode 100644 index 0000000000..51a940690f --- /dev/null +++ b/packages/sdds-dfa/src/components/Button/Button.tsx @@ -0,0 +1,13 @@ +import { buttonConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Button.config'; + +const mergedConfig = mergeConfig(buttonConfig, config); +const ButtonComponent = component(mergedConfig); + +export type ButtonProps = typeof ButtonComponent; + +/** + * Кнопка. + */ +export const Button = ButtonComponent; diff --git a/packages/sdds-dfa/src/components/Button/index.ts b/packages/sdds-dfa/src/components/Button/index.ts new file mode 100644 index 0000000000..fa3c8a518e --- /dev/null +++ b/packages/sdds-dfa/src/components/Button/index.ts @@ -0,0 +1,2 @@ +export { Button } from './Button'; +export type { ButtonProps } from './Button'; diff --git a/packages/sdds-dfa/src/components/ButtonBase/index.ts b/packages/sdds-dfa/src/components/ButtonBase/index.ts new file mode 100644 index 0000000000..c0cc88b007 --- /dev/null +++ b/packages/sdds-dfa/src/components/ButtonBase/index.ts @@ -0,0 +1 @@ +export { ButtonBase } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/ButtonGroup/ButtonGroup.config.ts b/packages/sdds-dfa/src/components/ButtonGroup/ButtonGroup.config.ts new file mode 100644 index 0000000000..2e85e3e4f9 --- /dev/null +++ b/packages/sdds-dfa/src/components/ButtonGroup/ButtonGroup.config.ts @@ -0,0 +1,255 @@ +import { css, buttonGroupTokens, buttonGroupClasses } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + }, + variations: { + view: { + default: css` + ${buttonGroupTokens.buttonColor}: var(--inverse-text-primary); + ${buttonGroupTokens.buttonValueColor}: var(--inverse-text-secondary); + ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-default); + ${buttonGroupTokens.buttonColorHover}: var(--inverse-text-primary); + ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover); + ${buttonGroupTokens.buttonColorActive}: var(--inverse-text-primary); + ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active); + `, + accent: css` + ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary); + ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary); + ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-accent); + ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary); + ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-accent-hover); + ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary); + ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-accent-active); + `, + secondary: css` + ${buttonGroupTokens.buttonColor}: var(--text-primary); + ${buttonGroupTokens.buttonValueColor}: var(--text-secondary); + ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-transparent-secondary); + ${buttonGroupTokens.buttonColorHover}: var(--text-primary); + ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover); + ${buttonGroupTokens.buttonColorActive}: var(--text-primary); + ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active); + `, + clear: css` + ${buttonGroupTokens.buttonColor}: var(--text-primary); + ${buttonGroupTokens.buttonValueColor}: var(--text-secondary); + ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-clear); + ${buttonGroupTokens.buttonColorHover}: var(--text-primary-hover); + ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-clear); + ${buttonGroupTokens.buttonColorActive}: var(--text-primary-active); + ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-clear); + `, + success: css` + ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary); + ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary); + ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-positive); + ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary); + ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-positive-hover); + ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary); + ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-positive-active); + `, + warning: css` + ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary); + ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary); + ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-warning); + ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary); + ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-warning-hover); + ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary); + ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-warning-active); + `, + critical: css` + ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary); + ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary); + ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-negative); + ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary); + ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-negative-hover); + ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary); + ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-negative-active); + `, + dark: css` + ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary); + ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary); + ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep); + ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary); + ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover); + ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary); + ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active); + `, + black: css` + ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary); + ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary); + ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default); + ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary); + ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover); + ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary); + ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active); + `, + white: css` + ${buttonGroupTokens.buttonColor}: var(--on-light-text-primary); + ${buttonGroupTokens.buttonValueColor}: var(--on-light-text-secondary); + ${buttonGroupTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default); + ${buttonGroupTokens.buttonColorHover}: var(--on-light-text-primary); + ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover); + ${buttonGroupTokens.buttonColorActive}: var(--on-light-text-primary); + ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active); + `, + }, + size: { + l: css` + ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem; + ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem; + ${buttonGroupTokens.buttonSideRadius}: 0.875rem; + + ${buttonGroupTokens.buttonHeight}: 3.5rem; + ${buttonGroupTokens.buttonPadding}: 1.5rem; + ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family); + ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size); + ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style); + ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height); + `, + lr: css` + ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem; + ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem; + ${buttonGroupTokens.buttonSideRadius}: 0.875rem; + + ${buttonGroupTokens.buttonHeight}: 3.5rem; + ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family); + ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size); + ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style); + ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height); + `, + m: css` + ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem; + ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem; + ${buttonGroupTokens.buttonSideRadius}: 0.75rem; + + ${buttonGroupTokens.buttonHeight}: 3rem; + ${buttonGroupTokens.buttonPadding}: 1.25rem; + + ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family); + ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size); + ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style); + ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height); + `, + mr: css` + &.${buttonGroupClasses.segmented} { + ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem; + ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem; + ${buttonGroupTokens.buttonSideRadius}: 0.75rem; + + ${buttonGroupTokens.buttonHeight}: 3rem; + ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family); + ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size); + ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style); + ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height); + `, + s: css` + ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem; + ${buttonGroupTokens.buttonSideRadius}: 0.625rem; + ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem; + + ${buttonGroupTokens.buttonHeight}: 2.5rem; + ${buttonGroupTokens.buttonPadding}: 1rem; + ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family); + ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size); + ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style); + ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height); + `, + sr: css` + ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem; + ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem; + ${buttonGroupTokens.buttonSideRadius}: 0.625rem; + + ${buttonGroupTokens.buttonHeight}: 2.5rem; + ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family); + ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size); + ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style); + ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height); + `, + xs: css` + ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem; + ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem; + ${buttonGroupTokens.buttonSideRadius}: 0.5rem; + + ${buttonGroupTokens.buttonHeight}: 2rem; + ${buttonGroupTokens.buttonPadding}: 0.75rem; + ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family); + ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size); + ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style); + ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + xsr: css` + ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem; + ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem; + ${buttonGroupTokens.buttonSideRadius}: 0.5rem; + + ${buttonGroupTokens.buttonHeight}: 2rem; + ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family); + ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size); + ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style); + ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + xxs: css` + ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem; + ${buttonGroupTokens.buttonDefaultRadius}: 0.375rem; + ${buttonGroupTokens.buttonSideRadius}: 0.375rem; + + ${buttonGroupTokens.buttonHeight}: 1.5rem; + ${buttonGroupTokens.buttonPadding}: 0.625rem; + ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family); + ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size); + ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style); + ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + }, + orientation: { + horizontal: css` + ${buttonGroupTokens.buttonGroupOrientation}: row; + `, + vertical: css` + ${buttonGroupTokens.buttonGroupOrientation}: column; + `, + }, + gap: { + none: css` + ${buttonGroupTokens.buttonGroupItemsGap}: 0; + `, + dense: css` + ${buttonGroupTokens.buttonGroupItemsGap}: 0.125rem; + `, + wide: css` + ${buttonGroupTokens.buttonGroupItemsGap}: 0.5rem; + `, + }, + shape: { + segmented: css``, + default: css``, + }, + stretching: { + auto: css``, + filled: css``, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/ButtonGroup/ButtonGroup.stories.tsx b/packages/sdds-dfa/src/components/ButtonGroup/ButtonGroup.stories.tsx new file mode 100644 index 0000000000..f75cc2303d --- /dev/null +++ b/packages/sdds-dfa/src/components/ButtonGroup/ButtonGroup.stories.tsx @@ -0,0 +1,117 @@ +import React from 'react'; +import type { ComponentProps } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils'; + +import { Button } from '../Button/Button'; + +import { ButtonGroup } from './ButtonGroup'; + +type StoryProps = ComponentProps<typeof ButtonGroup> & { itemsCount?: number }; +type Story = StoryObj<StoryProps>; + +const views = ['accent', 'default', 'secondary', 'success', 'warning', 'critical', 'clear']; +const sizes = ['l', 'm', 's', 'xs', 'xxs']; +const orientationValues = ['horizontal', 'vertical']; +const gapValues = ['none', 'dense', 'wide']; +const shapeValues = ['segmented', 'default']; +const stretchingValues = ['auto', 'filled']; + +const meta: Meta<typeof ButtonGroup> = { + title: 'Controls/ButtonGroup', + decorators: [InSpacingDecorator], + argTypes: { + size: { + options: sizes, + control: { + type: 'select', + }, + }, + view: { + options: views, + control: { + type: 'select', + }, + }, + orientation: { + options: orientationValues, + control: { + type: 'inline-radio', + }, + }, + gap: { + options: gapValues, + control: { + type: 'select', + }, + }, + shape: { + options: shapeValues, + control: { + type: 'select', + }, + }, + stretching: { + options: stretchingValues, + control: { + type: 'select', + }, + }, + }, +}; + +export default meta; + +export const Default: Story = { + args: { + view: 'default', + size: 'm', + gap: 'dense', + orientation: 'horizontal', + shape: 'default', + itemsCount: 5, + stretching: 'auto', + }, + render: ({ itemsCount, ...args }: StoryProps) => { + return ( + <ButtonGroup {...args}> + {Array(itemsCount) + .fill(true) + .map((_, i) => ( + <Button text={`Button ${i}`} /> + ))} + </ButtonGroup> + ); + }, +}; + +export const CustomButtons: Story = { + args: { + ...Default.args, + isCommonButtonStyles: false, + }, + argTypes: { + ...disableProps(['itemsCount']), + }, + render: (args: StoryProps) => { + return ( + <> + <h3>Группа кнопок с разными темами</h3> + <ButtonGroup {...args}> + <Button text="Primary" view="default" /> + <Button text="Negative" view="success" /> + <Button text="Positive" view="warning" /> + <Button text="Clear" view="clear" /> + </ButtonGroup> + + <h3>Группа кнопок с разными размерами</h3> + <ButtonGroup {...args}> + <Button text="Primary" view="default" size="l" /> + <Button text="Negative" view="success" size="m" /> + <Button text="Positive" view="warning" size="s" /> + <Button text="Clear" view="clear" size="l" /> + </ButtonGroup> + </> + ); + }, +}; diff --git a/packages/sdds-dfa/src/components/ButtonGroup/ButtonGroup.tsx b/packages/sdds-dfa/src/components/ButtonGroup/ButtonGroup.tsx new file mode 100644 index 0000000000..b59726f4b1 --- /dev/null +++ b/packages/sdds-dfa/src/components/ButtonGroup/ButtonGroup.tsx @@ -0,0 +1,10 @@ +import { buttonGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './ButtonGroup.config'; + +const mergedConfig = mergeConfig(buttonGroupConfig, config); + +/** + * Группа кнопок. + */ +export const ButtonGroup = component(mergedConfig); diff --git a/packages/sdds-dfa/src/components/ButtonGroup/index.tsx b/packages/sdds-dfa/src/components/ButtonGroup/index.tsx new file mode 100644 index 0000000000..890178205b --- /dev/null +++ b/packages/sdds-dfa/src/components/ButtonGroup/index.tsx @@ -0,0 +1,3 @@ +export { ButtonGroup } from './ButtonGroup'; + +export type { ButtonGroupProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Calendar/Calendar.stories.tsx b/packages/sdds-dfa/src/components/Calendar/Calendar.stories.tsx new file mode 100644 index 0000000000..bc590b98ad --- /dev/null +++ b/packages/sdds-dfa/src/components/Calendar/Calendar.stories.tsx @@ -0,0 +1,299 @@ +import React, { useCallback, useMemo, useState } from 'react'; +import type { ComponentProps } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { action } from '@storybook/addon-actions'; +import { InSpacingDecorator } from '@salutejs/plasma-sb-utils'; + +import { Calendar, CalendarBase, CalendarBaseRange, CalendarDouble, CalendarDoubleRange } from './Calendar'; + +const onChangeValue = action('onChangeValue'); + +const meta: Meta<typeof CalendarBase> = { + title: 'Controls/Calendar', + decorators: [InSpacingDecorator], + argTypes: { + min: { + control: { + type: 'date', + }, + }, + max: { + control: { + type: 'date', + }, + }, + size: { + options: ['l', 'm', 's', 'xs'], + control: { + type: 'inline-radio', + }, + }, + }, +}; + +export default meta; + +type CalendarProps = ComponentProps<typeof Calendar>; +type CalendarBaseProps = ComponentProps<typeof CalendarBase>; +type CalendarDoubleProps = ComponentProps<typeof CalendarDouble>; +type CalendarBaseRangeProps = ComponentProps<typeof CalendarBaseRange>; + +const baseEvents = [ + { + date: new Date(2023, 10, 6), + }, + { + date: new Date(2023, 10, 16), + color: 'red', + }, + { + date: new Date(2023, 10, 16), + color: 'green', + }, + { + date: new Date(2023, 10, 16), + color: 'blue', + }, +]; + +const StoryDefault = (args: CalendarProps) => { + const { isRange, isDouble, min, max, date, includeEdgeDates, size } = args; + const [value, setValue] = useState(new Date(2023, 10, 16)); + const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]); + + const handleOnChange = useCallback((newValue: Date) => { + setValue(newValue); + onChangeValue(newValue); + }, []); + const handleOnRangeChange = useCallback((newValue: [Date, Date?]) => { + setValueRange(newValue); + }, []); + + const eventsRange = [...new Array(10)].map((_, day) => ({ + date: new Date(2023, 10, 10 + day), + color: 'purple', + })); + + const disabledDays = [...new Array(5)].map((_, day) => ({ + date: new Date(2023, 10, 23 + day), + })); + + return ( + <Calendar + size={size} + isRange={isRange} + isDouble={isDouble} + date={date} + value={(isRange ? valueRange : value) as Date & [Date, Date?]} + eventList={[...baseEvents, ...eventsRange]} + disabledList={disabledDays} + min={min} + max={max} + includeEdgeDates={includeEdgeDates} + onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void} + /> + ); +}; + +export const Default: StoryObj<CalendarProps> = { + args: { + min: new Date(2023, 10, 1), + max: new Date(2023, 11, 24), + isDouble: false, + isRange: false, + includeEdgeDates: false, + size: 'm', + }, + render: (args) => <StoryDefault {...args} />, +}; + +const StoryBase = (args: CalendarBaseProps) => { + const { min, max, type, includeEdgeDates, size } = args; + const [value, setValue] = useState(new Date(2023, 10, 16)); + + const handleOnChange = useCallback((newValue: Date) => { + setValue(newValue); + onChangeValue(newValue); + }, []); + + const eventsRange = [...new Array(10)].map((_, day) => ({ + date: new Date(2023, 10, 10 + day), + color: 'purple', + })); + + const disabledDays = [...new Array(5)].map((_, day) => ({ + date: new Date(2023, 10, 23 + day), + })); + + return ( + <CalendarBase + size={size} + value={value} + eventList={eventsRange} + disabledList={disabledDays} + min={min} + max={max} + includeEdgeDates={includeEdgeDates} + type={type} + onChangeValue={handleOnChange} + /> + ); +}; + +export const Base: StoryObj<CalendarBaseProps> = { + argTypes: { + type: { + options: ['Days', 'Months', 'Years'], + control: { + type: 'select', + }, + }, + }, + args: { + size: 'm', + min: new Date(2023, 10, 1), + max: new Date(2023, 11, 24), + includeEdgeDates: false, + type: 'Days', + }, + render: (args) => <StoryBase {...args} />, +}; + +const StoryDouble = (args: CalendarDoubleProps) => { + const { min, max, includeEdgeDates, size } = args; + const [value, setValue] = useState(new Date(2023, 10, 16)); + const handleOnChange = useCallback((newValue: Date) => { + setValue(newValue); + onChangeValue(newValue); + }, []); + + const eventsRange = [...new Array(15)].map((_, day) => ({ + date: new Date(2023, 10, 10 + day), + color: 'purple', + })); + + const disabledDays = [...new Array(5)].map((_, day) => ({ + date: new Date(2023, 10, 23 + day), + })); + + return ( + <CalendarDouble + size={size} + value={value} + eventList={eventsRange} + disabledList={disabledDays} + min={min} + max={max} + includeEdgeDates={includeEdgeDates} + onChangeValue={handleOnChange} + /> + ); +}; + +export const Double: StoryObj<CalendarDoubleProps> = { + args: { + size: 'm', + min: new Date(2023, 10, 1), + max: new Date(2023, 11, 24), + includeEdgeDates: false, + }, + render: (args) => <StoryDouble {...args} />, +}; + +const StoryRange = (args: CalendarBaseRangeProps) => { + const { min, max, type, includeEdgeDates, size } = args; + const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 10, 15), new Date(2023, 10, 24)]); + const handleOnChange = useCallback((newValue: [Date, Date?]) => { + onChangeValue(newValue); + setValue(newValue); + }, []); + + const eventsRange = [...new Array(10)].map((_, day) => ({ + date: new Date(2023, 10, 16 + day), + color: 'purple', + })); + + const disabledDays = [...new Array(5)].map((_, day) => ({ + date: new Date(2023, 10, 1 + day), + })); + + const eventList = useMemo(() => [...baseEvents, ...eventsRange], [eventsRange]); + const disabledList = useMemo(() => [{ date: new Date(2023, 10, 1) }, ...disabledDays], [disabledDays]); + + return ( + <CalendarBaseRange + size={size} + value={values} + eventList={eventList} + disabledList={disabledList} + min={min} + max={max} + includeEdgeDates={includeEdgeDates} + type={type} + onChangeValue={handleOnChange} + /> + ); +}; + +export const Range: StoryObj<CalendarBaseRangeProps> = { + argTypes: { + type: { + options: ['Days', 'Months', 'Years'], + control: { + type: 'select', + }, + }, + }, + args: { + size: 'm', + min: new Date(2023, 10, 1), + max: new Date(2023, 11, 24), + includeEdgeDates: false, + type: 'Days', + }, + render: (args) => <StoryRange {...args} />, +}; + +const StoryRangeDouble = (args: CalendarBaseRangeProps) => { + const { min, max, includeEdgeDates, size } = args; + const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 10, 15), new Date(2023, 10, 24)]); + const handleOnChange = useCallback((newValue: [Date, Date?]) => { + onChangeValue(newValue); + setValue(newValue); + }, []); + + const eventsRange = [...new Array(10)].map((_, day) => ({ + date: new Date(2023, 10, 16 + day), + color: 'purple', + })); + + const disabledDays = [...new Array(5)].map((_, day) => ({ + date: new Date(2023, 10, 1 + day), + })); + + const eventList = useMemo(() => [...baseEvents, ...eventsRange], [eventsRange]); + const disabledList = useMemo(() => [{ date: new Date(2023, 10, 1) }, ...disabledDays], [disabledDays]); + + return ( + <CalendarDoubleRange + size={size} + value={values} + eventList={eventList} + disabledList={disabledList} + min={min} + max={max} + includeEdgeDates={includeEdgeDates} + onChangeValue={handleOnChange} + /> + ); +}; + +export const RangeDouble: StoryObj<CalendarBaseRangeProps> = { + args: { + size: 'm', + min: new Date(2023, 10, 1), + max: new Date(2023, 11, 24), + includeEdgeDates: false, + }, + render: (args) => <StoryRangeDouble {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Calendar/Calendar.ts b/packages/sdds-dfa/src/components/Calendar/Calendar.ts new file mode 100644 index 0000000000..934169ea04 --- /dev/null +++ b/packages/sdds-dfa/src/components/Calendar/Calendar.ts @@ -0,0 +1,31 @@ +import type { FC } from 'react'; +import { + component, + calendarBaseConfig, + calendarDoubleConfig, + withRange, + mergeConfig, + boundCalendar, + CalendarStateType, +} from '@salutejs/plasma-new-hope/styled-components'; +import type { CalendarBaseProps, CalendarDoubleProps } from '@salutejs/plasma-new-hope/styled-components'; + +import { config as baseConfig } from './CalendarBase.config'; +import { config as doubleConfig } from './CalendarDouble.config'; + +const mergedCalendarBaseConfig = mergeConfig(calendarBaseConfig, baseConfig); +const mergedCalendarDoubleConfig = mergeConfig(calendarDoubleConfig, doubleConfig); + +export const CalendarBase = component(mergedCalendarBaseConfig); +export const CalendarDouble = component(mergedCalendarDoubleConfig); +export const CalendarBaseRange = withRange<CalendarBaseProps>(CalendarBase); +export const CalendarDoubleRange = withRange<CalendarDoubleProps>(CalendarDouble); + +export const Calendar = boundCalendar({ + base: CalendarBase as FC<CalendarBaseProps>, + baseRange: CalendarBaseRange, + double: CalendarDouble as FC<CalendarDoubleProps>, + doubleRange: CalendarDoubleRange, +}); + +export type { CalendarStateType }; diff --git a/packages/sdds-dfa/src/components/Calendar/CalendarBase.config.ts b/packages/sdds-dfa/src/components/Calendar/CalendarBase.config.ts new file mode 100644 index 0000000000..83cc1c49de --- /dev/null +++ b/packages/sdds-dfa/src/components/Calendar/CalendarBase.config.ts @@ -0,0 +1,284 @@ +import { css, calendarBaseTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + }, + variations: { + view: { + default: css` + ${calendarBaseTokens.calendarSelectedItemBackground}: var(--surface-solid-default); + ${calendarBaseTokens.calendarSelectedItemColor}: var(--inverse-text-primary); + ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary); + ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(--surface-solid-default); + ${calendarBaseTokens.calendarCurrentItemBackgroundHover}: transparent; + ${calendarBaseTokens.calendarCurrentItemColorHover}: var(--text-primary); + ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary); + ${calendarBaseTokens.calendarActiveItemBackground}: var(--surface-solid-default); + ${calendarBaseTokens.calendarActiveItemColor}: var(--inverse-text-primary); + ${calendarBaseTokens.calendarHoveredItemBackground}: var(--surface-accent); + ${calendarBaseTokens.calendarHoveredItemColor}: var(--text-primary); + ${calendarBaseTokens.calendarRangeBackground}: var(--surface-transparent-secondary); + ${calendarBaseTokens.calendarOutlineFocusColor}: var(--surface-accent); + ${calendarBaseTokens.calendarContentPrimaryColor}: var(--surface-solid-default); + ${calendarBaseTokens.calendarContentSecondaryColor}: var(--text-secondary); + ${calendarBaseTokens.calendarDayOfWeekColor}: var(--text-secondary); + + ${calendarBaseTokens.iconButtonColor}: var(--text-primary); + ${calendarBaseTokens.iconButtonBackgroundColor}: var(--surface-clear); + ${calendarBaseTokens.iconButtonColorHover}: var(--text-primary-hover); + ${calendarBaseTokens.iconButtonBackgroundColorHover}: var(--surface-clear); + ${calendarBaseTokens.iconButtonColorActive}: var(--text-primary-hover); + ${calendarBaseTokens.iconButtonBackgroundColorActive}: var(--surface-clear); + ${calendarBaseTokens.iconButtonFocusColor}: var(--surface-accent); + `, + }, + size: { + l: css` + ${calendarBaseTokens.calendarWidth}: 24.5rem; + ${calendarBaseTokens.calendarHeight}: 25rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.75rem; + ${calendarBaseTokens.calendarYearItemWidth}: 7.8125rem; + ${calendarBaseTokens.calendarYearItemHeight}: 5.25rem; + + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.75rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 7.8125rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 5.25rem; + + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.75rem; + ${calendarBaseTokens.calendarDayItemWidth}: 3.5rem; + ${calendarBaseTokens.calendarDayItemHeight}: 3rem; + + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 3.5rem; + ${calendarBaseTokens.iconButtonWidth}: 3.5rem; + ${calendarBaseTokens.iconButtonPadding}: 1.5rem; + ${calendarBaseTokens.iconButtonRadius}: 0.875rem; + `, + m: css` + ${calendarBaseTokens.calendarWidth}: 21rem; + ${calendarBaseTokens.calendarHeight}: 21rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.625rem; + ${calendarBaseTokens.calendarYearItemWidth}: 6.688rem; + ${calendarBaseTokens.calendarYearItemHeight}: 4.375rem; + + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.625rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 6.688rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 4.375rem; + + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.625rem; + ${calendarBaseTokens.calendarDayItemWidth}: 3rem; + ${calendarBaseTokens.calendarDayItemHeight}: 2.5rem; + + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.375rem; + + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 3rem; + ${calendarBaseTokens.iconButtonWidth}: 3rem; + ${calendarBaseTokens.iconButtonPadding}: 1.25rem; + ${calendarBaseTokens.iconButtonRadius}: 0.75rem; + `, + s: css` + ${calendarBaseTokens.calendarWidth}: 17.5rem; + ${calendarBaseTokens.calendarHeight}: 17rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarYearItemWidth}: 5.5rem; + ${calendarBaseTokens.calendarYearItemHeight}: 3.5rem; + + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family); + ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size); + ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style); + ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 5.5rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 3.5rem; + + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family); + ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size); + ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style); + ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarDayItemWidth}: 2.5rem; + ${calendarBaseTokens.calendarDayItemHeight}: 2rem; + + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family); + ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size); + ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style); + ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 2.5rem; + ${calendarBaseTokens.iconButtonWidth}: 2.5rem; + ${calendarBaseTokens.iconButtonPadding}: 1rem; + ${calendarBaseTokens.iconButtonRadius}: 0.625rem; + `, + xs: css` + ${calendarBaseTokens.calendarWidth}: 17.5rem; + ${calendarBaseTokens.calendarHeight}: 15.5rem; + + ${calendarBaseTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.375rem; + ${calendarBaseTokens.calendarYearItemWidth}: 5.625rem; + ${calendarBaseTokens.calendarYearItemHeight}: 3.281rem; + + ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarBaseTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.375rem; + ${calendarBaseTokens.calendarMonthItemWidth}: 5.625rem; + ${calendarBaseTokens.calendarMonthItemHeight}: 3.281rem; + + ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarBaseTokens.calendarDaysPadding}: 0.375rem 0 0 0; + ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.5rem; + ${calendarBaseTokens.calendarDayItemWidth}: 2.5rem; + ${calendarBaseTokens.calendarDayItemHeight}: 1.875rem; + + ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarBaseTokens.calendarHeaderArrowGap}: 0; + + ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family); + ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size); + ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style); + ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing); + ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height); + ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight); + ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight); + + ${calendarBaseTokens.iconButtonHeight}: 2rem; + ${calendarBaseTokens.iconButtonWidth}: 2rem; + ${calendarBaseTokens.iconButtonPadding}: 0.75rem; + ${calendarBaseTokens.iconButtonRadius}: 0.5rem; + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Calendar/CalendarDouble.config.ts b/packages/sdds-dfa/src/components/Calendar/CalendarDouble.config.ts new file mode 100644 index 0000000000..bd3cd59543 --- /dev/null +++ b/packages/sdds-dfa/src/components/Calendar/CalendarDouble.config.ts @@ -0,0 +1,286 @@ +import { css, calendarDoubleTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + }, + variations: { + view: { + default: css` + ${calendarDoubleTokens.calendarSeparatorBackground}: var(--surface-transparent-secondary); + ${calendarDoubleTokens.calendarBackgroundColor}: transparent; + ${calendarDoubleTokens.calendarSelectedItemBackground}: var(--surface-solid-default); + ${calendarDoubleTokens.calendarSelectedItemColor}: var(--inverse-text-primary); + ${calendarDoubleTokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary); + ${calendarDoubleTokens.calendarCurrentItemBorderColor}: var(--surface-solid-default); + ${calendarDoubleTokens.calendarCurrentItemBackgroundHover}: transparent; + ${calendarDoubleTokens.calendarCurrentItemColorHover}: var(--text-primary); + ${calendarDoubleTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary); + ${calendarDoubleTokens.calendarActiveItemBackground}: var(--surface-solid-default); + ${calendarDoubleTokens.calendarActiveItemColor}: var(--inverse-text-primary); + ${calendarDoubleTokens.calendarHoveredItemBackground}: var(--surface-accent); + ${calendarDoubleTokens.calendarHoveredItemColor}: var(--text-primary); + ${calendarDoubleTokens.calendarRangeBackground}: var(--surface-transparent-secondary); + ${calendarDoubleTokens.calendarOutlineFocusColor}: var(--surface-accent); + ${calendarDoubleTokens.calendarContentPrimaryColor}: var(--surface-solid-default); + ${calendarDoubleTokens.calendarContentSecondaryColor}: var(--text-secondary); + + ${calendarDoubleTokens.iconButtonColor}: var(--text-primary); + ${calendarDoubleTokens.iconButtonBackgroundColor}: var(--surface-clear); + ${calendarDoubleTokens.iconButtonColorHover}: var(--text-primary-hover); + ${calendarDoubleTokens.iconButtonBackgroundColorHover}: var(--surface-clear); + ${calendarDoubleTokens.iconButtonColorActive}: var(--text-primary-hover); + ${calendarDoubleTokens.iconButtonBackgroundColorActive}: var(--surface-clear); + ${calendarDoubleTokens.iconButtonFocusColor}: var(--surface-accent); + `, + }, + size: { + l: css` + ${calendarDoubleTokens.calendarWidth}: 51.063rem; + ${calendarDoubleTokens.calendarHeight}: 25rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.75rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 7.8125rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 5.25rem; + + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.75rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 7.8125rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 5.25rem; + + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.75rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 3.5rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 3rem; + + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family); + ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size); + ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style); + ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.5rem; + + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 3.5rem; + ${calendarDoubleTokens.iconButtonWidth}: 3.5rem; + ${calendarDoubleTokens.iconButtonPadding}: 1.5rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.875rem; + `, + m: css` + ${calendarDoubleTokens.calendarWidth}: 44.063rem; + ${calendarDoubleTokens.calendarHeight}: 21rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.625rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 6.688rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 4.375rem; + + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.625rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 6.688rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 4.375rem; + + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.625rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 3rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 2.5rem; + + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family); + ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size); + ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style); + ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.375rem; + + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 3rem; + ${calendarDoubleTokens.iconButtonWidth}: 3rem; + ${calendarDoubleTokens.iconButtonPadding}: 1.25rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.75rem; + `, + s: css` + ${calendarDoubleTokens.calendarWidth}: 37.063rem; + ${calendarDoubleTokens.calendarHeight}: 17rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 5.5rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 3.5rem; + + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family); + ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size); + ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style); + ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 5.5rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 3.5rem; + + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family); + ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size); + ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style); + ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.5rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 2.5rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 2rem; + + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family); + ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size); + ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style); + ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem; + + ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0; + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 2.5rem; + ${calendarDoubleTokens.iconButtonWidth}: 2.5rem; + ${calendarDoubleTokens.iconButtonPadding}: 1rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.625rem; + `, + xs: css` + ${calendarDoubleTokens.calendarWidth}: 37.063rem; + ${calendarDoubleTokens.calendarHeight}: 15.5rem; + + ${calendarDoubleTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.375rem; + ${calendarDoubleTokens.calendarYearItemWidth}: 5.625rem; + ${calendarDoubleTokens.calendarYearItemHeight}: 3.281rem; + + ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarDoubleTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem; + ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.375rem; + ${calendarDoubleTokens.calendarMonthItemWidth}: 5.625rem; + ${calendarDoubleTokens.calendarMonthItemHeight}: 3.281rem; + + ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarDoubleTokens.calendarDaysPadding}: 0.375rem 0 0 0; + ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.375rem; + ${calendarDoubleTokens.calendarDayItemWidth}: 2.5rem; + ${calendarDoubleTokens.calendarDayItemHeight}: 1.875rem; + + ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family); + ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size); + ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style); + ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${calendarDoubleTokens.calendarHeaderArrowGap}: 0; + + ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem; + + ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family); + ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size); + ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style); + ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing); + ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height); + ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight); + ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight); + + ${calendarDoubleTokens.iconButtonHeight}: 2rem; + ${calendarDoubleTokens.iconButtonWidth}: 2rem; + ${calendarDoubleTokens.iconButtonPadding}: 0.75rem; + ${calendarDoubleTokens.iconButtonRadius}: 0.5rem; + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Calendar/index.ts b/packages/sdds-dfa/src/components/Calendar/index.ts new file mode 100644 index 0000000000..cca78042c3 --- /dev/null +++ b/packages/sdds-dfa/src/components/Calendar/index.ts @@ -0,0 +1,2 @@ +export { Calendar, CalendarBase, CalendarBaseRange, CalendarDouble, CalendarDoubleRange } from './Calendar'; +export type { CalendarStateType } from './Calendar'; diff --git a/packages/sdds-dfa/src/components/Cell/Cell.config.ts b/packages/sdds-dfa/src/components/Cell/Cell.config.ts new file mode 100644 index 0000000000..8598427ac0 --- /dev/null +++ b/packages/sdds-dfa/src/components/Cell/Cell.config.ts @@ -0,0 +1,145 @@ +import { css, cellTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + variations: { + view: { + default: css` + ${cellTokens.cellColor}: var(--text-primary); + ${cellTokens.cellLabelColor}: var(--text-secondary); + ${cellTokens.cellTitleColor}: var(--text-primary); + ${cellTokens.cellSubtitleColor}: var(--text-secondary); + ${cellTokens.cellBackgroundColor}: transparent; + `, + }, + size: { + l: css` + ${cellTokens.cellWidth}: 15rem; + + ${cellTokens.cellPadding}: 0rem; + ${cellTokens.cellPaddingLeftContent}: 0rem; + ${cellTokens.cellPaddingContent}: 0rem; + ${cellTokens.cellPaddingRightContent}: 0rem; + + ${cellTokens.cellTextboxGap}: 0.125rem; + ${cellTokens.cellGap}: 0.375rem; + + ${cellTokens.cellLabelFontFamily}: var(--plasma-typo-body-m-font-family); + ${cellTokens.cellLabelFontSize}: var(--plasma-typo-body-m-font-size); + ${cellTokens.cellLabelFontStyle}: var(--plasma-typo-body-m-font-style); + ${cellTokens.cellLabelFontWeight}: var(--plasma-typo-body-m-font-weight); + ${cellTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${cellTokens.cellLabelLineHeight}: var(--plasma-typo-body-m-line-height); + + ${cellTokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family); + ${cellTokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size); + ${cellTokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style); + ${cellTokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight); + ${cellTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${cellTokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height); + + ${cellTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-m-font-family); + ${cellTokens.cellSubtitleFontSize}: var(--plasma-typo-body-m-font-size); + ${cellTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-m-font-style); + ${cellTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-m-font-weight); + ${cellTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${cellTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-m-line-height); + `, + m: css` + ${cellTokens.cellWidth}: 15rem; + + ${cellTokens.cellPadding}: 0rem; + ${cellTokens.cellPaddingLeftContent}: 0rem; + ${cellTokens.cellPaddingContent}: 0rem; + ${cellTokens.cellPaddingRightContent}: 0rem; + + ${cellTokens.cellTextboxGap}: 0.125rem; + ${cellTokens.cellGap}: 0.375rem; + + ${cellTokens.cellLabelFontFamily}: var(--plasma-typo-body-s-font-family); + ${cellTokens.cellLabelFontSize}: var(--plasma-typo-body-s-font-size); + ${cellTokens.cellLabelFontStyle}: var(--plasma-typo-body-s-font-style); + ${cellTokens.cellLabelFontWeight}: var(--plasma-typo-body-s-font-weight); + ${cellTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${cellTokens.cellLabelLineHeight}: var(--plasma-typo-body-s-line-height); + + ${cellTokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family); + ${cellTokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size); + ${cellTokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style); + ${cellTokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight); + ${cellTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${cellTokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height); + + ${cellTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-s-font-family); + ${cellTokens.cellSubtitleFontSize}: var(--plasma-typo-body-s-font-size); + ${cellTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-s-font-style); + ${cellTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-s-font-weight); + ${cellTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${cellTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-s-line-height); + `, + s: css` + ${cellTokens.cellWidth}: 15rem; + + ${cellTokens.cellPadding}: 0rem; + ${cellTokens.cellPaddingLeftContent}: 0rem; + ${cellTokens.cellPaddingContent}: 0rem; + ${cellTokens.cellPaddingRightContent}: 0rem; + + ${cellTokens.cellTextboxGap}: 0.125rem; + ${cellTokens.cellGap}: 0.375rem; + + ${cellTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family); + ${cellTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size); + ${cellTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style); + ${cellTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${cellTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${cellTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${cellTokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family); + ${cellTokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size); + ${cellTokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style); + ${cellTokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight); + ${cellTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${cellTokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height); + + ${cellTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family); + ${cellTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size); + ${cellTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style); + ${cellTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${cellTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${cellTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + xs: css` + ${cellTokens.cellWidth}: 15rem; + + ${cellTokens.cellPadding}: 0rem; + ${cellTokens.cellPaddingLeftContent}: 0rem; + ${cellTokens.cellPaddingContent}: 0rem; + ${cellTokens.cellPaddingRightContent}: 0rem; + + ${cellTokens.cellTextboxGap}: 0.125rem; + ${cellTokens.cellGap}: 0.25rem; + + ${cellTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family); + ${cellTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size); + ${cellTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style); + ${cellTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${cellTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${cellTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${cellTokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family); + ${cellTokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size); + ${cellTokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style); + ${cellTokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${cellTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${cellTokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${cellTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family); + ${cellTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size); + ${cellTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style); + ${cellTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${cellTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${cellTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Cell/Cell.stories.tsx b/packages/sdds-dfa/src/components/Cell/Cell.stories.tsx new file mode 100644 index 0000000000..30e06f322c --- /dev/null +++ b/packages/sdds-dfa/src/components/Cell/Cell.stories.tsx @@ -0,0 +1,125 @@ +import React from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import type { ComponentProps } from 'react'; +import { IconChevronRight } from '@salutejs/plasma-icons'; +import styled from 'styled-components'; + +import { Avatar } from '../Avatar'; + +import { Cell, CellTextbox, CellTextboxTitle } from '.'; + +type StoryProps = ComponentProps<typeof Cell> & { + itemsCount?: number; + disableLeftContent?: boolean; + disableRightContent?: boolean; +}; +type Story = StoryObj<StoryProps>; + +const sizes = ['l', 'm', 's', 'xs']; +const stretchingValues = ['fixed', 'filled', 'auto']; +const alignLeft = ['top', 'center', 'bottom']; +const alignRight = ['top', 'center', 'bottom']; + +type SizesCell = 'xs' | 'l' | 'm' | 's' | undefined; +type SizesAvatar = 'l' | 'm' | 's'; + +const getSize = (size: SizesCell): SizesAvatar => { + if (size === 'xs' || !size) { + return 's'; + } + + return size; +}; + +const ChevronRight = styled(IconChevronRight)` + color: var(--text-secondary); +`; + +const meta: Meta<typeof Cell> = { + title: 'Content/Cell', + argTypes: { + size: { + options: sizes, + control: { + type: 'select', + }, + }, + stretching: { + options: stretchingValues, + control: { + type: 'select', + }, + }, + alignContentLeft: { + options: alignLeft, + control: { + type: 'select', + }, + }, + alignContentRight: { + options: alignRight, + control: { + type: 'select', + }, + }, + }, +}; + +export default meta; + +export const Default: Story = { + args: { + size: 'm', + stretching: 'filled', + disableLeftContent: false, + disableRightContent: false, + alignContentLeft: 'center', + alignContentRight: 'center', + title: 'Title', + subtitle: 'Subtitle', + label: 'Label', + }, + render: ({ ...args }: StoryProps) => { + return ( + <Cell + contentLeft={ + !args.disableLeftContent && ( + <Avatar size={getSize(args.size)} url="https://avatars.githubusercontent.com/u/1813468?v=4" /> + ) + } + contentRight={!args.disableRightContent && <ChevronRight color="inherit" size="xs" />} + {...args} + /> + ); + }, +}; + +export const WithContentTextboxCustom: Story = { + args: { + size: 'm', + stretching: 'filled', + }, + render: ({ ...args }: StoryProps) => { + const MyStyledText = styled.div` + font-size: 12px; + font-weight: 600; + opacity: 0.5; + `; + return ( + <Cell + contentLeft={ + <Avatar size={getSize(args.size)} url="https://avatars.githubusercontent.com/u/1813468?v=4" /> + } + contentRight={<ChevronRight color="inheart" size="xs" />} + view="default" + size={args.size} + stretching={args.stretching} + > + <CellTextbox> + <CellTextboxTitle>Title</CellTextboxTitle> + <MyStyledText>My styled Text</MyStyledText> + </CellTextbox> + </Cell> + ); + }, +}; diff --git a/packages/sdds-dfa/src/components/Cell/Cell.ts b/packages/sdds-dfa/src/components/Cell/Cell.ts new file mode 100644 index 0000000000..6a29eea943 --- /dev/null +++ b/packages/sdds-dfa/src/components/Cell/Cell.ts @@ -0,0 +1,11 @@ +import { cellConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Cell.config'; + +const mergedConfig = mergeConfig(cellConfig, config); +const CellComponent = component(mergedConfig); + +/** + * Кнопка. + */ +export const Cell = CellComponent; diff --git a/packages/sdds-dfa/src/components/Cell/index.ts b/packages/sdds-dfa/src/components/Cell/index.ts new file mode 100644 index 0000000000..eed8af3061 --- /dev/null +++ b/packages/sdds-dfa/src/components/Cell/index.ts @@ -0,0 +1,9 @@ +export { + CellTextbox, + CellTextboxLabel, + CellTextboxTitle, + CellTextboxSubtitle, +} from '@salutejs/plasma-new-hope/styled-components'; +export { Cell } from './Cell'; + +export type { CellProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Checkbox/Checkbox.config.tsx b/packages/sdds-dfa/src/components/Checkbox/Checkbox.config.tsx new file mode 100644 index 0000000000..7bfc5f53a7 --- /dev/null +++ b/packages/sdds-dfa/src/components/Checkbox/Checkbox.config.tsx @@ -0,0 +1,115 @@ +import { css, checkboxTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'accent', + size: 'm', + focused: 'true', + }, + variations: { + size: { + s: css` + ${checkboxTokens.margin}: 0; + ${checkboxTokens.triggerMargin}: 0.063rem 0; + ${checkboxTokens.triggerSize}: 0.875rem; + ${checkboxTokens.triggerBorderRadius}: 0.25rem; + ${checkboxTokens.contentTopOffset}: 0; + ${checkboxTokens.contentLeftOffset}: 0.5rem; + ${checkboxTokens.descriptionMarginTop}: 0.125rem; + ${checkboxTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family); + ${checkboxTokens.labelFontSize}: var(--plasma-typo-body-s-font-size); + ${checkboxTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style); + ${checkboxTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight); + ${checkboxTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${checkboxTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height); + ${checkboxTokens.descriptionFontFamily}: var(--plasma-typo-body-xs-font-family); + ${checkboxTokens.descriptionFontSize}: var(--plasma-typo-body-xs-font-size); + ${checkboxTokens.descriptionFontStyle}: var(--plasma-typo-body-xs-font-style); + ${checkboxTokens.descriptionFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${checkboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${checkboxTokens.descriptionLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + m: css` + ${checkboxTokens.margin}: 0; + ${checkboxTokens.triggerMargin}: 0.125rem 0; + ${checkboxTokens.triggerSize}: 1.25rem; + ${checkboxTokens.triggerBorderRadius}: 0.375rem; + ${checkboxTokens.contentTopOffset}: 0.125rem; + ${checkboxTokens.contentLeftOffset}: 0.75rem; + ${checkboxTokens.descriptionMarginTop}: 0.125rem; + ${checkboxTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family); + ${checkboxTokens.labelFontSize}: var(--plasma-typo-body-m-font-size); + ${checkboxTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style); + ${checkboxTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight); + ${checkboxTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${checkboxTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height); + ${checkboxTokens.descriptionFontFamily}: var(--plasma-typo-body-s-font-family); + ${checkboxTokens.descriptionFontSize}: var(--plasma-typo-body-s-font-size); + ${checkboxTokens.descriptionFontStyle}: var(--plasma-typo-body-s-font-style); + ${checkboxTokens.descriptionFontWeight}: var(--plasma-typo-body-s-font-weight); + ${checkboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${checkboxTokens.descriptionLineHeight}: var(--plasma-typo-body-s-line-height); + `, + }, + view: { + default: css` + ${checkboxTokens.fillColor}: var(--text-primary); + ${checkboxTokens.iconColor}: var(--inverse-text-primary); + ${checkboxTokens.descriptionColor}: var(--text-secondary); + ${checkboxTokens.triggerBorderColor}: var(--text-secondary); + `, + secondary: css` + ${checkboxTokens.fillColor}: var(--text-secondary); + ${checkboxTokens.iconColor}: var(--inverse-text-primary); + ${checkboxTokens.descriptionColor}: var(--text-secondary); + ${checkboxTokens.triggerBorderColor}: var(--text-secondary); + `, + tertiary: css` + ${checkboxTokens.fillColor}: var(--text-tertiary); + ${checkboxTokens.iconColor}: var(--inverse-text-primary); + ${checkboxTokens.descriptionColor}: var(--text-secondary); + ${checkboxTokens.triggerBorderColor}: var(--text-secondary); + `, + paragraph: css` + ${checkboxTokens.fillColor}: var(--text-paragraph); + ${checkboxTokens.iconColor}: var(--inverse-text-primary); + ${checkboxTokens.descriptionColor}: var(--text-secondary); + ${checkboxTokens.triggerBorderColor}: var(--text-secondary); + `, + accent: css` + ${checkboxTokens.fillColor}: var(--text-accent); + ${checkboxTokens.iconColor}: var(--on-dark-text-primary); + ${checkboxTokens.descriptionColor}: var(--text-secondary); + ${checkboxTokens.triggerBorderColor}: var(--text-secondary); + `, + positive: css` + ${checkboxTokens.fillColor}: var(--text-positive); + ${checkboxTokens.iconColor}: var(--on-dark-text-primary); + ${checkboxTokens.descriptionColor}: var(--text-secondary); + ${checkboxTokens.triggerBorderColor}: var(--text-secondary); + `, + warning: css` + ${checkboxTokens.fillColor}: var(--text-warning); + ${checkboxTokens.iconColor}: var(--on-dark-text-primary); + ${checkboxTokens.descriptionColor}: var(--text-secondary); + ${checkboxTokens.triggerBorderColor}: var(--text-secondary); + `, + negative: css` + ${checkboxTokens.fillColor}: var(--text-negative); + ${checkboxTokens.iconColor}: var(--on-dark-text-primary); + ${checkboxTokens.descriptionColor}: var(--text-secondary); + ${checkboxTokens.triggerBorderColor}: var(--text-secondary); + `, + }, + disabled: { + true: css` + ${checkboxTokens.disabledOpacity}: 0.4; + `, + }, + focused: { + true: css` + ${checkboxTokens.focusColor}: var(--text-accent); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Checkbox/Checkbox.stories.tsx b/packages/sdds-dfa/src/components/Checkbox/Checkbox.stories.tsx new file mode 100644 index 0000000000..b31a25bec7 --- /dev/null +++ b/packages/sdds-dfa/src/components/Checkbox/Checkbox.stories.tsx @@ -0,0 +1,251 @@ +import React from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; +import { action } from '@storybook/addon-actions'; +import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils'; + +import { Link } from '../Link'; + +import { Checkbox } from '.'; +import type { CheckboxProps } from '.'; + +const onChange = action('onChange'); +const onFocus = action('onFocus'); +const onBlur = action('onBlur'); + +const meta: Meta<CheckboxProps> = { + title: 'Controls/Checkbox', + component: Checkbox, + decorators: [InSpacingDecorator], + argTypes: { + label: { + control: { + type: 'text', + }, + }, + description: { + control: { + type: 'text', + }, + }, + }, +}; + +export default meta; + +type Story = StoryObj<CheckboxProps>; + +const propsToDisable = [ + 'view', + 'name', + 'indeterminate', + 'id', + 'focused', + 'type', + 'value', + 'checked', + 'readOnly', + 'placeholder', + 'required', + 'minLength', + 'maxLength', + 'onChange', + 'onFocus', + 'onBlur', +]; + +const sizes = ['m', 's']; +const views = ['default', 'secondary', 'tertiary', 'paragraph', 'accent', 'positive', 'warning', 'negative']; + +const englishDescription = ( + <div> + The most spoken language in the <Link href="/#">world</Link> + </div> +); + +const chineseLabel = ( + <div> + Chinese is the hardest <Link href="/#">language</Link> + </div> +); + +const name = 'languages'; + +const items = [ + { + name, + value: 'natural', + label: 'Natural languages', + disabled: false, + description: 'Languages that people speak. They were not designed by people and they evolved naturally.', + }, + { name, value: 'russian', label: 'Russian', disabled: false, parent: 'natural' }, + { + name, + value: 'english', + label: 'English', + disabled: false, + parent: 'natural', + description: englishDescription, + }, + { name, value: 'french', label: 'French', disabled: false, parent: 'natural' }, + { name, value: 'klingon', label: 'Klingon', disabled: false, parent: 'natural' }, + { name, value: 'elvish', label: 'Elvish', disabled: true, parent: 'natural' }, + { name, value: 'dothraki', label: 'Dothraki', disabled: true, parent: 'natural' }, + { + name, + value: 'chinese', + label: chineseLabel, + parent: 'natural', + }, +]; + +const getChildren = (value: string) => items.filter((item) => item.parent === value); + +const getState = (values: Record<string, boolean | undefined>, value: string) => { + const allChildren = getChildren(value); + + if (!allChildren.length) { + return { checked: values[value], indeterminate: false }; + } + + const checkedChildren = allChildren.filter((child) => values[child.value]); + + if (checkedChildren.length === 0) { + return { checked: false, indeterminate: false }; + } + + if (allChildren.length !== checkedChildren.length) { + return { checked: false, indeterminate: true }; + } + + return { checked: true, indeterminate: false }; +}; + +const StoryDefault = (args: CheckboxProps) => { + const value = 0; + const [checked, setChecked] = React.useState(true); + + return ( + <> + <Checkbox + value={value} + checked={checked} + onChange={(event) => { + event.persist(); + + setChecked(event.target.checked); + onChange(event); + }} + onFocus={onFocus} + onBlur={onBlur} + {...args} + /> + </> + ); +}; + +export const Default: Story = { + args: { + name: 'checkbox', + label: 'Label', + description: 'Description', + disabled: false, + singleLine: false, + size: 'm', + view: 'accent', + focused: true, + }, + argTypes: { + ...disableProps(propsToDisable), + size: { + options: sizes, + control: { + type: 'inline-radio', + }, + }, + view: { + options: views, + control: { + type: 'select', + }, + }, + }, + render: (args) => <StoryDefault {...args} />, +}; + +const StoryLive = (args) => { + const [values, setValues] = React.useState({ + russian: true, + english: true, + french: true, + klingon: false, + elvish: true, + dothraki: false, + chinese: true, + }); + + return ( + <> + {items.map((item) => ( + <Checkbox + {...getState(values, item.value)} + style={{ marginLeft: item.parent ? 36 : null }} + key={item.value} + name={item.name} + value={item.value} + label={item.label} + disabled={item.disabled} + description={item.description} + onChange={(event) => { + event.persist(); + + const { checked } = event.target; + + if (item.parent) { + setValues({ ...values, [item.value]: checked }); + } else { + setValues({ + ...values, + ...getChildren(item.value).reduce( + (acc, child) => ({ ...acc, [child.value]: checked }), + {}, + ), + }); + } + + onChange(event); + }} + onFocus={onFocus} + onBlur={onBlur} + {...args} + /> + ))} + </> + ); +}; + +export const Live: Story = { + args: { + size: 'm', + view: 'accent', + singleLine: false, + focused: true, + disabled: false, + }, + argTypes: { + ...disableProps([...propsToDisable, 'label', 'description']), + size: { + options: sizes, + control: { + type: 'inline-radio', + }, + }, + view: { + options: views, + control: { + type: 'select', + }, + }, + }, + render: (args) => <StoryLive {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Checkbox/Checkbox.tsx b/packages/sdds-dfa/src/components/Checkbox/Checkbox.tsx new file mode 100644 index 0000000000..f13a638203 --- /dev/null +++ b/packages/sdds-dfa/src/components/Checkbox/Checkbox.tsx @@ -0,0 +1,14 @@ +import { checkboxConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; +import { ComponentProps } from 'react'; + +import { config } from './Checkbox.config'; + +const mergedConfig = mergeConfig(checkboxConfig, config); +const CheckboxComponent = component(mergedConfig); + +export type CheckboxProps = ComponentProps<typeof CheckboxComponent>; + +/** + * Флажок или чекбокс. Позволяет пользователю управлять параметром с двумя состояниями — ☑ включено и ☐ отключено. + */ +export const Checkbox = CheckboxComponent; diff --git a/packages/sdds-dfa/src/components/Checkbox/index.ts b/packages/sdds-dfa/src/components/Checkbox/index.ts new file mode 100644 index 0000000000..43aaf92503 --- /dev/null +++ b/packages/sdds-dfa/src/components/Checkbox/index.ts @@ -0,0 +1,2 @@ +export { Checkbox } from './Checkbox'; +export type { CheckboxProps } from './Checkbox'; diff --git a/packages/sdds-dfa/src/components/Chip/Chip.config.tsx b/packages/sdds-dfa/src/components/Chip/Chip.config.tsx new file mode 100644 index 0000000000..57d0b2b085 --- /dev/null +++ b/packages/sdds-dfa/src/components/Chip/Chip.config.tsx @@ -0,0 +1,164 @@ +import { css, chipTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + focused: 'true', + size: 'm', + }, + variations: { + view: { + default: css` + ${chipTokens.color}: var(--inverse-text-primary); + ${chipTokens.background}: var(--surface-solid-default); + ${chipTokens.colorHover}: var(--inverse-text-primary); + ${chipTokens.backgroundHover}: var(--surface-solid-default-hover); + ${chipTokens.colorActive}: var(--inverse-text-primary); + ${chipTokens.backgroundActive}: var(--surface-solid-default-active); + ${chipTokens.backgroundReadOnly}: var(--surface-solid-default); + ${chipTokens.colorReadOnly}: var(--inverse-text-primary); + ${chipTokens.backgroundReadOnlyHover}: var(--surface-solid-default); + ${chipTokens.colorReadOnlyHover}: var(--inverse-text-primary); + `, + secondary: css` + ${chipTokens.color}: var(--text-primary); + ${chipTokens.background}: var(--surface-transparent-secondary); + ${chipTokens.colorHover}: var(--text-primary); + ${chipTokens.backgroundHover}: var(--surface-transparent-secondary-hover); + ${chipTokens.colorActive}: var(--text-primary); + ${chipTokens.backgroundActive}: var(--surface-transparent-secondary-active); + ${chipTokens.backgroundReadOnly}: var(--surface-transparent-secondary); + ${chipTokens.colorReadOnly}: var(--text-primary); + ${chipTokens.backgroundReadOnlyHover}: var(--surface-transparent-secondary); + ${chipTokens.colorReadOnlyHover}: var(--text-primary); + `, + accent: css` + ${chipTokens.color}: var(--on-dark-text-primary); + ${chipTokens.background}: var(--surface-accent); + ${chipTokens.colorHover}: var(--on-dark-text-primary); + ${chipTokens.backgroundHover}: var(--surface-accent-hover); + ${chipTokens.colorActive}: var(--on-dark-text-primary); + ${chipTokens.backgroundActive}: var(--surface-accent-active); + ${chipTokens.backgroundReadOnly}: var(--surface-accent); + ${chipTokens.colorReadOnly}: var(--on-dark-text-primary); + ${chipTokens.backgroundReadOnlyHover}: var(--surface-accent); + ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary); + `, + }, + size: { + l: css` + ${chipTokens.borderRadius}: 0.75rem; + ${chipTokens.pilledBorderRadius}: 1.5rem; + ${chipTokens.width}: auto; + ${chipTokens.height}: 3rem; + ${chipTokens.paddingRight}: 1rem; + ${chipTokens.paddingLeft}: 1rem; + + ${chipTokens.fontFamily}: var(--plasma-typo-body-l-font-family); + ${chipTokens.fontSize}: var(--plasma-typo-body-l-font-size); + ${chipTokens.fontStyle}: var(--plasma-typo-body-l-font-style); + ${chipTokens.fontWeight}: var(--plasma-typo-body-l-font-weight); + ${chipTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${chipTokens.lineHeight}: var(--plasma-typo-body-l-line-height); + + ${chipTokens.leftContentMarginLeft}: -0.125rem; + ${chipTokens.leftContentMarginRight}: 0.5rem; + ${chipTokens.clearContentMarginLeft}: 0.625rem; + ${chipTokens.clearContentMarginRight}: -0.25rem; + + ${chipTokens.scaleHover}: 1.02; + ${chipTokens.scaleActive}: 0.98; + + ${chipTokens.closeIconSize}: 1.5rem; + `, + m: css` + ${chipTokens.borderRadius}: 0.625rem; + ${chipTokens.pilledBorderRadius}: 1.25rem; + ${chipTokens.width}: auto; + ${chipTokens.height}: 2.5rem; + ${chipTokens.paddingRight}: 0.875rem; + ${chipTokens.paddingLeft}: 0.875rem; + + ${chipTokens.fontFamily}: var(--plasma-typo-body-m-font-family); + ${chipTokens.fontSize}: var(--plasma-typo-body-m-font-size); + ${chipTokens.fontStyle}: var(--plasma-typo-body-m-font-style); + ${chipTokens.fontWeight}: var(--plasma-typo-body-m-font-weight); + ${chipTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${chipTokens.lineHeight}: var(--plasma-typo-body-m-line-height); + + ${chipTokens.leftContentMarginLeft}: -0.125rem; + ${chipTokens.leftContentMarginRight}: 0.375rem; + ${chipTokens.clearContentMarginLeft}: 0.5rem; + ${chipTokens.clearContentMarginRight}: -0.25rem; + + ${chipTokens.scaleHover}: 1.02; + ${chipTokens.scaleActive}: 0.98; + + ${chipTokens.closeIconSize}: 1.25rem; + `, + s: css` + ${chipTokens.borderRadius}: 0.5rem; + ${chipTokens.pilledBorderRadius}: 1rem; + ${chipTokens.width}: auto; + ${chipTokens.height}: 2rem; + ${chipTokens.paddingRight}: 0.875rem; + ${chipTokens.paddingLeft}: 0.875rem; + + ${chipTokens.fontFamily}: var(--plasma-typo-body-s-font-family); + ${chipTokens.fontSize}: var(--plasma-typo-body-s-font-size); + ${chipTokens.fontStyle}: var(--plasma-typo-body-s-font-style); + ${chipTokens.fontWeight}: var(--plasma-typo-body-s-font-weight); + ${chipTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${chipTokens.lineHeight}: var(--plasma-typo-body-s-line-height); + + ${chipTokens.leftContentMarginLeft}: -0.125rem; + ${chipTokens.leftContentMarginRight}: 0.25rem; + ${chipTokens.clearContentMarginLeft}: 0.375rem; + ${chipTokens.clearContentMarginRight}: -0.25rem; + + ${chipTokens.scaleHover}: 1.02; + ${chipTokens.scaleActive}: 0.98; + + ${chipTokens.closeIconSize}: 1rem; + `, + xs: css` + ${chipTokens.borderRadius}: 0.375rem; + ${chipTokens.pilledBorderRadius}: 0.75rem; + ${chipTokens.width}: auto; + ${chipTokens.height}: 1.5rem; + ${chipTokens.paddingRight}: 0.625rem; + ${chipTokens.paddingLeft}: 0.625rem; + + ${chipTokens.fontFamily}: var(--plasma-typo-body-xs-font-family); + ${chipTokens.fontSize}: var(--plasma-typo-body-xs-font-size); + ${chipTokens.fontStyle}: var(--plasma-typo-body-xs-font-style); + ${chipTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight); + ${chipTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${chipTokens.lineHeight}: var(--plasma-typo-body-xs-line-height); + + ${chipTokens.leftContentMarginLeft}: -0.125rem; + ${chipTokens.leftContentMarginRight}: 0.25rem; + ${chipTokens.clearContentMarginLeft}: 0.25rem; + ${chipTokens.clearContentMarginRight}: -0.25rem; + + ${chipTokens.scaleHover}: 1.02; + ${chipTokens.scaleActive}: 0.98; + + ${chipTokens.closeIconSize}: 1rem; + `, + }, + disabled: { + true: css` + ${chipTokens.disabledOpacity}: 0.4; + `, + }, + focused: { + true: css` + ${chipTokens.focusColor}: var(--plasma-colors-accent); + `, + }, + pilled: { + true: css``, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Chip/Chip.stories.tsx b/packages/sdds-dfa/src/components/Chip/Chip.stories.tsx new file mode 100644 index 0000000000..385902c3c1 --- /dev/null +++ b/packages/sdds-dfa/src/components/Chip/Chip.stories.tsx @@ -0,0 +1,86 @@ +import React from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; +import { action } from '@storybook/addon-actions'; +import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils'; + +import { Chip } from '.'; + +const views = ['default', 'secondary', 'positive', 'accent']; +const sizes = ['l', 'm', 's', 'xs']; + +const onClear = action('onClear'); + +const meta: Meta<typeof Chip> = { + title: 'Controls/Chip', + component: Chip, + decorators: [InSpacingDecorator], + argTypes: { + view: { + options: views, + control: { + type: 'select', + }, + }, + size: { + options: sizes, + control: { + type: 'select', + }, + }, + ...disableProps(['readOnly', 'onClear', 'contentLeft', 'contentRight', 'contentClearButton', 'text']), + }, +}; + +export default meta; + +type Story = StoryObj<typeof Chip>; + +const TrashIcon = (props) => ( + <svg width="100%" viewBox="0 0 24 24" fill="none" {...props}> + <path + fillRule="evenodd" + clipRule="evenodd" + d="M8 5.5A2.5 2.5 0 0110.5 3h3A2.5 2.5 0 0116 5.5V6h-2v-.5a.5.5 0 00-.5-.5h-3a.5.5 0 00-.5.5V6H8v-.5zM4 8a1 1 0 011-1h14a1 1 0 110 2h-1v9.5a2.5 2.5 0 01-2.5 2.5h-7A2.5 2.5 0 016 18.5V9H5a1 1 0 01-1-1z" + fill="currentColor" + /> + </svg> +); + +export const Default: Story = { + args: { + text: 'This is chip', + view: 'default', + size: 'm', + disabled: false, + focused: true, + onClear, + }, +}; + +export const WithIcon: Story = { + args: { ...Default.args }, + render: (args) => { + const iconSizeMapper = { + l: '1.5rem', + m: '1.25rem', + s: '1rem', + xs: '0.75rem', + }; + const iconSize = args.size || 'm'; + + return ( + <Chip + contentLeft={<TrashIcon width={iconSizeMapper[iconSize]} height={iconSizeMapper[iconSize]} />} + {...args} + /> + ); + }, +}; + +export const LongText: Story = { + args: { + ...Default.args, + text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.', + }, + render: (args) => <Chip style={{ width: '10rem' }} {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Chip/Chip.tsx b/packages/sdds-dfa/src/components/Chip/Chip.tsx new file mode 100644 index 0000000000..d51e60e955 --- /dev/null +++ b/packages/sdds-dfa/src/components/Chip/Chip.tsx @@ -0,0 +1,11 @@ +import { chipConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Chip.config'; + +const mergedConfig = mergeConfig(chipConfig, config); +const ChipComponent = component(mergedConfig); + +/** + * Компонент chip. + */ +export const Chip = ChipComponent; diff --git a/packages/sdds-dfa/src/components/Chip/index.ts b/packages/sdds-dfa/src/components/Chip/index.ts new file mode 100644 index 0000000000..7e428a1843 --- /dev/null +++ b/packages/sdds-dfa/src/components/Chip/index.ts @@ -0,0 +1,3 @@ +export { Chip } from './Chip'; + +export type { ChipProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Combobox/Combobox.config.ts b/packages/sdds-dfa/src/components/Combobox/Combobox.config.ts new file mode 100644 index 0000000000..3eac0dc10f --- /dev/null +++ b/packages/sdds-dfa/src/components/Combobox/Combobox.config.ts @@ -0,0 +1,324 @@ +import { css, comboboxTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + }, + variations: { + size: { + xs: css` + ${comboboxTokens.width}: 100%; + ${comboboxTokens.height}: auto; + ${comboboxTokens.borderRadius}: 0.5rem; + ${comboboxTokens.paddingTop}: 0.125rem; + ${comboboxTokens.paddingRight}: 0.125rem; + ${comboboxTokens.paddingBottom}: 0.125rem; + ${comboboxTokens.paddingLeft}: 0.125rem; + + ${comboboxTokens.dividerColor}: var(--surface-transparent-tertiary); + ${comboboxTokens.dividerHeight}: 0.063rem; + ${comboboxTokens.dividerMarginTop}: 0; + ${comboboxTokens.dividerMarginRight}: 0.5rem; + ${comboboxTokens.dividerMarginBottom}: 0; + ${comboboxTokens.dividerMarginLeft}: 0.375rem; + + ${comboboxTokens.itemWidth}: auto; + ${comboboxTokens.itemHeight}: 1rem; + ${comboboxTokens.itemPaddingTop}: 0.5rem; + ${comboboxTokens.itemPaddingRight}: 0.5rem; + ${comboboxTokens.itemPaddingBottom}: 0.5rem; + ${comboboxTokens.itemPaddingLeft}: 0.375rem; + ${comboboxTokens.itemBorderRadius}: 0.375rem; + ${comboboxTokens.itemContentLeftWidth}: 1.25rem; + ${comboboxTokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family); + ${comboboxTokens.itemFontSize}: var(--plasma-typo-body-xs-font-size); + ${comboboxTokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style); + ${comboboxTokens.itemFontWeightBold}: var(--plasma-typo-body-xs-font-weight); + ${comboboxTokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${comboboxTokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${comboboxTokens.chipGap}: 0.25rem; + ${comboboxTokens.chipBorderRadius}: 0.125rem; + ${comboboxTokens.chipWidth}: auto; + ${comboboxTokens.chipHeight}: 1.25rem; + ${comboboxTokens.chipPaddingRight}: 0.375rem; + ${comboboxTokens.chipPaddingLeft}: 0.625rem; + ${comboboxTokens.chipClearContentMarginLeft}: 0.25rem; + ${comboboxTokens.chipClearContentMarginRight}: 0rem; + ${comboboxTokens.chipCloseIconSize}: 0.75rem; + ${comboboxTokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family); + ${comboboxTokens.chipFontSize}: var(--plasma-typo-body-xs-font-size); + ${comboboxTokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style); + ${comboboxTokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${comboboxTokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${comboboxTokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${comboboxTokens.targetArrowRight}: 0.5rem; + ${comboboxTokens.targetHeight}: 2rem; + ${comboboxTokens.targetWidth}: 100%; + ${comboboxTokens.targetRadius}: 0.5rem; + ${comboboxTokens.targetPadding}: 0 2.5rem 0 0.75rem; + ${comboboxTokens.targetPaddingHasChips}: 0 2.625rem 0 0.375rem; + ${comboboxTokens.targetPaddingWithInput}: 0 2.625rem 0 0.625rem; + ${comboboxTokens.targetInnerTop}: 0.5rem; + ${comboboxTokens.targetLabelInnerTop}: 0.375rem; + ${comboboxTokens.targetFontFamily}: var(--plasma-typo-body-xs-font-family); + ${comboboxTokens.targetFontSize}: var(--plasma-typo-body-xs-font-size); + ${comboboxTokens.targetFontStyle}: var(--plasma-typo-body-xs-font-style); + ${comboboxTokens.targetFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${comboboxTokens.targetLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${comboboxTokens.targetLineHeight}: var(--plasma-typo-body-xs-line-height); + ${comboboxTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family); + ${comboboxTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size); + ${comboboxTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style); + ${comboboxTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${comboboxTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${comboboxTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + s: css` + ${comboboxTokens.width}: 100%; + ${comboboxTokens.height}: auto; + ${comboboxTokens.borderRadius}: 0.625rem; + ${comboboxTokens.paddingTop}: 0.125rem; + ${comboboxTokens.paddingRight}: 0.125rem; + ${comboboxTokens.paddingBottom}: 0.125rem; + ${comboboxTokens.paddingLeft}: 0.125rem; + + ${comboboxTokens.dividerColor}: var(--surface-transparent-tertiary); + ${comboboxTokens.dividerHeight}: 0.063rem; + ${comboboxTokens.dividerMarginTop}: 0; + ${comboboxTokens.dividerMarginRight}: 0.75rem; + ${comboboxTokens.dividerMarginBottom}: 0; + ${comboboxTokens.dividerMarginLeft}: 0.75rem; + + ${comboboxTokens.itemWidth}: auto; + ${comboboxTokens.itemHeight}: 1.5rem; + ${comboboxTokens.itemPaddingTop}: 0.5rem; + ${comboboxTokens.itemPaddingRight}: 0.75rem; + ${comboboxTokens.itemPaddingBottom}: 0.5rem; + ${comboboxTokens.itemPaddingLeft}: 0.75rem; + ${comboboxTokens.itemBorderRadius}: 0.5rem; + ${comboboxTokens.itemContentLeftWidth}: 1.75rem; + ${comboboxTokens.itemFontFamily}: var(--plasma-typo-body-s-font-family); + ${comboboxTokens.itemFontSize}: var(--plasma-typo-body-s-font-size); + ${comboboxTokens.itemFontStyle}: var(--plasma-typo-body-s-font-style); + ${comboboxTokens.itemFontWeightBold}: var(--plasma-typo-body-s-font-weight); + ${comboboxTokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${comboboxTokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height); + + ${comboboxTokens.chipGap}: 0.25rem; + ${comboboxTokens.chipBorderRadius}: 0.25rem; + ${comboboxTokens.chipWidth}: auto; + ${comboboxTokens.chipHeight}: 1.75rem; + ${comboboxTokens.chipPaddingRight}: 0.5rem; + ${comboboxTokens.chipPaddingLeft}: 0.75rem; + ${comboboxTokens.chipClearContentMarginLeft}: 0.375rem; + ${comboboxTokens.chipClearContentMarginRight}: 0rem; + ${comboboxTokens.chipCloseIconSize}: 0.75rem; + ${comboboxTokens.chipFontFamily}: var(--plasma-typo-body-s-font-family); + ${comboboxTokens.chipFontSize}: var(--plasma-typo-body-s-font-size); + ${comboboxTokens.chipFontStyle}: var(--plasma-typo-body-s-font-style); + ${comboboxTokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight); + ${comboboxTokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${comboboxTokens.chipLineHeight}: var(--plasma-typo-body-s-line-height); + + ${comboboxTokens.targetArrowRight}: 0.75rem; + ${comboboxTokens.targetHeight}: 2.5rem; + ${comboboxTokens.targetWidth}: 100%; + ${comboboxTokens.targetRadius}: 0.625rem; + ${comboboxTokens.targetPadding}: 0 3rem 0 1rem; + ${comboboxTokens.targetPaddingHasChips}: 0 3.125rem 0 0.375rem; + ${comboboxTokens.targetPaddingWithInput}: 0 3.125rem 0 0.625rem; + ${comboboxTokens.targetInnerTop}: 0.5rem; + ${comboboxTokens.targetLabelInnerTop}: 0.375rem; + ${comboboxTokens.targetFontFamily}: var(--plasma-typo-body-s-font-family); + ${comboboxTokens.targetFontSize}: var(--plasma-typo-body-s-font-size); + ${comboboxTokens.targetFontStyle}: var(--plasma-typo-body-s-font-style); + ${comboboxTokens.targetFontWeight}: var(--plasma-typo-body-s-font-weight); + ${comboboxTokens.targetLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${comboboxTokens.targetLineHeight}: var(--plasma-typo-body-s-line-height); + ${comboboxTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-xxs-font-family); + ${comboboxTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-xxs-font-size); + ${comboboxTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-xxs-font-style); + ${comboboxTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-xxs-font-weight); + ${comboboxTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing); + ${comboboxTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-xxs-line-height); + `, + m: css` + ${comboboxTokens.width}: 100%; + ${comboboxTokens.height}: auto; + ${comboboxTokens.borderRadius}: 0.75rem; + ${comboboxTokens.paddingTop}: 0.125rem; + ${comboboxTokens.paddingRight}: 0.125rem; + ${comboboxTokens.paddingBottom}: 0.125rem; + ${comboboxTokens.paddingLeft}: 0.125rem; + + ${comboboxTokens.dividerColor}: var(--surface-transparent-tertiary); + ${comboboxTokens.dividerHeight}: 0.063rem; + ${comboboxTokens.dividerMarginTop}: 0; + ${comboboxTokens.dividerMarginRight}: 0.875rem; + ${comboboxTokens.dividerMarginBottom}: 0; + ${comboboxTokens.dividerMarginLeft}: 0.875rem; + + ${comboboxTokens.itemWidth}: auto; + ${comboboxTokens.itemHeight}: 1.5rem; + ${comboboxTokens.itemPaddingTop}: 0.75rem; + ${comboboxTokens.itemPaddingRight}: 0.875rem; + ${comboboxTokens.itemPaddingBottom}: 0.75rem; + ${comboboxTokens.itemPaddingLeft}: 0.875rem; + ${comboboxTokens.itemBorderRadius}: 0.625rem; + ${comboboxTokens.itemContentLeftWidth}: 1.75rem; + ${comboboxTokens.itemFontFamily}: var(--plasma-typo-body-m-font-family); + ${comboboxTokens.itemFontSize}: var(--plasma-typo-body-m-font-size); + ${comboboxTokens.itemFontStyle}: var(--plasma-typo-body-m-font-style); + ${comboboxTokens.itemFontWeightBold}: var(--plasma-typo-body-m-font-weight); + ${comboboxTokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${comboboxTokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height); + + ${comboboxTokens.chipGap}: 0.25rem; + ${comboboxTokens.chipBorderRadius}: 0.375rem; + ${comboboxTokens.chipWidth}: auto; + ${comboboxTokens.chipHeight}: 2.25rem; + ${comboboxTokens.chipPaddingRight}: 0.875rem; + ${comboboxTokens.chipPaddingLeft}: 0.625rem; + ${comboboxTokens.chipClearContentMarginLeft}: 0.5rem; + ${comboboxTokens.chipClearContentMarginRight}: 0rem; + ${comboboxTokens.chipCloseIconSize}: 1rem; + ${comboboxTokens.chipFontFamily}: var(--plasma-typo-body-m-font-family); + ${comboboxTokens.chipFontSize}: var(--plasma-typo-body-m-font-size); + ${comboboxTokens.chipFontStyle}: var(--plasma-typo-body-m-font-style); + ${comboboxTokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight); + ${comboboxTokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${comboboxTokens.chipLineHeight}: var(--plasma-typo-body-m-line-height); + + ${comboboxTokens.targetArrowRight}: 0.875rem; + ${comboboxTokens.targetHeight}: 3rem; + ${comboboxTokens.targetWidth}: 100%; + ${comboboxTokens.targetRadius}: 0.75rem; + ${comboboxTokens.targetPadding}: 0 3.25rem 0 1.25rem; + ${comboboxTokens.targetPaddingHasChips}: 0 3.375rem 0 0.375rem; + ${comboboxTokens.targetPaddingWithInput}: 0 3.375rem 0 0.625rem; + ${comboboxTokens.targetInnerTop}: 0.5rem; + ${comboboxTokens.targetLabelInnerTop}: 0.375rem; + ${comboboxTokens.targetFontFamily}: var(--plasma-typo-body-m-font-family); + ${comboboxTokens.targetFontSize}: var(--plasma-typo-body-m-font-size); + ${comboboxTokens.targetFontStyle}: var(--plasma-typo-body-m-font-style); + ${comboboxTokens.targetFontWeight}: var(--plasma-typo-body-m-font-weight); + ${comboboxTokens.targetLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${comboboxTokens.targetLineHeight}: var(--plasma-typo-body-m-line-height); + ${comboboxTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family); + ${comboboxTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size); + ${comboboxTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style); + ${comboboxTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${comboboxTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${comboboxTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + l: css` + ${comboboxTokens.width}: 100%; + ${comboboxTokens.height}: auto; + ${comboboxTokens.borderRadius}: 0.875rem; + ${comboboxTokens.paddingTop}: 0.125rem; + ${comboboxTokens.paddingRight}: 0.125rem; + ${comboboxTokens.paddingBottom}: 0.125rem; + ${comboboxTokens.paddingLeft}: 0.125rem; + + ${comboboxTokens.dividerColor}: var(--surface-transparent-tertiary); + ${comboboxTokens.dividerHeight}: 0.063rem; + ${comboboxTokens.dividerMarginTop}: 0; + ${comboboxTokens.dividerMarginRight}: 1rem; + ${comboboxTokens.dividerMarginBottom}: 0; + ${comboboxTokens.dividerMarginLeft}: 1rem; + + ${comboboxTokens.itemWidth}: auto; + ${comboboxTokens.itemHeight}: 1.5rem; + ${comboboxTokens.itemPaddingTop}: 1rem; + ${comboboxTokens.itemPaddingRight}: 1rem; + ${comboboxTokens.itemPaddingBottom}: 1rem; + ${comboboxTokens.itemPaddingLeft}: 1rem; + ${comboboxTokens.itemBorderRadius}: 0.75rem; + ${comboboxTokens.itemContentLeftWidth}: 1.875rem; + ${comboboxTokens.itemFontFamily}: var(--plasma-typo-body-l-font-family); + ${comboboxTokens.itemFontSize}: var(--plasma-typo-body-l-font-size); + ${comboboxTokens.itemFontStyle}: var(--plasma-typo-body-l-font-style); + ${comboboxTokens.itemFontWeightBold}: var(--plasma-typo-body-l-font-weight); + ${comboboxTokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${comboboxTokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height); + + ${comboboxTokens.chipGap}: 0.25rem; + ${comboboxTokens.chipBorderRadius}: 0.5rem; + ${comboboxTokens.chipWidth}: auto; + ${comboboxTokens.chipHeight}: 2.75rem; + ${comboboxTokens.chipPaddingRight}: 0.75rem; + ${comboboxTokens.chipPaddingLeft}: 1rem; + ${comboboxTokens.chipClearContentMarginLeft}: 0.625rem; + ${comboboxTokens.chipClearContentMarginRight}: 0rem; + ${comboboxTokens.chipCloseIconSize}: 1rem; + ${comboboxTokens.chipFontFamily}: var(--plasma-typo-body-m-font-family); + ${comboboxTokens.chipFontSize}: var(--plasma-typo-body-m-font-size); + ${comboboxTokens.chipFontStyle}: var(--plasma-typo-body-m-font-style); + ${comboboxTokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight); + ${comboboxTokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${comboboxTokens.chipLineHeight}: var(--plasma-typo-body-m-line-height); + + ${comboboxTokens.targetArrowRight}: 1rem; + ${comboboxTokens.targetHeight}: 3.5rem; + ${comboboxTokens.targetWidth}: 100%; + ${comboboxTokens.targetRadius}: 0.875rem; + ${comboboxTokens.targetPadding}: 0 3.5rem 0 1.5rem; + ${comboboxTokens.targetPaddingHasChips}: 0 3.625rem 0 0.375rem; + ${comboboxTokens.targetPaddingWithInput}: 0 3.625rem 0 0.625rem; + ${comboboxTokens.targetInnerTop}: 0.5rem; + ${comboboxTokens.targetLabelInnerTop}: 0.375rem; + ${comboboxTokens.targetFontFamily}: var(--plasma-typo-body-l-font-family); + ${comboboxTokens.targetFontSize}: var(--plasma-typo-body-l-font-size); + ${comboboxTokens.targetFontStyle}: var(--plasma-typo-body-l-font-style); + ${comboboxTokens.targetFontWeight}: var(--plasma-typo-body-l-font-weight); + ${comboboxTokens.targetLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${comboboxTokens.targetLineHeight}: var(--plasma-typo-body-l-line-height); + ${comboboxTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-s-font-family); + ${comboboxTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-s-font-size); + ${comboboxTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-s-font-style); + ${comboboxTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-s-font-weight); + ${comboboxTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${comboboxTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-s-line-height); + `, + }, + view: { + default: css` + ${comboboxTokens.targetColor}: var(--text-primary); + ${comboboxTokens.targetLabelColor}: var(--text-secondary); + ${comboboxTokens.targetArrowColor}: var(--text-secondary); + ${comboboxTokens.targetBackgroundColor}: var(--surface-transparent-primary); + ${comboboxTokens.targetBackgroundColorHover}: var(--surface-transparent-primary-hover); + ${comboboxTokens.targetBackgroundColorActive}: var(--surface-transparent-primary-active); + ${comboboxTokens.targetBackgroundColorOpen}: var(--surface-transparent-secondary); + + ${comboboxTokens.background}: var(--surface-solid-card); + ${comboboxTokens.boxShadow}: var(--shadow-down-soft-s); + + ${comboboxTokens.itemBackground}: var(--plasma-colors-transparent); + ${comboboxTokens.itemBackgroundHover}: var(--surface-transparent-secondary); + ${comboboxTokens.itemBackgroundSelectedHover}: var(--surface-transparent-secondary); + ${comboboxTokens.itemColor}: var(--text-primary); + ${comboboxTokens.itemContentLeftColor}: var(--text-accent); + + ${comboboxTokens.chipCloseIconColor}: var(--text-secondary); + ${comboboxTokens.chipColor}: var(--text-primary); + ${comboboxTokens.chipBackground}: var(--surface-transparent-secondary); + ${comboboxTokens.chipColorHover}: var(--text-primary); + ${comboboxTokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover); + ${comboboxTokens.chipColorActive}: var(--text-primary); + ${comboboxTokens.chipBackgroundActive}: var(--surface-transparent-secondary-active); + ${comboboxTokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary); + ${comboboxTokens.chipColorReadOnly}: var(--text-primary); + ${comboboxTokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary); + ${comboboxTokens.chipColorReadOnlyHover}: var(--text-primary); + ${comboboxTokens.chipOpacityReadonly}: 0.72; + + ${comboboxTokens.disabledOpacity}: 0.4; + ${comboboxTokens.focusColor}: var(--surface-accent); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Combobox/Combobox.stories.tsx b/packages/sdds-dfa/src/components/Combobox/Combobox.stories.tsx new file mode 100644 index 0000000000..760422c11c --- /dev/null +++ b/packages/sdds-dfa/src/components/Combobox/Combobox.stories.tsx @@ -0,0 +1,264 @@ +import React, { useState } from 'react'; +import type { ComponentProps } from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; +import { action } from '@storybook/addon-actions'; +import { InSpacingDecorator } from '@salutejs/plasma-sb-utils'; +import { IconDone } from '@salutejs/plasma-icons'; + +import { Checkbox } from '../Checkbox/Checkbox'; + +import { Combobox, ComboboxDivider, ComboboxItem } from './Combobox'; + +const placements: Array<string> = ['top', 'bottom', 'right', 'left', 'auto']; +const enumerations: Array<string> = ['comma', 'chip']; +const sizes: Array<string> = ['xs', 's', 'm', 'l']; +const views: Array<string> = ['default']; + +type StorySelectPropsCustom = { + skidding?: number; + distance?: number; +}; + +type ComboboxPrimitiveValue = string | number | boolean; + +type StorySelectProps = ComponentProps<typeof Combobox> & StorySelectPropsCustom; + +const meta: Meta<StorySelectProps> = { + title: 'Controls/Combobox', + decorators: [InSpacingDecorator], + component: Combobox, + argTypes: { + placement: { + options: placements, + control: { + type: 'select', + }, + }, + enumerationType: { + options: enumerations, + control: { + type: 'select', + }, + }, + size: { + options: sizes, + control: { + type: 'select', + }, + }, + view: { + options: views, + control: { + type: 'select', + }, + }, + }, + args: { + usePortal: false, + disabled: false, + readOnly: false, + label: 'Label', + placeholder: 'Placeholder', + enumerationType: 'comma', + size: 'm', + view: 'default', + placement: 'bottom', + }, +}; + +export default meta; + +const onChangeAction = action('onChange'); + +const iconDoneToSelectSizeMap: Record<string, 'xs' | 's'> = { + xs: 'xs', + s: 's', + m: 's', + l: 's', +}; + +const checkboxToSelectSizeMap: Record<string, 's' | 'm'> = { + xs: 's', + s: 'm', + m: 'm', + l: 'm', +}; + +const getSelectItems = (slug: string, elemCount: number) => + [...Array(elemCount).keys()].map((num) => ({ + value: `${slug}_${num}`, + child: `${slug} ${num}`, + })); + +const StorySingle = (args: StorySelectProps) => { + const { usePortal, placement, label, placeholder, readOnly, disabled, size = 'm', view } = args; + + const [value, setValue] = useState<ComboboxPrimitiveValue | undefined>('item_0'); + + const onChangeValue = (newValue?: ComboboxPrimitiveValue) => { + setValue(newValue); + onChangeAction(newValue); + }; + + return ( + <div style={{ width: '50%' }}> + <Combobox + frame="theme-root" + usePortal={usePortal} + valueType="single" + value={value} + placement={placement} + label={label} + placeholder={placeholder} + size={size} + view={view} + disabled={disabled} + readOnly={readOnly} + onChangeValue={onChangeValue} + > + <ComboboxItem value={undefined} text="Clear" /> + {getSelectItems('item', 6).map((item) => ( + <ComboboxItem + key={item.value} + contentLeft={ + item.value === value ? ( + <IconDone size={iconDoneToSelectSizeMap[size]} color="inherit" /> + ) : undefined + } + value={item.value} + text={item.child} + /> + ))} + </Combobox> + </div> + ); +}; + +export const Single: StoryObj<StorySelectProps> = { + render: (args) => <StorySingle {...args} />, +}; + +const StoryMultiple = (args: StorySelectProps) => { + const { usePortal, placement, label, placeholder, readOnly, disabled, enumerationType, size = 'm', view } = args; + + const [value, setValue] = useState<Array<ComboboxPrimitiveValue> | undefined>(['item_2', 'item_3']); + + const onChangeValue = (newValue?: Array<ComboboxPrimitiveValue>) => { + setValue(newValue); + onChangeAction(newValue); + }; + + return ( + <div style={{ width: '50%' }}> + <Combobox + frame="theme-root" + usePortal={usePortal} + valueType="multiple" + enumerationType={enumerationType} + value={value} + placement={placement} + label={label} + placeholder={placeholder} + size={size} + view={view} + disabled={disabled} + readOnly={readOnly} + onChangeValue={onChangeValue} + > + <ComboboxItem value={undefined} text="Clear" /> + {getSelectItems('item', 6).map((item) => ( + <ComboboxItem + key={item.value} + contentLeft={<Checkbox size={checkboxToSelectSizeMap[size]} />} + value={item.value} + text={item.child} + /> + ))} + </Combobox> + </div> + ); +}; + +export const Multiple: StoryObj<StorySelectProps> = { + render: (args) => <StoryMultiple {...args} />, +}; + +const StoryAddCustomItem = (args: StorySelectProps) => { + const { usePortal, placement, label, placeholder, readOnly, disabled, size = 'm', view } = args; + + const [opened, setOpened] = useState(false); + const [items, setItems] = useState(getSelectItems('item', 1)); + const [value, setValue] = useState<ComboboxPrimitiveValue | undefined>('item_0'); + + const onChangeValue = (newValue?: ComboboxPrimitiveValue) => { + setValue(newValue); + onChangeAction(newValue); + }; + + const onToggle = (openValue: boolean) => setOpened(openValue); + + const onKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => { + const { code } = event; + + if (code === 'Enter') { + const newValue = (event.target as HTMLInputElement).value; + const newItems = [...items]; + + if (newItems.find((item) => item.child === newValue)) { + return; + } + + newItems.push({ + value: `${newValue}_`, + child: (newValue || '').toString(), + }); + + setOpened(false); + setItems(newItems); + } + }; + + const filterFunction = () => true; + + return ( + <div style={{ width: '50%' }}> + <Combobox + frame="theme-root" + usePortal={usePortal} + valueType="single" + value={value} + placement={placement} + label={label} + placeholder={placeholder} + size={size} + view={view} + disabled={disabled} + readOnly={readOnly} + opened={opened} + onToggle={onToggle} + onChangeValue={onChangeValue} + onKeyDown={onKeyDown} + filterFunction={filterFunction} + > + <ComboboxItem value={undefined} text="Clear" /> + <ComboboxDivider /> + {items.map((item) => ( + <ComboboxItem + key={item.value} + contentLeft={ + item.value === value ? ( + <IconDone size={iconDoneToSelectSizeMap[size]} color="inherit" /> + ) : undefined + } + value={item.value} + text={item.child} + /> + ))} + </Combobox> + </div> + ); +}; + +export const AddCustomItem: StoryObj<StorySelectProps> = { + render: (args) => <StoryAddCustomItem {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Combobox/Combobox.ts b/packages/sdds-dfa/src/components/Combobox/Combobox.ts new file mode 100644 index 0000000000..2334f1489b --- /dev/null +++ b/packages/sdds-dfa/src/components/Combobox/Combobox.ts @@ -0,0 +1,35 @@ +import { + comboboxConfig, + comboboxItemConfig, + comboboxDividerConfig, + comboboxFooterConfig, + comboboxGroupConfig, + comboboxHeaderConfig, + component, + mergeConfig, +} from '@salutejs/plasma-new-hope/styled-components'; +import type { ForwardRefExoticComponent, RefAttributes } from 'react'; + +import { config } from './Combobox.config'; + +import type { ComboboxProps } from '.'; + +const mergedConfig = mergeConfig(comboboxConfig, config); +export const Combobox = component(mergedConfig) as ForwardRefExoticComponent< + ComboboxProps & RefAttributes<HTMLDivElement> +>; + +const mergedItemConfig = mergeConfig(comboboxItemConfig); +export const ComboboxItem = component(mergedItemConfig); + +const mergedDividerConfig = mergeConfig(comboboxDividerConfig); +export const ComboboxDivider = component(mergedDividerConfig); + +const mergedFooterConfig = mergeConfig(comboboxFooterConfig); +export const ComboboxFooter = component(mergedFooterConfig); + +const mergedGroupConfig = mergeConfig(comboboxGroupConfig); +export const ComboboxGroup = component(mergedGroupConfig); + +const mergedHeaderConfig = mergeConfig(comboboxHeaderConfig); +export const ComboboxHeader = component(mergedHeaderConfig); diff --git a/packages/sdds-dfa/src/components/Combobox/index.ts b/packages/sdds-dfa/src/components/Combobox/index.ts new file mode 100644 index 0000000000..cda769085d --- /dev/null +++ b/packages/sdds-dfa/src/components/Combobox/index.ts @@ -0,0 +1,3 @@ +export { Combobox, ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './Combobox'; + +export type { ComboboxProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Counter/Counter.config.ts b/packages/sdds-dfa/src/components/Counter/Counter.config.ts new file mode 100644 index 0000000000..9765239be9 --- /dev/null +++ b/packages/sdds-dfa/src/components/Counter/Counter.config.ts @@ -0,0 +1,66 @@ +import { css, counterTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'xs', + }, + variations: { + view: { + default: css` + ${counterTokens.color}: var(--inverse-text-primary); + ${counterTokens.background}: var(--surface-solid-default); + `, + accent: css` + ${counterTokens.color}: var(--on-dark-text-primary); + ${counterTokens.background}: var(--surface-accent); + `, + positive: css` + ${counterTokens.color}: var(--on-dark-text-primary); + ${counterTokens.background}: var(--surface-positive); + `, + warning: css` + ${counterTokens.color}: var(--on-dark-text-primary); + ${counterTokens.background}: var(--surface-warning); + `, + negative: css` + ${counterTokens.color}: var(--on-dark-text-primary); + ${counterTokens.background}: var(--surface-negative); + `, + dark: css` + ${counterTokens.color}: var(--on-dark-text-primary); + ${counterTokens.background}: var(--on-light-surface-solid-default); + `, + light: css` + ${counterTokens.color}: var(--on-light-text-primary); + ${counterTokens.background}: var(--on-dark-surface-solid-default); + `, + }, + size: { + xs: css` + ${counterTokens.borderRadius}: 0.5rem; + ${counterTokens.height}: 1rem; + ${counterTokens.paddingRight}: 0.25rem; + ${counterTokens.paddingLeft}: 0.25rem; + ${counterTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family); + ${counterTokens.fontSize}: var(--plasma-typo-body-xxs-font-size); + ${counterTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style); + ${counterTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight); + ${counterTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing); + ${counterTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height); + `, + xxs: css` + ${counterTokens.borderRadius}: 0.5rem; + ${counterTokens.height}: 0.75rem; + ${counterTokens.paddingRight}: 0.25rem; + ${counterTokens.paddingLeft}: 0.25rem; + ${counterTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family); + ${counterTokens.fontSize}: var(--plasma-typo-body-xxs-font-size); + ${counterTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style); + ${counterTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight); + ${counterTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing); + ${counterTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Counter/Counter.stories.tsx b/packages/sdds-dfa/src/components/Counter/Counter.stories.tsx new file mode 100644 index 0000000000..c17849b4d6 --- /dev/null +++ b/packages/sdds-dfa/src/components/Counter/Counter.stories.tsx @@ -0,0 +1,39 @@ +import React from 'react'; +import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils'; +import type { StoryObj, Meta } from '@storybook/react'; + +import { Counter } from './Counter'; + +const meta: Meta<typeof Counter> = { + title: 'Content/Counter', + component: Counter, + decorators: [InSpacingDecorator], + argTypes: { + size: { + options: ['xs', 'xxs'], + control: { + type: 'select', + }, + }, + view: { + options: ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'], + control: { + type: 'select', + }, + }, + ...disableProps(['contentLeft', 'contentRight']), + }, +}; + +export default meta; + +type Story = StoryObj<typeof Counter>; + +export const Default: Story = { + args: { + count: 25, + maxCount: 100, + view: 'default', + size: 'xs', + }, +}; diff --git a/packages/sdds-dfa/src/components/Counter/Counter.tsx b/packages/sdds-dfa/src/components/Counter/Counter.tsx new file mode 100644 index 0000000000..20465cc23e --- /dev/null +++ b/packages/sdds-dfa/src/components/Counter/Counter.tsx @@ -0,0 +1,10 @@ +import { counterConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Counter.config'; + +const mergedConfig = mergeConfig(counterConfig, config); + +/** + * Компонент Counter. + */ +export const Counter = component(mergedConfig); diff --git a/packages/sdds-dfa/src/components/Counter/index.ts b/packages/sdds-dfa/src/components/Counter/index.ts new file mode 100644 index 0000000000..67564f8ebb --- /dev/null +++ b/packages/sdds-dfa/src/components/Counter/index.ts @@ -0,0 +1,3 @@ +export { Counter } from './Counter'; +export { counterTokens } from '@salutejs/plasma-new-hope/styled-components'; +export type { CounterProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/DatePicker/DatePicker.config.ts b/packages/sdds-dfa/src/components/DatePicker/DatePicker.config.ts new file mode 100644 index 0000000000..eb38c9637a --- /dev/null +++ b/packages/sdds-dfa/src/components/DatePicker/DatePicker.config.ts @@ -0,0 +1,515 @@ +import { datePickerTokens as tokens, css } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + }, + variations: { + view: { + default: css` + ${tokens.background}: var(--surface-transparent-primary); + ${tokens.backgroundError}: var(--surface-transparent-negative); + ${tokens.backgroundSuccess}: var(--surface-transparent-positive); + + ${tokens.dividerColor}: var(--text-primary); + ${tokens.labelColor}: var(--text-primary); + ${tokens.leftHelperColor}: var(--text-secondary); + + ${tokens.textFieldColor}: var(--text-primary); + ${tokens.textFieldPlaceholderColor}: var(--text-secondary); + ${tokens.textFieldCaretColor}: var(--text-accent); + + ${tokens.textFieldBackgroundColor}: var(--surface-transparent-secondary); + ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary); + ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative); + ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active); + ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive); + ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active); + + ${tokens.textFieldTextBeforeColor}: var(--text-tertiary); + ${tokens.textFieldTextAfterColor}: var(--text-tertiary); + + ${tokens.focusColor}: var(--text-accent); + + ${tokens.calendarShadow}: var(--shadow-down-soft-s); + ${tokens.calendarSeparatorBackground}: var(--surface-transparent-secondary); + ${tokens.calendarBackgroundColor}: var(--surface-solid-card); + ${tokens.calendarSelectedItemBackground}: var(--surface-solid-default); + ${tokens.calendarSelectedItemColor}: var(--inverse-text-primary); + ${tokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary); + ${tokens.calendarCurrentItemBorderColor}: var(--surface-solid-default); + ${tokens.calendarCurrentItemBackgroundHover}: transparent; + ${tokens.calendarCurrentItemColorHover}: var(--text-primary); + ${tokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary); + ${tokens.calendarActiveItemBackground}: var(--surface-solid-default); + ${tokens.calendarActiveItemColor}: var(--inverse-text-primary); + ${tokens.calendarHoveredItemBackground}: var(--surface-accent); + ${tokens.calendarHoveredItemColor}: var(--text-primary); + ${tokens.calendarRangeBackground}: var(--surface-transparent-secondary); + ${tokens.calendarOutlineFocusColor}: var(--surface-accent); + ${tokens.calendarContentPrimaryColor}: var(--surface-solid-default); + ${tokens.calendarContentSecondaryColor}: var(--text-secondary); + + ${tokens.iconButtonColor}: var(--text-primary); + ${tokens.iconButtonBackgroundColor}: var(--surface-clear); + ${tokens.iconButtonColorHover}: var(--text-primary-hover); + ${tokens.iconButtonBackgroundColorHover}: var(--surface-clear); + ${tokens.iconButtonColorActive}: var(--text-primary-hover); + ${tokens.iconButtonBackgroundColorActive}: var(--surface-clear); + ${tokens.iconButtonFocusColor}: var(--surface-accent); + `, + }, + size: { + l: css` + ${tokens.width}: 26.5rem; + ${tokens.borderRadius}: 0.875rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.leftContentMargin}: 0 0 0 1rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.75rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.textFieldHeight}: 3.5rem; + ${tokens.textFieldBorderRadius}: 0.875rem; + ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarBorderRadius}: 0.875rem; + ${tokens.calendarWidth}: 26.5rem; + + ${tokens.calendarYearsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarYearItemBorderRadius}: 0.75rem; + ${tokens.calendarYearItemWidth}: 7.8125rem; + ${tokens.calendarYearItemHeight}: 5.25rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarMonthItemBorderRadius}: 0.75rem; + ${tokens.calendarMonthItemWidth}: 7.8125rem; + ${tokens.calendarMonthItemHeight}: 5.25rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarDayItemBorderRadius}: 0.75rem; + ${tokens.calendarDayItemWidth}: 3.5rem; + ${tokens.calendarDayItemHeight}: 3rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.875rem 1rem 0 1rem; + ${tokens.calendarHeaderArrowGap}: 0.5rem; + + ${tokens.calendarHeaderPadding}: 0 0 0 1rem; + ${tokens.calendarHeaderDateGap}: 0.5rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h3-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h3-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h3-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h3-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h3-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h3-bold-font-weight); + + ${tokens.iconButtonHeight}: 3.5rem; + ${tokens.iconButtonWidth}: 3.5rem; + ${tokens.iconButtonPadding}: 1.5rem; + ${tokens.iconButtonRadius}: 0.875rem; + `, + m: css` + ${tokens.width}: 23rem; + ${tokens.borderRadius}: 0.75rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.leftContentMargin}: 0 0 0 0.875rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.625rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.textFieldHeight}: 3rem; + ${tokens.textFieldBorderRadius}: 0.75rem; + ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarWidth}: 23rem; + ${tokens.calendarBorderRadius}: 0.875rem; + + ${tokens.calendarYearsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarYearItemBorderRadius}: 0.625rem; + ${tokens.calendarYearItemWidth}: 6.688rem; + ${tokens.calendarYearItemHeight}: 4.375rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarMonthItemBorderRadius}: 0.625rem; + ${tokens.calendarMonthItemWidth}: 6.688rem; + ${tokens.calendarMonthItemHeight}: 4.375rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarDayItemBorderRadius}: 0.625rem; + ${tokens.calendarDayItemWidth}: 3rem; + ${tokens.calendarDayItemHeight}: 2.5rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.75rem 1rem 0 1rem; + ${tokens.calendarHeaderArrowGap}: 0.5rem; + + ${tokens.calendarHeaderPadding}: 0 0 0 0.875rem; + ${tokens.calendarHeaderDateGap}: 0.375rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${tokens.iconButtonHeight}: 3rem; + ${tokens.iconButtonWidth}: 3rem; + ${tokens.iconButtonPadding}: 1.25rem; + ${tokens.iconButtonRadius}: 0.75rem; + `, + s: css` + ${tokens.width}: 19.5rem; + ${tokens.borderRadius}: 0.625rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.leftContentMargin}: 0 0 0 0.75rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.5rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.textFieldHeight}: 2.5rem; + ${tokens.textFieldBorderRadius}: 0.625rem; + ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarWidth}: 19.5rem; + ${tokens.calendarBorderRadius}: 0.875rem; + + ${tokens.calendarYearsPadding}: 0.5rem 1rem 0.875rem 1rem; + ${tokens.calendarYearItemBorderRadius}: 0.5rem; + ${tokens.calendarYearItemWidth}: 5.5rem; + ${tokens.calendarYearItemHeight}: 3.5rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 1rem 0.875rem 1rem; + ${tokens.calendarMonthItemBorderRadius}: 0.5rem; + ${tokens.calendarMonthItemWidth}: 5.5rem; + ${tokens.calendarMonthItemHeight}: 3.5rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.5rem 1rem 0.875rem 1rem; + ${tokens.calendarDayItemBorderRadius}: 0.5rem; + ${tokens.calendarDayItemWidth}: 2.5rem; + ${tokens.calendarDayItemHeight}: 2rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.75rem 1rem 0 1rem; + ${tokens.calendarHeaderArrowGap}: 0.5rem; + + ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${tokens.calendarHeaderDateGap}: 0.25rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${tokens.iconButtonHeight}: 2rem; + ${tokens.iconButtonWidth}: 2rem; + ${tokens.iconButtonPadding}: 0.75rem; + ${tokens.iconButtonRadius}: 0.5rem; + `, + xs: css` + ${tokens.width}: 19rem; + ${tokens.borderRadius}: 0.5rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.leftContentMargin}: 0 0 0 0.5rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.375rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldHeight}: 2rem; + ${tokens.textFieldBorderRadius}: 0.5rem; + ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarWidth}: 19rem; + ${tokens.calendarBorderRadius}: 0.5rem; + + ${tokens.calendarYearsPadding}: 0.5rem 0.75rem 0.625rem 0.75rem; + ${tokens.calendarYearItemBorderRadius}: 0.375rem; + ${tokens.calendarYearItemWidth}: 5.625rem; + ${tokens.calendarYearItemHeight}: 3.281rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 0.75rem 0.625rem 0.75rem; + ${tokens.calendarMonthItemBorderRadius}: 0.375rem; + ${tokens.calendarMonthItemWidth}: 5.625rem; + ${tokens.calendarMonthItemHeight}: 3.281rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.375rem 0.75rem 0.625rem 0.75rem; + ${tokens.calendarDayItemBorderRadius}: 0.375rem; + ${tokens.calendarDayItemWidth}: 2.5rem; + ${tokens.calendarDayItemHeight}: 2rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.5rem 0.75rem 0 0.75rem; + ${tokens.calendarHeaderArrowGap}: 0; + + ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${tokens.calendarHeaderDateGap}: 0.25rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight); + + ${tokens.iconButtonHeight}: 2rem; + ${tokens.iconButtonWidth}: 2rem; + ${tokens.iconButtonPadding}: 0.75rem; + ${tokens.iconButtonRadius}: 0.5rem; + `, + }, + disabled: { + true: css` + ${tokens.disabledOpacity}: 0.4; + `, + }, + readOnly: { + true: css` + ${tokens.backgroundReadOnly}: var(--surface-transparent-primary); + ${tokens.labelColorReadOnly}: var(--text-secondary); + ${tokens.leftHelperColorReadOnly}: var(--text-secondary); + ${tokens.dividerColorReadOnly}: var(--text-secondary); + + ${tokens.textFieldColorReadOnly}: var(--text-secondary); + ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary); + ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/DatePicker/DatePicker.stories.tsx b/packages/sdds-dfa/src/components/DatePicker/DatePicker.stories.tsx new file mode 100644 index 0000000000..a4246bab5c --- /dev/null +++ b/packages/sdds-dfa/src/components/DatePicker/DatePicker.stories.tsx @@ -0,0 +1,255 @@ +import React, { ComponentProps, useRef, useState } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { action } from '@storybook/addon-actions'; +import { IconPlaceholder, InSpacingDecorator } from '@salutejs/plasma-sb-utils'; + +import { IconButton } from '../IconButton/IconButton'; + +import { DatePicker, DatePickerRange } from './DatePicker'; + +const onChangeValue = action('onChangeValue'); +const onBlur = action('onBlur'); +const onFocus = action('onFocus'); + +const onChangeFirstValue = action('onChangeFirstValue'); +const onChangeSecondValue = action('onChangeSecondValue'); + +const sizes = ['l', 'm', 's', 'xs']; +const views = ['default']; +const dividers = ['none', 'dash', 'icon']; + +const meta: Meta = { + title: 'Controls/DatePicker', + decorators: [InSpacingDecorator], + argTypes: { + view: { + options: views, + control: { + type: 'inline-radio', + }, + }, + size: { + options: sizes, + control: { + type: 'inline-radio', + }, + }, + min: { + control: { + type: 'date', + }, + }, + max: { + control: { + type: 'date', + }, + }, + }, +}; + +export default meta; + +type StoryPropsDefault = ComponentProps<typeof DatePicker> & { + enableContentLeft: boolean; + enableContentRight: boolean; +}; + +const StoryDefault = ({ + enableContentLeft, + enableContentRight, + valueError, + valueSuccess, + size, + ...rest +}: StoryPropsDefault) => { + const [isOpen, setIsOpen] = useState(false); + + const iconSize = size === 'xs' ? 'xs' : 's'; + + return ( + <DatePicker + isOpen={isOpen} + size={size} + valueError={valueError} + valueSuccess={valueSuccess} + contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined} + contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined} + onBlur={onBlur} + onFocus={onFocus} + onToggle={(is) => setIsOpen(is)} + onChangeValue={(e, currentValue) => { + onChangeValue(e, currentValue); + }} + onCommitDate={() => setIsOpen(false)} + {...rest} + /> + ); +}; + +export const Default: StoryObj<StoryPropsDefault> = { + argTypes: { + defaultDate: { + control: { + type: 'date', + }, + }, + }, + args: { + label: 'Лейбл', + leftHelper: 'Подсказка к полю', + placeholder: '30.05.2024', + size: 'l', + view: 'default', + defaultDate: new Date(2024, 5, 14), + min: new Date(2024, 1, 1), + max: new Date(2024, 12, 29), + maskWithFormat: false, + disabled: false, + readOnly: false, + textBefore: '', + enableContentLeft: true, + enableContentRight: true, + valueError: false, + valueSuccess: false, + }, + render: (args) => <StoryDefault {...args} />, +}; + +type StoryPropsRange = ComponentProps<typeof DatePickerRange> & { + enableContentLeft: boolean; + enableContentRight: boolean; + enableFirstTextfieldContentLeft: boolean; + enableSecondTextfieldContentLeft: boolean; + enableFirstTextfieldContentRight: boolean; + enableSecondTextfieldContentRight: boolean; +}; + +const ActionButton = ({ size }) => { + const iconSize = size === 'xs' ? 'xs' : 's'; + return ( + <IconButton view="clear" size={size}> + <IconPlaceholder size={iconSize} /> + </IconButton> + ); +}; + +const StoryRange = ({ + dividerVariant, + enableContentLeft, + enableContentRight, + firstTextfieldTextBefore, + secondTextfieldTextBefore, + enableFirstTextfieldContentLeft, + enableSecondTextfieldContentLeft, + enableFirstTextfieldContentRight, + enableSecondTextfieldContentRight, + firstValueError, + firstValueSuccess, + secondValueError, + secondValueSuccess, + size, + ...rest +}: StoryPropsRange) => { + const rangeRef = useRef(null); + + const [isOpen, setIsOpen] = useState(false); + const [firstDate, setFirstDate] = useState<string | Date>(''); + + const iconSize = size === 'xs' ? 'xs' : 's'; + const showDividerIcon = dividerVariant === 'icon'; + const showDefaultTextBefore = dividerVariant === 'none'; + + const dividerIconProps = { + dividerIcon: showDividerIcon ? <IconPlaceholder size={iconSize} /> : null, + dividerVariant, + }; + + return ( + <DatePickerRange + size={size} + ref={rangeRef} + isOpen={isOpen} + firstValueError={firstValueError} + firstValueSuccess={firstValueSuccess} + secondValueError={secondValueError} + secondValueSuccess={secondValueSuccess} + contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined} + contentRight={enableContentRight ? <ActionButton size={size} /> : undefined} + firstTextfieldContentLeft={ + enableFirstTextfieldContentLeft ? <IconPlaceholder size={iconSize} /> : undefined + } + firstTextfieldContentRight={ + enableFirstTextfieldContentRight ? <IconPlaceholder size={iconSize} /> : undefined + } + secondTextfieldContentLeft={ + enableSecondTextfieldContentLeft ? <IconPlaceholder size={iconSize} /> : undefined + } + secondTextfieldContentRight={ + enableSecondTextfieldContentRight ? <IconPlaceholder size={iconSize} /> : undefined + } + firstTextfieldTextBefore={ + showDefaultTextBefore ? firstTextfieldTextBefore || 'С' : firstTextfieldTextBefore + } + secondTextfieldTextBefore={ + showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore + } + onToggle={(is) => setIsOpen(is)} + onChangeFirstValue={(e, currentValue) => { + onChangeFirstValue(e, currentValue); + }} + onChangeSecondValue={(e, currentValue) => { + onChangeSecondValue(e, currentValue); + }} + onCommitFirstDate={(currentValue) => { + setFirstDate(currentValue); + }} + onCommitSecondDate={(currentValue) => { + firstDate && currentValue && setIsOpen(false); + }} + {...dividerIconProps} + {...rest} + /> + ); +}; + +export const Range: StoryObj<StoryPropsRange> = { + argTypes: { + dividerVariant: { + options: dividers, + control: { + type: 'inline-radio', + }, + }, + }, + args: { + label: 'Лейбл', + leftHelper: 'Подсказка к полю', + firstPlaceholder: '30.05.2024', + secondPlaceholder: '04.06.2024', + firstTextfieldTextBefore: '', + secondTextfieldTextBefore: '', + firstTextfieldTextAfter: '', + secondTextfieldTextAfter: '', + size: 'l', + view: 'default', + isDoubleCalendar: false, + dividerVariant: 'dash', + min: new Date(2024, 1, 1), + max: new Date(2024, 12, 29), + maskWithFormat: false, + disabled: false, + readOnly: false, + enableContentLeft: true, + enableContentRight: true, + enableFirstTextfieldContentLeft: false, + enableFirstTextfieldContentRight: false, + enableSecondTextfieldContentLeft: false, + enableSecondTextfieldContentRight: false, + + firstValueError: false, + firstValueSuccess: false, + secondValueError: false, + secondValueSuccess: false, + }, + render: (args) => <StoryRange {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/DatePicker/DatePicker.ts b/packages/sdds-dfa/src/components/DatePicker/DatePicker.ts new file mode 100644 index 0000000000..2c664ca314 --- /dev/null +++ b/packages/sdds-dfa/src/components/DatePicker/DatePicker.ts @@ -0,0 +1,14 @@ +import { + datePickerConfig, + datePickerRangeConfig, + component, + mergeConfig, +} from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './DatePicker.config'; + +const mergedConfig = mergeConfig(datePickerConfig, config); +export const DatePicker = component(mergedConfig); + +const mergedRangeConfig = mergeConfig(datePickerRangeConfig, config); +export const DatePickerRange = component(mergedRangeConfig); diff --git a/packages/sdds-dfa/src/components/DatePicker/index.ts b/packages/sdds-dfa/src/components/DatePicker/index.ts new file mode 100644 index 0000000000..0675665ef9 --- /dev/null +++ b/packages/sdds-dfa/src/components/DatePicker/index.ts @@ -0,0 +1,10 @@ +export type { + DatePickerProps, + DatePickerPlacementBasic, + DatePickerPlacement, + DatePickerRangeProps, + DatePickerRangePlacement, +} from '@salutejs/plasma-new-hope/styled-components'; + +export { DatePicker, DatePickerRange } from './DatePicker'; +export { datePickerClasses, datePickerTokens } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Divider/Divider.config.ts b/packages/sdds-dfa/src/components/Divider/Divider.config.ts new file mode 100644 index 0000000000..df0449d5c0 --- /dev/null +++ b/packages/sdds-dfa/src/components/Divider/Divider.config.ts @@ -0,0 +1,39 @@ +import { css, dividerTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + orientation: 'horizontal', + }, + variations: { + view: { + default: css` + ${dividerTokens.background}: var(--surface-transparent-tertiary); + `, + dark: css` + ${dividerTokens.background}: var(--on-dark-surface-transparent-tertiary); + `, + light: css` + ${dividerTokens.background}: var(--on-light-surface-transparent-tertiary); + `, + // TODO поменять на корректный токен --inverse-surface-transparent-tertiary когда он появится + inverse: css` + ${dividerTokens.background}: var(--inverse-text-tertiary); + `, + }, + size: { + m: css` + ${dividerTokens.borderRadius}: 0.0625rem; + `, + }, + orientation: { + horizontal: css` + ${dividerTokens.baseSideSize}: 0.0625rem; + `, + vertical: css` + ${dividerTokens.baseSideSize}: 0.0625rem; + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Divider/Divider.stories.tsx b/packages/sdds-dfa/src/components/Divider/Divider.stories.tsx new file mode 100644 index 0000000000..cf45f3537c --- /dev/null +++ b/packages/sdds-dfa/src/components/Divider/Divider.stories.tsx @@ -0,0 +1,58 @@ +import React from 'react'; +import type { ComponentProps } from 'react'; +import styled from 'styled-components'; +import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils'; +import type { StoryObj, Meta } from '@storybook/react'; + +import { BodyS } from '../Typography'; + +import { Divider } from './Divider'; + +const meta: Meta<typeof Divider> = { + title: 'Content/Divider', + decorators: [InSpacingDecorator], + argTypes: { + orientation: { + options: ['horizontal', 'vertical'], + control: { + type: 'select', + }, + table: { defaultValue: { summary: 'horizontal' } }, + }, + view: { + options: ['default', 'dark', 'light', 'inverse'], + control: { + type: 'select', + }, + table: { defaultValue: { summary: 'default' } }, + }, + ...disableProps(['size']), + }, +}; + +export default meta; + +const StyledWrapper = styled.div<{ orientation?: string }>` + display: inline-flex; + gap: 0.5rem; + padding: 1rem; + background: #aab1e9; + align-items: center; + justify-content: center; + flex-direction: ${(props) => (props.orientation === 'horizontal' ? 'column' : 'row')}; +`; + +export const Default: StoryObj<ComponentProps<typeof Divider>> = { + args: { + view: 'default', + orientation: 'horizontal', + length: '100%', + }, + render: (args) => ( + <StyledWrapper orientation={args.orientation}> + <BodyS>Before</BodyS> + <Divider {...args} /> + <BodyS>After</BodyS> + </StyledWrapper> + ), +}; diff --git a/packages/sdds-dfa/src/components/Divider/Divider.ts b/packages/sdds-dfa/src/components/Divider/Divider.ts new file mode 100644 index 0000000000..793e857dc9 --- /dev/null +++ b/packages/sdds-dfa/src/components/Divider/Divider.ts @@ -0,0 +1,10 @@ +import { dividerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Divider.config'; + +const mergedConfig = mergeConfig(dividerConfig, config); + +/** + * Компонент Divider. + */ +export const Divider = component(mergedConfig); diff --git a/packages/sdds-dfa/src/components/Divider/index.ts b/packages/sdds-dfa/src/components/Divider/index.ts new file mode 100644 index 0000000000..5a5ce5ff97 --- /dev/null +++ b/packages/sdds-dfa/src/components/Divider/index.ts @@ -0,0 +1,4 @@ +export { Divider } from './Divider'; +export { dividerTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export type { DividerProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Drawer/Drawer.config.ts b/packages/sdds-dfa/src/components/Drawer/Drawer.config.ts new file mode 100644 index 0000000000..b0b00b1504 --- /dev/null +++ b/packages/sdds-dfa/src/components/Drawer/Drawer.config.ts @@ -0,0 +1,32 @@ +import { css, drawerTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + }, + variations: { + view: { + default: css` + ${drawerTokens.background}: var(--surface-solid-card); + ${drawerTokens.shadow}: 0 3.75rem 7rem -0.5rem rgba(0, 0, 0, 0.08); + ${drawerTokens.contentBackgroundColor}: var(--surface-transparent-primary); + ${drawerTokens.drawerOverlayWithBlurColor}: var(--overlay-blur); + ${drawerTokens.drawerOverlayColor}: var(--overlay-soft); + `, + }, + size: { + m: css` + ${drawerTokens.padding}: 1.5rem; + `, + }, + borderRadius: { + none: css` + ${drawerTokens.borderRadius}: 0; + `, + default: css` + ${drawerTokens.borderRadius}: 1.25rem; + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Drawer/Drawer.stories.tsx b/packages/sdds-dfa/src/components/Drawer/Drawer.stories.tsx new file mode 100644 index 0000000000..a65591370d --- /dev/null +++ b/packages/sdds-dfa/src/components/Drawer/Drawer.stories.tsx @@ -0,0 +1,196 @@ +import React, { useState } from 'react'; +import styled from 'styled-components'; +import type { ComponentProps } from 'react'; +import { IconPlaceholder, InSpacingDecorator } from '@salutejs/plasma-sb-utils'; +import type { StoryObj, Meta } from '@storybook/react'; + +import { Button } from '../Button'; +import { SSRProvider } from '../SSRProvider'; +import { H2, H3 } from '../Typography'; +import { PopupProvider } from '../Popup'; + +import type { ClosePlacementType } from '.'; +import { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from '.'; + +export default { + title: 'Controls/Drawer', + decorators: [InSpacingDecorator], + argTypes: { + placement: { + options: ['top', 'bottom', 'right', 'left'], + control: { + type: 'select', + }, + table: { defaultValue: { summary: 'center' } }, + }, + offsetX: { + control: { + type: 'number', + }, + table: { defaultValue: { summary: 0 } }, + }, + offsetY: { + control: { + type: 'number', + }, + table: { defaultValue: { summary: 0 } }, + }, + closeOnEsc: { + control: { + type: 'boolean', + }, + table: { defaultValue: { summary: true } }, + }, + closeOnOverlayClick: { + control: { + type: 'boolean', + }, + table: { defaultValue: { summary: true } }, + }, + withBlur: { + control: { + type: 'boolean', + }, + table: { defaultValue: { summary: false } }, + }, + showHeader: { + control: { + type: 'boolean', + }, + table: { defaultValue: { summary: true } }, + }, + showFooter: { + control: { + type: 'boolean', + }, + table: { defaultValue: { summary: true } }, + }, + showActions: { + control: { + type: 'boolean', + }, + table: { defaultValue: { summary: true } }, + }, + closePlacement: { + options: ['right', 'left'], + control: { + type: 'select', + }, + table: { defaultValue: { summary: 'right' } }, + }, + borderRadius: { + options: ['none', 'default'], + control: { + type: 'select', + }, + }, + }, +} as Meta; + +type StoryDrawerProps = ComponentProps<typeof Drawer> & { + placement: string; + offsetX: number; + offsetY: number; + closeOnEsc: boolean; + closeOnOverlayClick: boolean; + showHeader: boolean; + showFooter: boolean; + showActions: boolean; + closePlacement: string; + hasClose: boolean; + asModal: boolean; +}; + +const StyledWrapper = styled.div` + height: 100vh; + width: 100%; + display: flex; + flex-direction: column; +`; + +const StyledContentWrapper = styled.div` + height: 80%; + display: flex; + flex-grow: 1; +`; + +const StyledContent = styled.div` + background: #a8a875; + flex-grow: 1; + height: 100%; +`; + +const StyledSection = styled.div` + background: #808080; + min-height: 20%; +`; + +const StyledIconButton = styled(Button)` + position: relative; + width: 1.5rem; + height: 1.5rem; +`; + +const StoryDrawerDemo = ({ showHeader, showFooter, showActions, closePlacement, ...rest }: StoryDrawerProps) => { + const [isOpen, setIsOpen] = useState(false); + + return ( + <SSRProvider> + <PopupProvider> + <StyledWrapper> + <StyledSection> + <Button text="Открыть панель" onClick={() => setIsOpen(true)} /> + </StyledSection> + <StyledContentWrapper> + <Drawer isOpen={isOpen} onClose={() => setIsOpen(false)} {...rest}> + <DrawerHeader + closePlacement={closePlacement as ClosePlacementType} + actions={ + showActions && ( + <StyledIconButton size="s" view="clear"> + <IconPlaceholder size="s" /> + </StyledIconButton> + ) + } + onClose={() => setIsOpen(false)} + > + {showHeader && <H3>Header</H3>} + </DrawerHeader> + <DrawerContent>Content</DrawerContent> + {showFooter && ( + <DrawerFooter> + <H3>Footer</H3> + </DrawerFooter> + )} + </Drawer> + <StyledContent> + <H2 style={{ margin: '2rem' }}>Some basic content</H2> + </StyledContent> + </StyledContentWrapper> + <StyledSection /> + </StyledWrapper> + </PopupProvider> + </SSRProvider> + ); +}; + +export const DrawerDemo: StoryObj<StoryDrawerProps> = { + args: { + placement: 'right', + withBlur: false, + closeOnEsc: true, + closeOnOverlayClick: true, + offsetX: 0, + offsetY: 0, + showHeader: true, + showFooter: true, + showActions: true, + hasClose: true, + asModal: true, + closePlacement: 'right', + width: '25vw', + height: '100dvh', + borderRadius: 'none', + }, + render: (args) => <StoryDrawerDemo {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Drawer/Drawer.ts b/packages/sdds-dfa/src/components/Drawer/Drawer.ts new file mode 100644 index 0000000000..c86e1f45e5 --- /dev/null +++ b/packages/sdds-dfa/src/components/Drawer/Drawer.ts @@ -0,0 +1,35 @@ +import { + drawerConfig, + drawerContentConfig, + drawerFooterConfig, + drawerHeaderConfig, + component, + mergeConfig, +} from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Drawer.config'; + +const mergedConfig = mergeConfig(drawerConfig, config); +const mergedContentConfig = mergeConfig(drawerContentConfig); +const mergedHeaderConfig = mergeConfig(drawerHeaderConfig); +const mergedFooterConfig = mergeConfig(drawerFooterConfig); + +/** + * Компонент Drawer. + */ +export const Drawer = component(mergedConfig); + +/** + * Компонент части контента Drawer. + */ +export const DrawerContent = component(mergedContentConfig); + +/** + * Компонент верхней части Drawer. + */ +export const DrawerHeader = component(mergedHeaderConfig); + +/** + * Компонент нижней контента Drawer. + */ +export const DrawerFooter = component(mergedFooterConfig); diff --git a/packages/sdds-dfa/src/components/Drawer/index.ts b/packages/sdds-dfa/src/components/Drawer/index.ts new file mode 100644 index 0000000000..6070852add --- /dev/null +++ b/packages/sdds-dfa/src/components/Drawer/index.ts @@ -0,0 +1,8 @@ +export { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from './Drawer'; +export type { + DrawerProps, + DrawerContentProps, + DrawerHeaderProps, + DrawerFooterProps, + ClosePlacementType, +} from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Dropdown/Dropdown.config.ts b/packages/sdds-dfa/src/components/Dropdown/Dropdown.config.ts new file mode 100644 index 0000000000..ae9e0f998a --- /dev/null +++ b/packages/sdds-dfa/src/components/Dropdown/Dropdown.config.ts @@ -0,0 +1,104 @@ +import { css, dropdownTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + }, + variations: { + size: { + xs: css` + ${dropdownTokens.padding}: 0.125rem; + ${dropdownTokens.width}: 10rem; + ${dropdownTokens.borderRadius}: 0.5rem; + + ${dropdownTokens.itemPaddingTop}: 0.5625rem; + ${dropdownTokens.itemPaddingRight}: 0.5rem; + ${dropdownTokens.itemPaddingBottom}: 0.5625rem; + ${dropdownTokens.itemPaddingLeft}: 0.5rem; + ${dropdownTokens.itemBorderRadius}: 0.375rem; + ${dropdownTokens.itemPaddingTopTight}: 0.3125rem; + ${dropdownTokens.itemPaddingBottomTight}: 0.3125rem; + + ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family); + ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-xs-font-size); + ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style); + ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-xs-font-weight); + ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + s: css` + ${dropdownTokens.padding}: 0.125rem; + ${dropdownTokens.width}: 12.5rem; + ${dropdownTokens.borderRadius}: 0.625rem; + + ${dropdownTokens.itemPaddingTop}: 0.6875rem; + ${dropdownTokens.itemPaddingRight}: 0.75rem; + ${dropdownTokens.itemPaddingBottom}: 0.6875rem; + ${dropdownTokens.itemPaddingLeft}: 0.75rem; + ${dropdownTokens.itemBorderRadius}: 0.5rem; + ${dropdownTokens.itemPaddingTopTight}: 0.4375rem; + ${dropdownTokens.itemPaddingBottomTight}: 0.4375rem; + + ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-s-font-family); + ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-s-font-size); + ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-s-font-style); + ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-s-font-weight); + ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height); + `, + m: css` + ${dropdownTokens.padding}: 0.125rem; + ${dropdownTokens.width}: 15rem; + ${dropdownTokens.borderRadius}: 0.75rem; + + ${dropdownTokens.itemPaddingTop}: 0.875rem; + ${dropdownTokens.itemPaddingRight}: 0.875rem; + ${dropdownTokens.itemPaddingBottom}: 0.875rem; + ${dropdownTokens.itemPaddingLeft}: 0.875rem; + ${dropdownTokens.itemBorderRadius}: 0.625rem; + ${dropdownTokens.itemPaddingTopTight}: 0.625rem; + ${dropdownTokens.itemPaddingBottomTight}: 0.625rem; + + ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-m-font-family); + ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-m-font-size); + ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-m-font-style); + ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-m-font-weight); + ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height); + `, + l: css` + ${dropdownTokens.padding}: 0.125rem; + ${dropdownTokens.width}: 17.5rem; + ${dropdownTokens.borderRadius}: 0.875rem; + + ${dropdownTokens.itemPaddingTop}: 1.0625rem; + ${dropdownTokens.itemPaddingRight}: 1rem; + ${dropdownTokens.itemPaddingBottom}: 1.0625rem; + ${dropdownTokens.itemPaddingLeft}: 1rem; + ${dropdownTokens.itemBorderRadius}: 0.75rem; + ${dropdownTokens.itemPaddingTopTight}: 0.8125rem; + ${dropdownTokens.itemPaddingBottomTight}: 0.8125rem; + + ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-l-font-family); + ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-l-font-size); + ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-l-font-style); + ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-l-font-weight); + ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height); + `, + }, + view: { + default: css` + ${dropdownTokens.disabledOpacity}: 0.4; + ${dropdownTokens.focusColor}: var(--surface-accent); + ${dropdownTokens.background}: var(--surface-solid-card); + ${dropdownTokens.boxShadow}: var(--shadow-down-soft-s); + ${dropdownTokens.disclosureIconColor}: var(--text-secondary); + ${dropdownTokens.itemBackground}: var(--plasma-colors-transparent); + ${dropdownTokens.itemBackgroundHover}: var(--surface-transparent-secondary); + ${dropdownTokens.itemColor}: var(--text-primary); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Dropdown/Dropdown.stories.tsx b/packages/sdds-dfa/src/components/Dropdown/Dropdown.stories.tsx new file mode 100644 index 0000000000..d07c95bfd1 --- /dev/null +++ b/packages/sdds-dfa/src/components/Dropdown/Dropdown.stories.tsx @@ -0,0 +1,251 @@ +import React from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; +import { InSpacingDecorator } from '@salutejs/plasma-sb-utils'; + +import { Button } from '../Button'; + +import type { DropdownProps } from '.'; +import { Dropdown } from '.'; + +const meta: Meta<DropdownProps> = { + title: 'Controls/Dropdown', + component: Dropdown, + decorators: [InSpacingDecorator], + args: { + placement: 'bottom', + trigger: 'click', + closeOnSelect: true, + closeOnOverlayClick: true, + onItemSelect: (item, event) => console.log('onItemSelect', item, event), + onToggle: (a, b) => console.log('onToggle', a, b), + variant: 'tight', + }, +}; + +export default meta; + +const items = [ + { + value: 'north_america', + label: 'Северная Америка', + }, + { + value: 'south_america', + label: 'Южная Америка', + items: [ + { + value: 'brazil', + label: 'Бразилия', + items: [ + { + value: 'rio_de_janeiro', + label: 'Рио-де-Жанейро', + }, + { + value: 'sao_paulo', + label: 'Сан-Паулу', + }, + ], + }, + { + value: 'argentina', + label: 'Аргентина', + items: [ + { + value: 'buenos_aires', + label: 'Буэнос-Айрес', + }, + { + value: 'cordoba', + label: 'Кордова', + }, + ], + }, + { + value: 'colombia', + label: 'Колумбия', + items: [ + { + value: 'bogota', + label: 'Богота', + }, + { + value: 'medellin', + label: 'Медельин', + }, + ], + }, + ], + }, + { + value: 'europe', + label: 'Европа', + items: [ + { + value: 'france', + label: 'Франция', + items: [ + { + value: 'paris', + label: 'Париж', + }, + { + value: 'lyon', + label: 'Лион', + }, + ], + }, + { + value: 'germany', + label: 'Германия', + items: [ + { + value: 'berlin', + label: 'Берлин', + }, + { + value: 'munich', + label: 'Мюнхен', + }, + ], + }, + { + value: 'italy', + label: 'Италия', + items: [ + { + value: 'rome', + label: 'Рим', + }, + { + value: 'milan', + label: 'Милан', + }, + ], + }, + { + value: 'spain', + label: 'Испания', + items: [ + { + value: 'madrid', + label: 'Мадрид', + }, + { + value: 'barcelona', + label: 'Барселона', + }, + ], + }, + { + value: 'united_kingdom', + label: 'Великобритания', + items: [ + { + value: 'london', + label: 'Лондон', + }, + { + value: 'manchester', + label: 'Манчестер', + }, + ], + }, + ], + }, + { + value: 'asia', + label: 'Азия', + items: [ + { + value: 'china', + label: 'Китай', + items: [ + { + value: 'beijing', + label: 'Пекин', + }, + { + value: 'shanghai', + label: 'Шанхай', + }, + ], + }, + { + value: 'japan', + label: 'Япония', + items: [ + { + value: 'tokyo', + label: 'Токио', + }, + { + value: 'osaka', + label: 'Осака', + }, + ], + }, + { + value: 'india', + label: 'Индия', + items: [ + { + value: 'delhi', + label: 'Дели', + }, + { + value: 'mumbai', + label: 'Мумбаи', + }, + ], + }, + { + value: 'south_korea', + label: 'Южная Корея', + items: [ + { + value: 'seoul', + label: 'Сеул', + }, + { + value: 'busan', + label: 'Пусан', + }, + ], + }, + { + value: 'thailand', + label: 'Таиланд', + items: [ + { + value: 'bangkok', + label: 'Бангкок', + }, + { + value: 'phuket', + label: 'Пхукет', + }, + ], + }, + ], + }, + { + value: 'africa', + label: 'Африка', + disabled: true, + }, +]; + +const StoryNormal = (args: DropdownProps) => { + return ( + <> + <Dropdown items={items} {...args}> + <Button text="Нажмите" stretching="filled" /> + </Dropdown> + </> + ); +}; + +export const Default: StoryObj<DropdownProps> = { + render: (args) => <StoryNormal {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Dropdown/Dropdown.ts b/packages/sdds-dfa/src/components/Dropdown/Dropdown.ts new file mode 100644 index 0000000000..fffec81b97 --- /dev/null +++ b/packages/sdds-dfa/src/components/Dropdown/Dropdown.ts @@ -0,0 +1,8 @@ +import { dropdownConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Dropdown.config'; + +const mergedConfig = mergeConfig(dropdownConfig, config); +const Dropdown = component(mergedConfig); + +export { Dropdown }; diff --git a/packages/sdds-dfa/src/components/Dropdown/index.ts b/packages/sdds-dfa/src/components/Dropdown/index.ts new file mode 100644 index 0000000000..6e1dcec44c --- /dev/null +++ b/packages/sdds-dfa/src/components/Dropdown/index.ts @@ -0,0 +1,3 @@ +export { Dropdown } from './Dropdown'; + +export type { DropdownProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Grid/Grid.config.tsx b/packages/sdds-dfa/src/components/Grid/Grid.config.tsx new file mode 100644 index 0000000000..526c5b5eab --- /dev/null +++ b/packages/sdds-dfa/src/components/Grid/Grid.config.tsx @@ -0,0 +1,48 @@ +import { css, gridTokens, getBaseGridView } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'legacy', + }, + variations: { + view: { + default: css` + ${getBaseGridView( + { + [gridTokens.smallMMinWidth]: 0, + [gridTokens.mediumSMinWidth]: '35rem', + [gridTokens.mediumMMinWidth]: '49.125rem', + [gridTokens.largeSMinWidth]: '60rem', + [gridTokens.largeMMinWidth]: '75rem', + }, + 'default', + )}; + + ${gridTokens.smallMColsCount}: 6; + ${gridTokens.smallMGap}: 0.5rem; + ${gridTokens.smallMMargin}: 1rem; + ${gridTokens.smallMMinWidth}: 0; + + ${gridTokens.mediumSColsCount}: 12; + ${gridTokens.mediumSGap}: 0.5rem; + ${gridTokens.mediumSMargin}: 1.25rem; + ${gridTokens.mediumSMinWidth}: 35rem; + + ${gridTokens.mediumMColsCount}: 18; + ${gridTokens.mediumMGap}: 0.5rem; + ${gridTokens.mediumMMargin}: 1.75rem; + ${gridTokens.mediumMMinWidth}: 49.125rem; + + ${gridTokens.largeSColsCount}: 24; + ${gridTokens.largeSGap}: 0.5rem; + ${gridTokens.largeSMargin}: 2.5rem; + ${gridTokens.largeSMinWidth}: 60rem; + + ${gridTokens.largeMColsCount}: 30; + ${gridTokens.largeMGap}: 0.5rem; + ${gridTokens.largeMMargin}: 4rem; + ${gridTokens.largeMMinWidth}: 75rem; + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Grid/Grid.stories.tsx b/packages/sdds-dfa/src/components/Grid/Grid.stories.tsx new file mode 100644 index 0000000000..6056d81e78 --- /dev/null +++ b/packages/sdds-dfa/src/components/Grid/Grid.stories.tsx @@ -0,0 +1,119 @@ +import React from 'react'; +import type { Meta } from '@storybook/react'; +import { InSpacingDecorator } from '@salutejs/plasma-sb-utils'; +import styled from 'styled-components'; + +import { Col, Grid, Row } from './Grid'; + +const meta: Meta = { + title: 'Layout/Grid', + decorators: [InSpacingDecorator], +}; + +export default meta; + +const StyledContent = styled.div` + height: 10rem; + width: 100%; + background: #f5f5dc; + display: flex; + align-items: center; + justify-content: center; + border: 1px solid var(--inverse-text-primary); +`; + +export const Default = { + args: { + colsCount: 6, + }, + render: ({ colsCount }) => ( + <Grid> + <Row> + {Array(colsCount) + .fill(true) + .map((_, i) => ( + <Col size={1} key={colsCount + i}> + <StyledContent>{i + 1}</StyledContent> + </Col> + ))} + </Row> + </Grid> + ), +}; + +export const CustomColsPosition = { + render: () => ( + <Grid view="default"> + <Row> + <Col + smallM={{ + size: 1, + }} + mediumS={{ + size: 2, + }} + mediumM={{ + size: 3, + offset: 1, + }} + largeS={{ + size: 4, + offset: 1, + }} + largeM={{ + size: 5, + offset: 2, + }} + > + <StyledContent>1</StyledContent> + </Col> + <Col + smallM={{ + size: 1, + offset: 1, + }} + mediumS={{ + size: 2, + offset: 1, + }} + mediumM={{ + size: 4, + }} + largeS={{ + size: 4, + offset: 3, + }} + largeM={{ + size: 5, + offset: 1, + }} + > + <StyledContent>2</StyledContent> + </Col> + <Col + smallM={{ + size: 1, + }} + mediumS={{ + size: 2, + offset: 1, + }} + mediumM={{ + size: 2, + offset: 2, + }} + largeS={{ + size: 3, + offset: 4, + }} + largeM={{ + size: 6, + offset: 3, + }} + > + <StyledContent>3</StyledContent> + </Col> + </Row> + </Grid> + ), +}; diff --git a/packages/sdds-dfa/src/components/Grid/Grid.tsx b/packages/sdds-dfa/src/components/Grid/Grid.tsx new file mode 100644 index 0000000000..b64b578b1d --- /dev/null +++ b/packages/sdds-dfa/src/components/Grid/Grid.tsx @@ -0,0 +1,8 @@ +import { gridConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Grid.config'; + +export { Row, Col } from '@salutejs/plasma-new-hope/styled-components'; + +const mergedConfig = mergeConfig(gridConfig, config); +export const Grid = component(mergedConfig); diff --git a/packages/sdds-dfa/src/components/Grid/index.ts b/packages/sdds-dfa/src/components/Grid/index.ts new file mode 100644 index 0000000000..41a8c904ba --- /dev/null +++ b/packages/sdds-dfa/src/components/Grid/index.ts @@ -0,0 +1,12 @@ +export { Grid, Col, Row } from './Grid'; + +export type { + GridProps, + ColCount, + ColProps, + ColSizeProps, + ColOffsetProps, + ScreenMap, + ScreenConfig, + ScreenVariant, +} from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/IconButton/IconButton.config.ts b/packages/sdds-dfa/src/components/IconButton/IconButton.config.ts new file mode 100644 index 0000000000..efaa4588c8 --- /dev/null +++ b/packages/sdds-dfa/src/components/IconButton/IconButton.config.ts @@ -0,0 +1,217 @@ +import { css, iconButtonTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + focused: 'true', + size: 'm', + }, + variations: { + view: { + default: css` + ${iconButtonTokens.iconButtonColor}: var(--inverse-text-primary); + ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-solid-default); + ${iconButtonTokens.iconButtonColorHover}: var(--inverse-text-primary); + ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-solid-default-hover); + ${iconButtonTokens.iconButtonColorActive}: var(--inverse-text-primary); + ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-solid-default-active); + `, + accent: css` + ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary); + ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-accent); + ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary); + ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover); + ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary); + ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-accent-active); + `, + secondary: css` + ${iconButtonTokens.iconButtonColor}: var(--text-primary); + ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary); + ${iconButtonTokens.iconButtonColorHover}: var(--text-primary); + ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover); + ${iconButtonTokens.iconButtonColorActive}: var(--text-primary); + ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active); + `, + clear: css` + ${iconButtonTokens.iconButtonColor}: var(--text-primary); + ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-clear); + ${iconButtonTokens.iconButtonColorHover}: var(--text-primary-hover); + ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-clear); + ${iconButtonTokens.iconButtonColorActive}: var(--text-primary-active); + ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-clear); + `, + success: css` + ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary); + ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-positive); + ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary); + ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-positive-hover); + ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary); + ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-positive-active); + `, + warning: css` + ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary); + ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-warning); + ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary); + ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-warning-hover); + ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary); + ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-warning-active); + `, + critical: css` + ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary); + ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-negative); + ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary); + ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-negative-hover); + ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary); + ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-negative-active); + `, + dark: css` + ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary); + ${iconButtonTokens.iconButtonBackgroundColor}: var(--on-light-surface-transparent-deep); + ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary); + ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover); + ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary); + ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active); + `, + black: css` + ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary); + ${iconButtonTokens.iconButtonBackgroundColor}: var(--on-light-surface-solid-default); + ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary); + ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-solid-default-hover); + ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary); + ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-solid-default-active); + `, + white: css` + ${iconButtonTokens.iconButtonColor}: var(--on-light-text-primary); + ${iconButtonTokens.iconButtonBackgroundColor}: var(--on-dark-surface-solid-default); + ${iconButtonTokens.iconButtonColorHover}: var(--on-light-text-primary-hover); + ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover); + ${iconButtonTokens.iconButtonColorActive}: var(--on-light-text-primary-active); + ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--on-dark-surface-solid-default-active); + `, + }, + size: { + l: css` + ${iconButtonTokens.iconButtonHeight}: 3.5rem; + ${iconButtonTokens.iconButtonWidth}: 3.5rem; + ${iconButtonTokens.iconButtonPadding}: 1.5rem; + ${iconButtonTokens.iconButtonRadius}: 0.875rem; + ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family); + ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size); + ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style); + ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height); + + ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem; + ${iconButtonTokens.iconButtonSpinnerColor}: inherit; + `, + lr: css` + ${iconButtonTokens.iconButtonHeight}: 3.5rem; + ${iconButtonTokens.iconButtonWidth}: 3.5rem; + ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family); + ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size); + ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style); + ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height); + + ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem; + ${iconButtonTokens.iconButtonSpinnerColor}: inherit; + `, + m: css` + ${iconButtonTokens.iconButtonHeight}: 3rem; + ${iconButtonTokens.iconButtonWidth}: 3rem; + ${iconButtonTokens.iconButtonPadding}: 1.25rem; + ${iconButtonTokens.iconButtonRadius}: 0.75rem; + ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family); + ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size); + ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style); + ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height); + + ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem; + ${iconButtonTokens.iconButtonSpinnerColor}: inherit; + `, + mr: css` + ${iconButtonTokens.iconButtonHeight}: 3rem; + ${iconButtonTokens.iconButtonWidth}: 3rem; + ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family); + ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size); + ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style); + ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height); + + ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem; + ${iconButtonTokens.iconButtonSpinnerColor}: inherit; + `, + s: css` + ${iconButtonTokens.iconButtonHeight}: 2.5rem; + ${iconButtonTokens.iconButtonWidth}: 2.5rem; + ${iconButtonTokens.iconButtonPadding}: 1rem; + ${iconButtonTokens.iconButtonRadius}: 0.625rem; + ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family); + ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size); + ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style); + ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height); + + ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem; + ${iconButtonTokens.iconButtonSpinnerColor}: inherit; + `, + sr: css` + ${iconButtonTokens.iconButtonHeight}: 2.5rem; + ${iconButtonTokens.iconButtonWidth}: 2.5rem; + ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family); + ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size); + ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style); + ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height); + + ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem; + ${iconButtonTokens.iconButtonSpinnerColor}: inherit; + `, + xs: css` + ${iconButtonTokens.iconButtonHeight}: 2rem; + ${iconButtonTokens.iconButtonWidth}: 2rem; + ${iconButtonTokens.iconButtonPadding}: 0.75rem; + ${iconButtonTokens.iconButtonRadius}: 0.5rem; + ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family); + ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size); + ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style); + ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${iconButtonTokens.iconButtonSpinnerSize}: 1rem; + ${iconButtonTokens.iconButtonSpinnerColor}: inherit; + `, + xsr: css` + ${iconButtonTokens.iconButtonHeight}: 2rem; + ${iconButtonTokens.iconButtonWidth}: 2rem; + ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family); + ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size); + ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style); + ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${iconButtonTokens.iconButtonSpinnerSize}: 1rem; + ${iconButtonTokens.iconButtonSpinnerColor}: inherit; + `, + }, + disabled: { + true: css` + ${iconButtonTokens.iconButtonDisabledOpacity}: 0.4; + `, + }, + focused: { + true: css` + ${iconButtonTokens.iconButtonFocusColor}: var(--surface-accent); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/IconButton/IconButton.stories.tsx b/packages/sdds-dfa/src/components/IconButton/IconButton.stories.tsx new file mode 100644 index 0000000000..dfb92906be --- /dev/null +++ b/packages/sdds-dfa/src/components/IconButton/IconButton.stories.tsx @@ -0,0 +1,83 @@ +import React, { ComponentProps } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { IconClose } from '@salutejs/plasma-icons'; +import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils'; + +import { IconButton } from './IconButton'; + +type StoryButtonProps = ComponentProps<typeof IconButton> & { contentType: string; isLoading: boolean }; + +const views = ['default', 'accent', 'secondary', 'success', 'warning', 'critical', 'clear', 'dark', 'black', 'white']; +const sizes = ['l', 'm', 's', 'xs']; +const pins = [ + 'square-square', + 'square-clear', + 'clear-square', + 'clear-clear', + 'clear-circle', + 'circle-clear', + 'circle-circle', + '', +]; + +const meta: Meta<StoryButtonProps> = { + title: 'Controls/IconButton', + decorators: [InSpacingDecorator], + argTypes: { + size: { + options: sizes, + control: { + type: 'inline-radio', + }, + }, + view: { + options: views, + control: { + type: 'select', + }, + }, + pin: { + options: pins, + control: { + type: 'select', + }, + table: { defaultValue: { summary: 'bottom' } }, + }, + ...disableProps(['children', 'theme', 'loader', 'onClick', 'onFocus', 'onBlur', 'contentLeft', 'contentRight']), + }, +}; + +export default meta; + +const getSizeForIcon = (size) => { + const map = { + mr: 's', + lr: 's', + m: 's', + l: 's', + sr: 's', + xsr: 'xs', + }; + if (map[size]) { + return map[size]; + } + + return size; +}; + +export const Default: StoryObj<ComponentProps<typeof IconButton>> = { + args: { + children: <IconClose />, + view: 'default', + size: 'm', + disabled: false, + focused: true, + isLoading: false, + }, + argTypes: { ...disableProps(['children']) }, + render: (args) => ( + <IconButton {...args}> + <IconClose color="inhert" size={getSizeForIcon(args.size)} /> + </IconButton> + ), +}; diff --git a/packages/sdds-dfa/src/components/IconButton/IconButton.ts b/packages/sdds-dfa/src/components/IconButton/IconButton.ts new file mode 100644 index 0000000000..6faeac7efe --- /dev/null +++ b/packages/sdds-dfa/src/components/IconButton/IconButton.ts @@ -0,0 +1,11 @@ +import { iconButtonConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './IconButton.config'; + +const mergedConfig = mergeConfig(iconButtonConfig, config); +const IconButtonComponent = component(mergedConfig); + +/** + * Кнопка с иконкой. + */ +export const IconButton = IconButtonComponent; diff --git a/packages/sdds-dfa/src/components/IconButton/index.ts b/packages/sdds-dfa/src/components/IconButton/index.ts new file mode 100644 index 0000000000..bd4d78d297 --- /dev/null +++ b/packages/sdds-dfa/src/components/IconButton/index.ts @@ -0,0 +1 @@ +export { IconButton } from './IconButton'; diff --git a/packages/sdds-dfa/src/components/Image/Image.component-test.tsx b/packages/sdds-dfa/src/components/Image/Image.component-test.tsx new file mode 100644 index 0000000000..b64eaa9846 --- /dev/null +++ b/packages/sdds-dfa/src/components/Image/Image.component-test.tsx @@ -0,0 +1,91 @@ +import React, { Fragment } from 'react'; +import styled from 'styled-components'; +import { mount, CypressTestDecorator, getComponent, PadMe } from '@salutejs/plasma-cy-utils'; + +const src = 'https://bit.ly/3xRatFGimages/320_320_0.jpg'; + +describe('plasma-core: Image', () => { + const Image = getComponent('Image'); + + const Why = styled.div` + width: 8rem; + display: inline-block; + `; + + beforeEach(() => { + cy.intercept(src, (req) => { + req.reply({ + fixture: 'images/320_320_0.jpg', + }); + }); + }); + + it('default', () => { + mount( + <CypressTestDecorator> + <Image src={src} width="320px" height="320px" /> + </CypressTestDecorator>, + ); + cy.matchImageSnapshot(); + }); + + it('div', () => { + mount( + <CypressTestDecorator> + <Image base="div" src={src} width="320px" height="320px" /> + </CypressTestDecorator>, + ); + cy.matchImageSnapshot(); + }); + + it('_ratio', () => { + const ratios = Object.keys({ + '1 / 1': '100', + '1/1': '100', + '3 / 4': '133.3333', + '3/4': '133.3333', + '4 / 3': '75', + '4/3': '75', + '9 / 16': '177.7778', + '9/16': '177.7778', + '16 / 9': '56.25', + '16/9': '56.25', + '1 / 2': '200', + '1/2': '200', + '2 / 1': '50', + '2/1': '50', + }); + + mount( + <CypressTestDecorator> + {ratios.map((ratio) => ( + <Fragment key={ratio}> + <Why key="_base_div"> + <Image base="div" ratio={ratio} src={src} /> + </Why> + <Why key="_base_img"> + <Image ratio={ratio} src={src} /> + </Why> + <PadMe /> + </Fragment> + ))} + </CypressTestDecorator>, + ); + cy.matchImageSnapshot(); + }); + + it('_customRatio', () => { + mount( + <CypressTestDecorator> + <Why key="_base_div"> + <Image base="div" customRatio={75} src={src} /> + </Why> + <Why key="_base_img"> + <Image customRatio={75} src={src} /> + </Why> + <PadMe /> + </CypressTestDecorator>, + ); + cy.matchImageSnapshot(); + }); +}); diff --git a/packages/sdds-dfa/src/components/Image/Image.stories.tsx b/packages/sdds-dfa/src/components/Image/Image.stories.tsx new file mode 100644 index 0000000000..a3bad876d0 --- /dev/null +++ b/packages/sdds-dfa/src/components/Image/Image.stories.tsx @@ -0,0 +1,44 @@ +import React from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils'; + +import { Image, Ratio } from '.'; +import type { ImageProps } from '.'; + +const meta: Meta<ImageProps> = { + title: 'Content/Image', + component: Image, + decorators: [InSpacingDecorator], + argTypes: { + base: { + options: ['div', 'img'], + control: { + type: 'inline-radio', + }, + }, + ratio: { + options: ['1/1', '3/4', '4/3', '9/16', '16/9', '1/2', '2/1'], + control: { + type: 'select', + }, + }, + ...disableProps(['src', 'alt', 'customRatio']), + }, +}; + +export default meta; + +export const Default: StoryObj<ImageProps & { ratio: Ratio }> = { + args: { + base: 'div', + src: './images/320_320_9.jpg', + alt: 'картинка для примера фоном', + width: '200px', + height: '200px', + }, + render: (args) => ( + <div style={{ maxWidth: '10rem' }}> + <Image {...args} /> + </div> + ), +}; diff --git a/packages/sdds-dfa/src/components/Image/Image.tsx b/packages/sdds-dfa/src/components/Image/Image.tsx new file mode 100644 index 0000000000..d46cd0e5ec --- /dev/null +++ b/packages/sdds-dfa/src/components/Image/Image.tsx @@ -0,0 +1,9 @@ +import { imageConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +const mergedConfig = mergeConfig(imageConfig); +const ImageComponent = component(mergedConfig); + +/** + * Компонент Image. + */ +export const Image = ImageComponent; diff --git a/packages/sdds-dfa/src/components/Image/index.ts b/packages/sdds-dfa/src/components/Image/index.ts new file mode 100644 index 0000000000..ee73fa42fd --- /dev/null +++ b/packages/sdds-dfa/src/components/Image/index.ts @@ -0,0 +1,3 @@ +export { Image } from './Image'; + +export type { ImageProps, Ratio } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Indicator/Indicator.config.tsx b/packages/sdds-dfa/src/components/Indicator/Indicator.config.tsx new file mode 100644 index 0000000000..a852fab074 --- /dev/null +++ b/packages/sdds-dfa/src/components/Indicator/Indicator.config.tsx @@ -0,0 +1,47 @@ +import { css, indicatorTokens as tokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + size: 's', + view: 'default', + }, + variations: { + view: { + default: css` + ${tokens.color}: var(--surface-solid-default); + `, + accent: css` + ${tokens.color}: var(--surface-accent); + `, + inactive: css` + ${tokens.color}: var(--surface-solid-tertiary); + `, + positive: css` + ${tokens.color}: var(--surface-positive); + `, + warning: css` + ${tokens.color}: var(--surface-warning); + `, + negative: css` + ${tokens.color}: var(--surface-negative); + `, + black: css` + ${tokens.color}: var(--on-light-surface-solid-default); + `, + white: css` + ${tokens.color}: var(--on-dark-surface-solid-default); + `, + }, + size: { + l: css` + ${tokens.size}: 0.75rem; + `, + m: css` + ${tokens.size}: 0.5rem; + `, + s: css` + ${tokens.size}: 0.375rem; + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Indicator/Indicator.stories.tsx b/packages/sdds-dfa/src/components/Indicator/Indicator.stories.tsx new file mode 100644 index 0000000000..6a523aa061 --- /dev/null +++ b/packages/sdds-dfa/src/components/Indicator/Indicator.stories.tsx @@ -0,0 +1,34 @@ +import type { ComponentProps } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; + +import { Indicator } from './Indicator'; + +const meta: Meta<typeof Indicator> = { + title: 'Content/Indicator', + component: Indicator, + argTypes: { + view: { + options: ['default', 'accent', 'inactive', 'positive', 'warning', 'negative', 'black', 'white'], + control: { + type: 'select', + }, + }, + size: { + options: ['l', 'm', 's'], + control: { + type: 'select', + }, + }, + }, +}; + +export default meta; + +type Story = StoryObj<ComponentProps<typeof Indicator>>; + +export const Default: Story = { + args: { + size: 's', + view: 'default', + }, +}; diff --git a/packages/sdds-dfa/src/components/Indicator/Indicator.ts b/packages/sdds-dfa/src/components/Indicator/Indicator.ts new file mode 100644 index 0000000000..c3620c7f91 --- /dev/null +++ b/packages/sdds-dfa/src/components/Indicator/Indicator.ts @@ -0,0 +1,8 @@ +import { indicatorConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Indicator.config'; + +const mergedConfig = mergeConfig(indicatorConfig, config); +const Indicator = component(mergedConfig); + +export { Indicator, mergedConfig }; diff --git a/packages/sdds-dfa/src/components/Indicator/index.ts b/packages/sdds-dfa/src/components/Indicator/index.ts new file mode 100644 index 0000000000..083d9e1a55 --- /dev/null +++ b/packages/sdds-dfa/src/components/Indicator/index.ts @@ -0,0 +1,3 @@ +export { Indicator } from './Indicator'; + +export type { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Link/Link.config.tsx b/packages/sdds-dfa/src/components/Link/Link.config.tsx new file mode 100644 index 0000000000..b0e732a6d5 --- /dev/null +++ b/packages/sdds-dfa/src/components/Link/Link.config.tsx @@ -0,0 +1,112 @@ +import { css } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + focused: 'true', + }, + variations: { + view: { + default: css` + --plasma-link-font-family: var(--plasma-typo-text-m-font-family); + --plasma-link-color: var(--text-primary); + --plasma-link-color-hover: var(--text-primary-hover); + --plasma-link-color-active: var(--text-primary-active); + --plasma-link-color-visited: var(--text-primary); + --plasma-link-color-visited-hover: var(--text-primary-hover); + --plasma-link-color-visited-active: var(--text-primary-active); + --plasma-link-underline-border: 0; + `, + secondary: css` + --plasma-link-font-family: var(--plasma-typo-text-m-font-family); + --plasma-link-color: var(--text-secondary); + --plasma-link-color-hover: var(--text-secondary-hover); + --plasma-link-color-active: var(--text-secondary-active); + --plasma-link-color-visited: var(--text-secondary); + --plasma-link-color-visited-hover: var(--text-secondary-hover); + --plasma-link-color-visited-active: var(--text-secondary-active); + --plasma-link-underline-border: 0; + `, + tertiary: css` + --plasma-link-font-family: var(--plasma-typo-text-m-font-family); + --plasma-link-color: var(--text-tertiary); + --plasma-link-color-hover: var(--text-tertiary-hover); + --plasma-link-color-active: var(--text-tertiary-active); + --plasma-link-color-visited: var(--text-tertiary); + --plasma-link-color-visited-hover: var(--text-tertiary-hover); + --plasma-link-color-visited-active: var(--text-tertiary-active); + --plasma-link-underline-border: 0; + `, + paragraph: css` + --plasma-link-font-family: var(--plasma-typo-text-m-font-family); + --plasma-link-color: var(--text-paragraph); + --plasma-link-color-hover: var(--text-paragraph-hover); + --plasma-link-color-active: var(--text-paragraph-active); + --plasma-link-color-visited: var(--text-paragraph); + --plasma-link-color-visited-hover: var(--text-paragraph-hover); + --plasma-link-color-visited-active: var(--text-paragraph-active); + --plasma-link-underline-border: 0; + `, + accent: css` + --plasma-link-font-family: var(--plasma-typo-text-m-font-family); + --plasma-link-color: var(--text-accent); + --plasma-link-color-hover: var(--text-accent-hover); + --plasma-link-color-active: var(--text-accent-active); + --plasma-link-color-visited: var(--text-accent); + --plasma-link-color-visited-hover: var(--text-accent-hover); + --plasma-link-color-visited-active: var(--text-accent-active); + --plasma-link-underline-border: 0; + `, + positive: css` + --plasma-link-font-family: var(--plasma-typo-text-m-font-family); + --plasma-link-color: var(--text-positive); + --plasma-link-color-hover: var(--text-positive-hover); + --plasma-link-color-active: var(--text-positive-active); + --plasma-link-color-visited: var(--text-positive); + --plasma-link-color-visited-hover: var(--text-positive-hover); + --plasma-link-color-visited-active: var(--text-positive-active); + --plasma-link-underline-border: 0; + `, + warning: css` + --plasma-link-font-family: var(--plasma-typo-text-m-font-family); + --plasma-link-color: var(--text-warning); + --plasma-link-color-hover: var(--text-warning-hover); + --plasma-link-color-active: var(--text-warning-active); + --plasma-link-color-visited: var(--text-warning); + --plasma-link-color-visited-hover: var(--text-warning-hover); + --plasma-link-color-visited-active: var(--text-warning-active); + --plasma-link-underline-border: 0; + `, + negative: css` + --plasma-link-font-family: var(--plasma-typo-text-m-font-family); + --plasma-link-color: var(--text-negative); + --plasma-link-color-hover: var(--text-negative-hover); + --plasma-link-color-active: var(--text-negative-active); + --plasma-link-color-visited: var(--text-negative); + --plasma-link-color-visited-hover: var(--text-negative-hover); + --plasma-link-color-visited-active: var(--text-negative-active); + --plasma-link-underline-border: 0; + `, + clear: css` + --plasma-link-font-family: var(--plasma-typo-text-m-font-family); + --plasma-link-color: inherit; + --plasma-link-color-hover: inherit; + --plasma-link-color-active: inherit; + --plasma-link-color-visited: inherit; + --plasma-link-color-visited-hover: inherit; + --plasma-link-color-visited-active: inherit; + --plasma-link-underline-border: 0.063rem; + `, + }, + disabled: { + true: css` + --plasma-link-disabled-opacity: 0.4; + `, + }, + focused: { + true: css` + --plasma-link-focus-color: var(--text-primary); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Link/Link.stories.tsx b/packages/sdds-dfa/src/components/Link/Link.stories.tsx new file mode 100644 index 0000000000..efcdae4af1 --- /dev/null +++ b/packages/sdds-dfa/src/components/Link/Link.stories.tsx @@ -0,0 +1,57 @@ +import React, { ComponentProps } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { InSpacingDecorator } from '@salutejs/plasma-sb-utils'; + +import { TextM } from '../Typography'; + +import { Link } from '.'; + +const meta: Meta<typeof Link> = { + title: 'Content/Link', + decorators: [InSpacingDecorator], + component: Link, + argTypes: { + view: { + options: [ + 'default', + 'secondary', + 'tertiary', + 'paragraph', + 'accent', + 'positive', + 'warning', + 'negative', + 'clear', + ], + control: { + type: 'select', + }, + }, + }, +}; + +export default meta; + +type StoryLinkProps = { + text: string; + href: string; +} & ComponentProps<typeof Link>; + +export const Default: StoryObj<StoryLinkProps> = { + args: { + text: 'приложение', + href: 'https://google.com', + view: 'default', + disabled: false, + focused: true, + }, + render: ({ text, ...props }) => ( + <TextM> + Скачайте{' '} + <Link target="_blank" {...props}> + {text} + </Link> + . + </TextM> + ), +}; diff --git a/packages/sdds-dfa/src/components/Link/Link.tsx b/packages/sdds-dfa/src/components/Link/Link.tsx new file mode 100644 index 0000000000..4e13a71908 --- /dev/null +++ b/packages/sdds-dfa/src/components/Link/Link.tsx @@ -0,0 +1,13 @@ +import { linkConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Link.config'; + +const mergedConfig = mergeConfig(linkConfig, config); +const LinkComponent = component(mergedConfig); + +export type LinkProps = typeof LinkComponent; + +/** + * Ссылка. + */ +export const Link = LinkComponent; diff --git a/packages/sdds-dfa/src/components/Link/index.ts b/packages/sdds-dfa/src/components/Link/index.ts new file mode 100644 index 0000000000..ed4870671a --- /dev/null +++ b/packages/sdds-dfa/src/components/Link/index.ts @@ -0,0 +1,2 @@ +export { Link } from './Link'; +export type { LinkProps } from './Link'; diff --git a/packages/sdds-dfa/src/components/Modal/Modal.config.ts b/packages/sdds-dfa/src/components/Modal/Modal.config.ts new file mode 100644 index 0000000000..689f609d41 --- /dev/null +++ b/packages/sdds-dfa/src/components/Modal/Modal.config.ts @@ -0,0 +1,15 @@ +import { css, modalTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + }, + variations: { + view: { + default: css` + ${modalTokens.modalOverlayWithBlurColor}: rgba(35, 35, 35, 0.2); + ${modalTokens.modalOverlayColor}: var(--plasma-colors-overlay); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Modal/Modal.stories.tsx b/packages/sdds-dfa/src/components/Modal/Modal.stories.tsx new file mode 100644 index 0000000000..964a2c7953 --- /dev/null +++ b/packages/sdds-dfa/src/components/Modal/Modal.stories.tsx @@ -0,0 +1,171 @@ +import React from 'react'; +import styled from 'styled-components'; +import type { Meta, StoryObj } from '@storybook/react'; +import { InSpacingDecorator } from '@salutejs/plasma-sb-utils'; + +import { SSRProvider } from '../SSRProvider'; +import { Button } from '../Button'; +import { PopupProvider, popupClasses } from '../Popup'; + +import { Modal, modalClasses } from '.'; +import type { ModalProps } from '.'; + +const meta: Meta<ModalProps> = { + title: 'Controls/Modal', + decorators: [InSpacingDecorator], + argTypes: { + placement: { + options: [ + 'center', + 'top', + 'bottom', + 'right', + 'left', + 'top-right', + 'top-left', + 'bottom-right', + 'bottom-left', + ], + control: { + type: 'select', + }, + }, + }, +}; + +export default meta; + +type StoryModalProps = { + placement: string; + offsetX: number; + offsetY: number; + closeOnEsc: boolean; + closeOnOverlayClick: boolean; + withBlur: boolean; +}; + +const StyledButton = styled(Button)` + margin-top: 1rem; + width: 15rem; +`; + +const StyledWrapper = styled.div` + height: 1200px; +`; + +const Content = styled.div` + background: var(--surface-solid-secondary); + padding: 1rem; +`; + +const StyledModal = styled(Modal)` + && > .${popupClasses.root}, .${modalClasses.overlay} { + animation: fadeIn 1s forwards; + } + + &&.${popupClasses.endAnimation} .${popupClasses.root} { + animation: fadeOut 1s forwards; + } + + &&.${popupClasses.endAnimation} .${modalClasses.overlay} { + animation: fadeOut 1s forwards; + } + + @keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } + } + + @keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } + } +`; + +const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProps) => { + const [isOpenA, setIsOpenA] = React.useState(false); + const [isOpenB, setIsOpenB] = React.useState(false); + const [isOpenC, setIsOpenC] = React.useState(false); + + return ( + <SSRProvider> + <StyledWrapper> + <PopupProvider> + <div style={{ display: 'flex', flexDirection: 'column' }}> + <StyledButton text="Открыть A" onClick={() => setIsOpenA(true)} /> + </div> + <StyledModal + id="modalA" + withAnimation + onClose={() => setIsOpenA(false)} + isOpen={isOpenA} + placement={placement} + offset={[offsetX, offsetY]} + {...rest} + > + <Content> + <Button onClick={() => setIsOpenA(false)}>Close</Button> + <div style={{ display: 'flex', flexDirection: 'column' }}> + <StyledButton text="Открыть B" onClick={() => setIsOpenB(true)} /> + </div> + <Modal + id="modalB" + onClose={() => setIsOpenB(false)} + isOpen={isOpenB} + placement="left" + offset={[offsetX, offsetY]} + {...rest} + > + <Content> + <Button style={{ marginRight: '1rem' }} onClick={() => setIsOpenB(false)}> + Close + </Button> + <div style={{ display: 'flex', flexDirection: 'column' }}> + <StyledButton text="Открыть C" onClick={() => setIsOpenC(true)} /> + </div> + <Modal + id="modalC" + onClose={() => setIsOpenC(false)} + isOpen={isOpenC} + placement="top" + offset={[offsetX, offsetY]} + {...rest} + > + <Content> + <Button style={{ marginRight: '1rem' }} onClick={() => setIsOpenC(false)}> + Close + </Button> + <>Content</> + </Content> + </Modal> + </Content> + </Modal> + </Content> + </StyledModal> + </PopupProvider> + </StyledWrapper> + </SSRProvider> + ); +}; + +export const ModalDemo: StoryObj<StoryModalProps> = { + args: { + placement: 'center', + withBlur: false, + closeOnEsc: true, + closeOnOverlayClick: true, + offsetX: 0, + offsetY: 0, + }, + render: (args) => <StoryModalDemo {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Modal/Modal.tsx b/packages/sdds-dfa/src/components/Modal/Modal.tsx new file mode 100644 index 0000000000..bed62674ac --- /dev/null +++ b/packages/sdds-dfa/src/components/Modal/Modal.tsx @@ -0,0 +1,14 @@ +import { modalConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; +import type { ForwardRefExoticComponent, RefAttributes } from 'react'; + +import { config } from './Modal.config'; + +import { ModalProps } from '.'; + +const mergedConfig = mergeConfig(modalConfig, config); +const ModalComponent = component(mergedConfig) as ForwardRefExoticComponent<ModalProps & RefAttributes<HTMLDivElement>>; + +/** + * Модальное окно. + */ +export const Modal = ModalComponent; diff --git a/packages/sdds-dfa/src/components/Modal/index.ts b/packages/sdds-dfa/src/components/Modal/index.ts new file mode 100644 index 0000000000..b331695161 --- /dev/null +++ b/packages/sdds-dfa/src/components/Modal/index.ts @@ -0,0 +1,4 @@ +export { Modal } from './Modal'; +export { modalClasses } from '@salutejs/plasma-new-hope/styled-components'; + +export type { ModalProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Notification/Notification.config.ts b/packages/sdds-dfa/src/components/Notification/Notification.config.ts new file mode 100644 index 0000000000..4a1cffb442 --- /dev/null +++ b/packages/sdds-dfa/src/components/Notification/Notification.config.ts @@ -0,0 +1,103 @@ +import { css, notificationTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + }, + variations: { + view: { + default: css` + ${notificationTokens.contentColor}: var(--text-secondary); + ${notificationTokens.background}: var(--surface-transparent-card); + ${notificationTokens.borderRadius}: 0.75rem; + ${notificationTokens.padding}: 0.375rem; + + ${notificationTokens.contentPaddingTop}: 0.125rem; + ${notificationTokens.contentPaddingRight}: 0.25rem; + ${notificationTokens.contentPaddingBottom}: 0rem; + ${notificationTokens.contentPaddingLeft}: 0.25rem; + + ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem; + ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem; + + ${notificationTokens.textboxPaddingTop}: 0.1875rem; + ${notificationTokens.textboxPaddingRight}: 0.125rem; + ${notificationTokens.textboxPaddingBottom}: 0.375rem; + ${notificationTokens.textboxPaddingLeft}: 0.125rem; + + ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem; + ${notificationTokens.textboxGap}: 0.25rem; + + ${notificationTokens.closeIconTop}: 0.5rem; + ${notificationTokens.closeIconRight}: 0.5rem; + + ${notificationTokens.buttonsMarginTop}: 0.375rem; + + ${notificationTokens.contentLeftIconSize}: 1.5rem; + ${notificationTokens.contentLeftIconMargin}: 0.375rem; + ${notificationTokens.contentTopIconMargin}: 0.5rem; + + ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family); + ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size); + ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style); + ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight); + ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height); + + ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family); + ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size); + ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style); + ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height); + + ${notificationTokens.closeIconColor}: var(--text-tertiary); + ${notificationTokens.closeIconColorOnHover}: var(--text-primary); + + ${notificationTokens.horizontalLayoutGap}: 0.375rem; + ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem; + ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem; + `, + }, + layout: { + horizontal: css` + ${notificationTokens.width}: 25rem; + ${notificationTokens.horizontalLayoutPadding}: 1rem 0.5rem 1rem 0.875rem; + `, + vertical: css` + ${notificationTokens.width}: 15rem; + ${notificationTokens.padding}: 0.375rem; + `, + }, + size: { + xs: css` + ${notificationTokens.closeIconTop}: 0.5rem; + ${notificationTokens.closeIconRight}: 0.5rem; + + ${notificationTokens.padding}: 0.375rem; + ${notificationTokens.textboxPaddingTopWithTopIcon}: 0rem; + + ${notificationTokens.contentPaddingTop}: 0.125rem; + ${notificationTokens.contentPaddingRight}: 0.25rem; + ${notificationTokens.contentPaddingBottom}: 0rem; + ${notificationTokens.contentPaddingLeft}: 0.25rem; + + ${notificationTokens.buttonsMarginLeft}: 0rem; + `, + xxs: css` + ${notificationTokens.closeIconTop}: 0.8125rem; + ${notificationTokens.closeIconRight}: 1rem; + + ${notificationTokens.padding}: 0.5625rem 1rem 1rem 1rem; + ${notificationTokens.textboxPaddingTopWithTopIcon}: 0.1875rem; + + ${notificationTokens.contentPaddingTop}: 0.25rem; + ${notificationTokens.contentPaddingRight}: 0rem; + ${notificationTokens.contentPaddingBottom}: 0rem; + ${notificationTokens.contentPaddingLeft}: 0rem; + + ${notificationTokens.buttonsMarginLeft}: 2rem; + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Notification/Notification.stories.tsx b/packages/sdds-dfa/src/components/Notification/Notification.stories.tsx new file mode 100644 index 0000000000..62ee652b7d --- /dev/null +++ b/packages/sdds-dfa/src/components/Notification/Notification.stories.tsx @@ -0,0 +1,177 @@ +import React, { useCallback, useRef, useState } from 'react'; +import type { ComponentProps } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { IconDisclosureRight } from '@salutejs/plasma-icons'; +import { InSpacingDecorator } from '@salutejs/plasma-sb-utils'; + +import { Button } from '../Button/Button'; +import { Modal } from '../Modal/Modal'; +import { PopupProvider } from '../Popup'; + +import { + Notification, + NotificationsProvider, + NotificationIconPlacement, + NotificationLayout, + addNotification, +} from './Notification'; + +const titles = ['Выполнено', 'Внимание', 'Ошибка']; +const texts = ['SSH ключ успешно скопирован', 'Нельзя скопировать SSH ключ', 'Не удалось скопировать SSH ключ']; +const size = ['xs', 'xxs']; +const iconPlacement = ['top', 'left']; + +const longText = `JavaScript frameworks are an essential part of modern front-end web development, +providing developers with proven tools for building scalable, interactive web applications. +`; + +const getNotificationProps = (i: number) => ({ + title: titles[i % 3], + children: texts[i % 3], + size: size[i % 2], + iconPlacement: iconPlacement[i % 2] as NotificationIconPlacement, +}); + +const placements = ['top', 'left']; + +const meta: Meta<typeof Notification> = { + title: 'Controls/Notification', + decorators: [InSpacingDecorator], +}; + +export default meta; + +interface StoryDefaultProps { + title: string; + children: string; + showCloseIcon: boolean; + showLeftIcon: boolean; + layout: NotificationLayout; + size: 'xs' | 'xxs'; + iconPlacement: NotificationIconPlacement; +} + +const StoryDefault = ({ title, children, iconPlacement, size, layout, showLeftIcon, ...rest }: StoryDefaultProps) => { + return ( + <Notification + title={title} + icon={showLeftIcon ? <IconDisclosureRight /> : ''} + iconPlacement={iconPlacement} + actions={ + <Button + text="text" + size={layout === 'horizontal' ? 'xs' : size} + stretch={layout === 'vertical' && size === 'xs'} + /> + } + size={size} + layout={layout} + {...rest} + > + {children} + </Notification> + ); +}; + +export const Default: StoryObj<StoryDefaultProps> = { + argTypes: { + iconPlacement: { + options: placements, + control: { + type: 'select', + }, + }, + size: { + options: ['xs', 'xxs'], + control: { + type: 'select', + }, + }, + layout: { + options: ['vertical', 'horizontal'], + control: { + type: 'select', + }, + }, + }, + args: { + title: 'Title', + children: longText, + showCloseIcon: true, + showLeftIcon: true, + iconPlacement: 'top', + layout: 'vertical', + size: 'xs', + }, + render: (args) => <StoryDefault {...args} />, +}; + +type StoryLiveDemoProps = ComponentProps<typeof Notification> & { + timeout: number; + layout: NotificationLayout; + size: 'xs' | 'xxs'; + iconPlacement: NotificationIconPlacement; +}; + +const StoryLiveDemo = ({ timeout, ...rest }: StoryLiveDemoProps) => { + const count = useRef(0); + const handleClick = useCallback(() => { + addNotification({ icon: <IconDisclosureRight />, ...rest, ...getNotificationProps(count.current) }, timeout); + count.current++; + }, [count, rest]); + + return ( + <NotificationsProvider> + <Button text="Добавить уведомление" onClick={handleClick} /> + </NotificationsProvider> + ); +}; + +export const LiveDemo: StoryObj<StoryLiveDemoProps> = { + argTypes: { + layout: { + options: ['vertical', 'horizontal'], + control: { + type: 'select', + }, + }, + }, + args: { + timeout: 3000, + role: 'alert', + layout: 'vertical', + }, + render: (args) => <StoryLiveDemo {...args} />, +}; + +type StoryWithModalProps = ComponentProps<typeof Notification> & { + timeout: number; +}; + +const StoryWithModal = ({ timeout }: StoryWithModalProps) => { + const [isModalOpen, setIsModalOpen] = useState(false); + const count = useRef(0); + const handleClick = useCallback(() => { + addNotification(getNotificationProps(count.current), timeout); + count.current++; + }, [count]); + + return ( + <NotificationsProvider> + <PopupProvider> + <Button text="Open modal" onClick={() => setIsModalOpen(true)} /> + <Modal isOpen={isModalOpen} onClose={() => setIsModalOpen(false)}> + <div>Hello!</div> + <Button view="default" text="Add notification" onClick={handleClick} /> + </Modal> + </PopupProvider> + </NotificationsProvider> + ); +}; + +export const WithModal: StoryObj<StoryLiveDemoProps> = { + args: { + timeout: 3500, + }, + render: (args) => <StoryWithModal {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Notification/Notification.tsx b/packages/sdds-dfa/src/components/Notification/Notification.tsx new file mode 100644 index 0000000000..1263b4182e --- /dev/null +++ b/packages/sdds-dfa/src/components/Notification/Notification.tsx @@ -0,0 +1,36 @@ +import React, { ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react'; +import { + component, + mergeConfig, + noticationConfig, + NotificationProps, + NotificationsProvider as Provider, + NotificationIconPlacement, + NotificationLayout, + addNotification, + closeNotification, +} from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Notification.config'; + +export { modalClasses } from '../Modal'; + +const mergedConfig = mergeConfig(noticationConfig, config); + +export const Notification = component(mergedConfig) as ForwardRefExoticComponent< + NotificationProps & RefAttributes<HTMLDivElement> +>; + +export const NotificationsProvider: React.FC<{ children: ReactNode; frame?: string }> = ({ + children, + frame = 'document', +}) => { + return ( + <Provider config={mergedConfig} frame={frame}> + {children} + </Provider> + ); +}; + +export type { NotificationIconPlacement, NotificationLayout, NotificationProps }; +export { addNotification, closeNotification }; diff --git a/packages/sdds-dfa/src/components/Notification/index.ts b/packages/sdds-dfa/src/components/Notification/index.ts new file mode 100644 index 0000000000..8b23eec7e7 --- /dev/null +++ b/packages/sdds-dfa/src/components/Notification/index.ts @@ -0,0 +1,2 @@ +export { NotificationsProvider, Notification, addNotification, closeNotification } from './Notification'; +export type { NotificationIconPlacement, NotificationLayout, NotificationProps } from './Notification'; diff --git a/packages/sdds-dfa/src/components/Overlay/Overlay.stories.tsx b/packages/sdds-dfa/src/components/Overlay/Overlay.stories.tsx new file mode 100644 index 0000000000..536d718e1d --- /dev/null +++ b/packages/sdds-dfa/src/components/Overlay/Overlay.stories.tsx @@ -0,0 +1,76 @@ +import React, { useState } from 'react'; +import styled from 'styled-components'; +import type { ComponentProps } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { action } from '@storybook/addon-actions'; +import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils'; + +import { Button } from '../Button/Button'; + +import { Overlay } from '.'; + +const onOverlayClick = action('onOverlayClick'); + +export default { + title: 'Controls/Overlay', + decorators: [InSpacingDecorator], + argTypes: { + isClickable: { + control: { + type: 'boolean', + }, + table: { defaultValue: { summary: true } }, + }, + withBlur: { + control: { + type: 'boolean', + }, + table: { defaultValue: { summary: false } }, + }, + ...disableProps(['onOverlayClick', 'zIndex']), + }, +} as Meta; + +type StoryOverlayProps = ComponentProps<typeof Overlay>; + +const StyledButton = styled(Button)` + margin: 1rem; + width: 15rem; +`; + +const StyledCloseButton = styled(Button)` + position: fixed; + top: 50%; + left: 50%; + z-index: 101; + transform: translate(-50%, -50%); + width: 15rem; +`; + +const StoryDefault = (props: StoryOverlayProps) => { + const [isVisible, setIsVisible] = useState(false); + + return ( + <> + <StyledButton text="Показать overlay" onClick={() => setIsVisible(true)} /> + {isVisible && ( + <> + <Overlay {...props} /> + <StyledCloseButton view="primary" text=" Скрыть overlay" onClick={() => setIsVisible(false)} /> + </> + )} + </> + ); +}; + +export const Default: StoryObj<StoryOverlayProps> = { + args: { + zIndex: '100', + backgroundColorProperty: 'var(--overlay-soft)', + withBlur: false, + transparent: false, + isClickable: true, + onOverlayClick, + }, + render: (args) => <StoryDefault {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Overlay/index.ts b/packages/sdds-dfa/src/components/Overlay/index.ts new file mode 100644 index 0000000000..b7384b5a9b --- /dev/null +++ b/packages/sdds-dfa/src/components/Overlay/index.ts @@ -0,0 +1,2 @@ +export { Overlay } from '@salutejs/plasma-new-hope/styled-components'; +export type { OverlayProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Pagination/Pagination.component-test.tsx b/packages/sdds-dfa/src/components/Pagination/Pagination.component-test.tsx new file mode 100644 index 0000000000..d25e2e5f15 --- /dev/null +++ b/packages/sdds-dfa/src/components/Pagination/Pagination.component-test.tsx @@ -0,0 +1,299 @@ +/* eslint-disable */ +import React, { useState, useCallback } from 'react'; +import { mount, CypressTestDecorator, getComponent, SpaceMe } from '@salutejs/plasma-cy-utils'; +import { createGlobalStyle } from 'styled-components'; +import { standard as standardTypo } from '@salutejs/plasma-typo'; +import type { FC } from 'react'; + +const id = 'test-pagination'; +const slots = [7, 9, 13]; +const values = [1, 10, 20]; +const count = 20; +const views = ['clear', 'secondary', 'default']; + +const StandardTypoStyle = createGlobalStyle(standardTypo); + +describe('plasma-new-hope: Pagination Styled', () => { + const Pagination = getComponent('Pagination'); + + const CypressTestDecoratorWithTypo: FC = ({ children }) => ( + <CypressTestDecorator> + <StandardTypoStyle /> + {children} + </CypressTestDecorator> + ); + + const ControlledPagination = () => { + const [value, setValue] = useState(values[1]); + + return <Pagination id={id} value={value} count={count} slots={slots[1]} onChange={(v) => setValue(v)} />; + }; + + it('default', () => { + mount( + <CypressTestDecoratorWithTypo> + <ControlledPagination /> + </CypressTestDecoratorWithTypo>, + ); + + cy.matchImageSnapshot(); + }); + + it('_size', () => { + mount( + <CypressTestDecoratorWithTypo> + <Pagination size="xs" value={values[1]} slots={slots[1]} count={count} /> + <SpaceMe /> + <Pagination size="s" value={values[1]} slots={slots[1]} count={count} /> + <SpaceMe /> + <Pagination size="m" value={values[1]} slots={slots[1]} count={count} /> + <SpaceMe /> + <Pagination size="l" value={values[1]} slots={slots[1]} count={count} /> + </CypressTestDecoratorWithTypo>, + ); + + cy.matchImageSnapshot(); + }); + + it('_view', () => { + mount( + <CypressTestDecoratorWithTypo> + <Pagination view={views[0]} value={values[1]} slots={slots[1]} count={count} /> + <SpaceMe /> + <Pagination view={views[1]} value={values[1]} slots={slots[1]} count={count} /> + <SpaceMe /> + <Pagination view={views[2]} value={values[1]} slots={slots[1]} count={count} /> + </CypressTestDecoratorWithTypo>, + ); + + cy.matchImageSnapshot(); + }); + + it('_viewCurrentPage', () => { + mount( + <CypressTestDecoratorWithTypo> + <Pagination viewCurrentPage={views[0]} value={values[1]} slots={slots[1]} count={count} /> + <SpaceMe /> + <Pagination viewCurrentPage={views[1]} value={values[1]} slots={slots[1]} count={count} /> + <SpaceMe /> + <Pagination viewCurrentPage={views[2]} value={values[1]} slots={slots[1]} count={count} /> + </CypressTestDecoratorWithTypo>, + ); + + cy.matchImageSnapshot(); + }); + + it('type', () => { + mount( + <CypressTestDecoratorWithTypo> + <Pagination type="default" hasQuickJump hasPerPage value={values[1]} slots={slots[1]} count={count} /> + <SpaceMe /> + <Pagination + type="default" + hasQuickJump + hasPerPage={false} + value={values[1]} + slots={slots[1]} + count={count} + /> + <SpaceMe /> + <Pagination + type="default" + hasQuickJump={false} + hasPerPage + value={values[1]} + slots={slots[1]} + count={count} + /> + <SpaceMe /> + <Pagination + type="default" + hasQuickJump={false} + hasPerPage={false} + value={values[1]} + slots={slots[1]} + count={count} + /> + <SpaceMe /> + <Pagination type="compact" hasQuickJump hasPerPage value={values[1]} slots={slots[1]} count={count} /> + <SpaceMe /> + <Pagination + type="compact" + hasQuickJump + hasPerPage={false} + value={values[1]} + slots={slots[1]} + count={count} + /> + <SpaceMe /> + <Pagination + type="compact" + hasQuickJump={false} + hasPerPage + value={values[1]} + slots={slots[1]} + count={count} + /> + <SpaceMe /> + <Pagination + type="compact" + hasQuickJump={false} + hasPerPage={false} + value={values[1]} + slots={slots[1]} + count={count} + /> + </CypressTestDecoratorWithTypo>, + ); + + cy.matchImageSnapshot(); + }); +}); + +describe('plasma-new-hope: Pagination Slots', () => { + const Pagination = getComponent('Pagination'); + + const CypressTestDecoratorWithTypo: FC = ({ children }) => ( + <CypressTestDecorator> + <StandardTypoStyle /> + {children} + </CypressTestDecorator> + ); + + it('minSlots', () => { + mount( + <CypressTestDecoratorWithTypo> + <Pagination slots={slots[0]} value={values[0]} count={count} /> + <SpaceMe /> + <Pagination slots={slots[0]} value={values[1]} count={count} /> + <SpaceMe /> + <Pagination slots={slots[0]} value={values[2]} count={count} /> + </CypressTestDecoratorWithTypo>, + ); + + cy.matchImageSnapshot(); + }); + it('avrSlots', () => { + mount( + <CypressTestDecoratorWithTypo> + <Pagination slots={slots[1]} value={values[0]} count={count} /> + <SpaceMe /> + <Pagination slots={slots[1]} value={values[1]} count={count} /> + <SpaceMe /> + <Pagination slots={slots[1]} value={values[2]} count={count} /> + </CypressTestDecoratorWithTypo>, + ); + + cy.matchImageSnapshot(); + }); + it('maxSlots', () => { + mount( + <CypressTestDecoratorWithTypo> + <Pagination slots={slots[2]} value={values[0]} count={count} /> + <SpaceMe /> + <Pagination slots={slots[2]} value={values[1]} count={count} /> + <SpaceMe /> + <Pagination slots={slots[2]} value={values[2]} count={count} /> + </CypressTestDecoratorWithTypo>, + ); + + cy.matchImageSnapshot(); + }); +}); + +describe('plasma-new-hope: Pagination Content', () => { + const Pagination = getComponent('Pagination'); + const Button = getComponent('Button'); + + const CypressTestDecoratorWithTypo: FC = ({ children }) => ( + <CypressTestDecorator> + <StandardTypoStyle /> + {children} + </CypressTestDecorator> + ); + + const PaginationContent = (agrs) => { + const [pageValue, setPageValue] = useState(agrs.value); + const [perPageValue, setPerPageValue] = useState(agrs.perPage); + + const handleChangePerpage = useCallback( + (perPage: number) => { + setPerPageValue(perPage); + }, + [perPageValue, setPerPageValue], + ); + + const handleChangePage = useCallback( + (page: number) => { + setPageValue(page); + }, + [pageValue, setPageValue], + ); + + return ( + <> + <Pagination + {...agrs} + value={pageValue} + perPage={perPageValue} + leftContent={ + <Button + id="pagination-button-prev" + onClick={() => { + handleChangePage(pageValue - 1); + }} + > + Prev + </Button> + } + rightContent={ + <Button + id="pagination-button-next" + onClick={() => { + handleChangePage(pageValue + 1); + }} + > + Next + </Button> + } + onChangePageValue={handleChangePage} + onChangePerageValue={handleChangePerpage} + /> + </> + ); + }; + + it('clickOnContent', () => { + mount( + <CypressTestDecoratorWithTypo> + <PaginationContent value={values[0]} count={count} /> + </CypressTestDecoratorWithTypo>, + ); + + cy.get('button[id="pagination-button-next"]').click(); + cy.get('button[id="pagination-button-next"]').click(); + cy.get('button[id="pagination-button-prev"]').click(); + + cy.matchImageSnapshot(); + }); + it('setInput', () => { + mount( + <CypressTestDecoratorWithTypo> + <Pagination slots={slots[1]} value={values[0]} count={count} /> + </CypressTestDecoratorWithTypo>, + ); + cy.get('input:first').focus().type('10').type('{enter}'); + + cy.matchImageSnapshot(); + }); + it('setSelect', () => { + mount( + <CypressTestDecoratorWithTypo> + <Pagination slots={slots[2]} value={values[0]} count={count} /> + </CypressTestDecoratorWithTypo>, + ); + cy.get('button').last().click(); + + cy.matchImageSnapshot(); + }); +}); diff --git a/packages/sdds-dfa/src/components/Pagination/Pagination.config.ts b/packages/sdds-dfa/src/components/Pagination/Pagination.config.ts new file mode 100644 index 0000000000..78b5139905 --- /dev/null +++ b/packages/sdds-dfa/src/components/Pagination/Pagination.config.ts @@ -0,0 +1,315 @@ +import { css, paginationTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'clear', + viewCurrentPage: 'secondary', + size: 'xs', + }, + variations: { + view: { + secondary: css` + ${paginationTokens.buttonColor}: var(--text-primary); + ${paginationTokens.buttonBackgroundColor}: var(--surface-transparent-secondary); + ${paginationTokens.buttonHoverColor}: var(--text-primary); + ${paginationTokens.buttonHoverBackgroundColor}: color-mix( + in srgb, + var(--inverse-text-primary), + var(--surface-transparent-secondary) 85% + ); + ${paginationTokens.buttonActiveColor}: var(--text-primary); + ${paginationTokens.buttonActiveBackgroundColor}: color-mix( + in srgb, + var(--inverse-text-primary), + var(--surface-transparent-secondary) 80% + ); + + ${paginationTokens.buttonDisabledOpacity}: 0.4; + + ${paginationTokens.inputBackgroundColor}: var(--surface-transparent-secondary); + ${paginationTokens.selectBackgroundColor}: var(--surface-solid-secondary); + ${paginationTokens.inputBorderColor}: transparent; + + ${paginationTokens.paginationColor}: var(--text-primary); + ${paginationTokens.buttonFocusColor}: var(--surface-accent); + `, + clear: css` + ${paginationTokens.buttonColor}: var(--text-primary); + ${paginationTokens.buttonBackgroundColor}: var(--surface-clear); + ${paginationTokens.buttonHoverColor}: var(--text-primary); + ${paginationTokens.buttonHoverBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 95%); + ${paginationTokens.buttonActiveColor}: var(--text-primary); + ${paginationTokens.buttonActiveBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 90%); + + ${paginationTokens.buttonDisabledOpacity}: 0.4; + + ${paginationTokens.inputBackgroundColor}: var(--surface-transparent-secondary); + ${paginationTokens.selectBackgroundColor}: var(--surface-solid-card); + ${paginationTokens.inputBorderColor}: transparent; + + ${paginationTokens.paginationColor}: var(--text-primary); + ${paginationTokens.buttonFocusColor}: var(--surface-accent); + `, + default: css` + ${paginationTokens.buttonColor}: var(--inverse-text-primary); + ${paginationTokens.buttonBackgroundColor}: var(--surface-solid-default); + ${paginationTokens.buttonHoverColor}: var(--inverse-text-primary); + ${paginationTokens.buttonHoverBackgroundColor}: color-mix( + in srgb, + var(--inverse-text-primary), + var(--surface-solid-default) 85% + ); + ${paginationTokens.buttonActiveColor}: var(--inverse-text-primary); + ${paginationTokens.buttonActiveBackgroundColor}: color-mix( + in srgb, + var(--inverse-text-primary), + var(--surface-solid-default) 80% + ); + + ${paginationTokens.buttonDisabledOpacity}: 0.4; + + ${paginationTokens.inputBackgroundColor}: var(--surface-transparent-secondary); + ${paginationTokens.selectBackgroundColor}: color-mix( + in srgb, + var(--inverse-text-primary), + var(--surface-solid-default) 85% + ); + ${paginationTokens.inputBorderColor}:transparent; + + ${paginationTokens.paginationColor}: var(--text-primary); + ${paginationTokens.buttonFocusColor}: var(--surface-accent); + `, + }, + viewCurrentPage: { + default: css` + ${paginationTokens.paginationCurrentButtonColor}: var(--inverse-text-primary); + ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-solid-default); + ${paginationTokens.paginationCurrentButtonHoverColor}: var(--inverse-text-primary); + ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix( + in srgb, + var(--inverse-text-primary), + var(--surface-solid-default) 85% + ); + ${paginationTokens.paginationCurrentButtonActiveColor}: var(--inverse-text-primary); + ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix( + in srgb, + var(--inverse-text-primary), + var(--surface-solid-default) 80% + ); + `, + secondary: css` + ${paginationTokens.paginationCurrentButtonColor}: var(--text-primary); + ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-transparent-secondary); + ${paginationTokens.paginationCurrentButtonHoverColor}: var(--text-primary); + ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix( + in srgb, + var(--inverse-text-primary), + var(--surface-transparent-secondary) 85% + ); + ${paginationTokens.paginationCurrentButtonActiveColor}: var(--text-primary); + ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix( + in srgb, + var(--inverse-text-primary), + var(--surface-transparent-secondary) 80% + ); + `, + clear: css` + ${paginationTokens.paginationCurrentButtonColor}: var(--text-primary); + ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-clear); + ${paginationTokens.paginationCurrentButtonHoverColor}: var(--text-primary); + ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 95%); + ${paginationTokens.paginationCurrentButtonActiveColor}: var(--text-primary); + ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 90%); + `, + }, + size: { + l: css` + ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-l-font-family); + ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-l-font-size); + ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-l-font-style); + ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + ${paginationTokens.buttonHeight}: 3.5rem; + ${paginationTokens.buttonWidth}: 3rem; + ${paginationTokens.buttonWidthShorter}: 2.25rem; + ${paginationTokens.paginationInputWidth}: 4rem; + ${paginationTokens.buttonRadius}: 0.875rem; + ${paginationTokens.paginationIconSize}: 1.2rem; + ${paginationTokens.paginationIconDoubleSize}: 1.45rem; + ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-l-line-height); + + ${paginationTokens.selectWidth}: 100%; + ${paginationTokens.selectHeight}: auto; + ${paginationTokens.selectPaddingTop}: 0.125rem; + ${paginationTokens.selectPaddingRight}: 0.125rem; + ${paginationTokens.selectPaddingBottom}: 0.125rem; + ${paginationTokens.selectPaddingLeft}: 0.125rem; + + ${paginationTokens.selectItemWidth}: auto; + ${paginationTokens.selectItemHeight}: 1.5rem; + ${paginationTokens.selectItemPaddingTop}: 1rem; + ${paginationTokens.selectItemPaddingRight}: 1rem; + ${paginationTokens.selectItemPaddingBottom}: 1rem; + ${paginationTokens.selectItemPaddingLeft}: 1rem; + ${paginationTokens.selectItemContentLeftWidth}: 1.875rem; + ${paginationTokens.selectItemBackground}: transparent; + + ${paginationTokens.selectTargetArrowRight}: 1rem; + ${paginationTokens.selectTargetWidth}: 100%; + ${paginationTokens.selectTargetPadding}: 0 3.5rem 0 1.5rem; + ${paginationTokens.selectTargetPaddingHasChips}: 0 3.625rem 0 0.375rem; + ${paginationTokens.selectTargetPaddingWithInput}: 0 3.625rem 0 0.625rem; + ${paginationTokens.selectTargetInnerTop}: 0.5rem; + ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem; + + ${paginationTokens.inputBorderRadius}: 0.875rem; + ${paginationTokens.inputWidth}: 4rem; + ${paginationTokens.inputHeight}: 3.5rem; + ${paginationTokens.inputPadding}: 0 0.625rem; + ${paginationTokens.inputBorderWidth}: 0.0625rem; + `, + m: css` + ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-m-font-family); + ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-m-font-size); + ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-m-font-style); + ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-m-line-height); + + ${paginationTokens.buttonHeight}: 3rem; + ${paginationTokens.buttonWidth}: 3rem; + ${paginationTokens.buttonWidthShorter}: 2rem; + ${paginationTokens.paginationInputWidth}: 3.5rem; + ${paginationTokens.buttonRadius}: 0.75rem; + ${paginationTokens.paginationIconSize}: 1.05rem; + ${paginationTokens.paginationIconDoubleSize}: 1.3rem; + + ${paginationTokens.selectWidth}: 100%; + ${paginationTokens.selectHeight}: auto; + ${paginationTokens.selectPaddingTop}: 0.125rem; + ${paginationTokens.selectPaddingRight}: 0.125rem; + ${paginationTokens.selectPaddingBottom}: 0.125rem; + ${paginationTokens.selectPaddingLeft}: 0.125rem; + + ${paginationTokens.selectItemWidth}: auto; + ${paginationTokens.selectItemHeight}: 1.5rem; + ${paginationTokens.selectItemPaddingTop}: 0.75rem; + ${paginationTokens.selectItemPaddingRight}: 0.75rem; + ${paginationTokens.selectItemPaddingBottom}: 0.75rem; + ${paginationTokens.selectItemPaddingLeft}: 0.75rem; + ${paginationTokens.selectItemContentLeftWidth}: 1.75rem; + ${paginationTokens.selectItemBackground}: transparent; + + ${paginationTokens.selectTargetArrowRight}: 0.875rem; + ${paginationTokens.selectTargetWidth}: 100%; + ${paginationTokens.selectTargetPadding}: 0 3.25rem 0 1.25rem; + ${paginationTokens.selectTargetPaddingHasChips}: 0 3.375rem 0 0.375rem; + ${paginationTokens.selectTargetPaddingWithInput}: 0 3.375rem 0 0.625rem; + ${paginationTokens.selectTargetInnerTop}: 0.5rem; + ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem; + + ${paginationTokens.inputBorderRadius}: 0.75rem; + ${paginationTokens.inputWidth}: 3.5rem; + ${paginationTokens.inputHeight}: 3rem; + ${paginationTokens.inputPadding}: 0 0.625rem; + ${paginationTokens.inputBorderWidth}: 0.0625rem; + `, + s: css` + ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-s-font-family); + ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-s-font-size); + ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-s-font-style); + ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-s-line-height); + + ${paginationTokens.buttonHeight}: 2.5rem; + ${paginationTokens.buttonWidth}: 2.5rem; + ${paginationTokens.buttonWidthShorter}: 1.75rem; + ${paginationTokens.paginationInputWidth}: 3rem; + ${paginationTokens.buttonRadius}: 0.625rem; + ${paginationTokens.paginationIconSize}: 0.9rem; + ${paginationTokens.paginationIconDoubleSize}: 1.15rem; + + ${paginationTokens.selectWidth}: 100%; + ${paginationTokens.selectHeight}: auto; + ${paginationTokens.selectPaddingTop}: 0.125rem; + ${paginationTokens.selectPaddingRight}: 0.125rem; + ${paginationTokens.selectPaddingBottom}: 0.125rem; + ${paginationTokens.selectPaddingLeft}: 0.125rem; + + ${paginationTokens.selectItemWidth}: auto; + ${paginationTokens.selectItemHeight}: 1.5rem; + ${paginationTokens.selectItemPaddingTop}: 0.5rem; + ${paginationTokens.selectItemPaddingRight}: 0.75rem; + ${paginationTokens.selectItemPaddingBottom}: 0.5rem; + ${paginationTokens.selectItemPaddingLeft}: 0.75rem; + ${paginationTokens.selectItemContentLeftWidth}: 1.75rem; + ${paginationTokens.selectItemBackground}: transparent; + + ${paginationTokens.selectTargetArrowRight}: 0.75rem; + ${paginationTokens.selectTargetWidth}: 100%; + ${paginationTokens.selectTargetPadding}: 0 3rem 0 1rem; + ${paginationTokens.selectTargetPaddingHasChips}: 0 3.125rem 0 0.375rem; + ${paginationTokens.selectTargetPaddingWithInput}: 0 3.125rem 0 0.625rem; + ${paginationTokens.selectTargetInnerTop}: 0.5rem; + ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem; + + ${paginationTokens.inputBorderRadius}: 0.625rem; + ${paginationTokens.inputWidth}: 3rem; + ${paginationTokens.inputHeight}: 2.5rem; + ${paginationTokens.inputPadding}: 0 0.625rem; + ${paginationTokens.inputBorderWidth}: 0.0625rem; + `, + xs: css` + ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-xs-font-family); + ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-xs-font-size); + ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-xs-font-style); + ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${paginationTokens.buttonHeight}: 2rem; + ${paginationTokens.paginationInputWidth}: 2.5rem; + ${paginationTokens.buttonRadius}: 0.5rem; + ${paginationTokens.buttonWidth}: 2rem; + ${paginationTokens.buttonWidthShorter}: 1.5rem; + ${paginationTokens.paginationIconSize}: 0.75rem; + ${paginationTokens.paginationIconDoubleSize}: 1rem; + + ${paginationTokens.selectWidth}: 100%; + ${paginationTokens.selectHeight}: auto; + ${paginationTokens.selectPaddingTop}: 0.125rem; + ${paginationTokens.selectPaddingRight}: 0.125rem; + ${paginationTokens.selectPaddingBottom}: 0.125rem; + ${paginationTokens.selectPaddingLeft}: 0.125rem; + + ${paginationTokens.selectItemWidth}: auto; + ${paginationTokens.selectItemHeight}: 1rem; + ${paginationTokens.selectItemPaddingTop}: 0.5rem; + ${paginationTokens.selectItemPaddingRight}: 0.5rem; + ${paginationTokens.selectItemPaddingBottom}: 0.5rem; + ${paginationTokens.selectItemPaddingLeft}: 0.5rem; + ${paginationTokens.selectItemContentLeftWidth}: 1.25rem; + ${paginationTokens.selectItemBackground}: transparent; + + ${paginationTokens.selectTargetArrowRight}: 0.5rem; + ${paginationTokens.selectTargetWidth}: 100%; + ${paginationTokens.selectTargetPadding}: 0 2.5rem 0 0.75rem; + ${paginationTokens.selectTargetPaddingHasChips}: 0 2.625rem 0 0.375rem; + ${paginationTokens.selectTargetPaddingWithInput}: 0 2.625rem 0 0.625rem; + ${paginationTokens.selectTargetInnerTop}: 0.5rem; + ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem; + + ${paginationTokens.inputBorderRadius}: 0.5rem; + ${paginationTokens.inputWidth}: 2.5rem; + ${paginationTokens.inputHeight}: 2rem; + ${paginationTokens.inputPadding}: 0 0.625rem; + ${paginationTokens.inputBorderWidth}: 0.0625rem; + `, + }, + type: { + compact: css``, + default: css``, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Pagination/Pagination.stories.tsx b/packages/sdds-dfa/src/components/Pagination/Pagination.stories.tsx new file mode 100644 index 0000000000..73d9a59efa --- /dev/null +++ b/packages/sdds-dfa/src/components/Pagination/Pagination.stories.tsx @@ -0,0 +1,133 @@ +import React, { useState, useCallback } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils'; + +import { Button } from '../Button'; + +import { Pagination } from './Pagination'; + +const meta: Meta<typeof Pagination> = { + title: 'Controls/Pagination', + decorators: [InSpacingDecorator], + argTypes: { + size: { + options: ['xs', 's', 'm', 'l'], + control: { + type: 'select', + }, + }, + type: { + options: ['default', 'compact'], + control: { + type: 'select', + }, + }, + view: { + options: ['clear', 'default', 'secondary'], + control: { + type: 'select', + }, + }, + slots: { + control: { + type: 'range', + min: 7, + max: 15, + }, + }, + viewCurrentPage: { + options: ['clear', 'default', 'secondary'], + control: { + type: 'select', + }, + }, + ...disableProps(['contentLeft', 'contentRight']), + }, +}; + +export default meta; + +type Story = StoryObj<typeof Pagination>; + +export const Default: Story = { + args: { + count: 2000, + value: 1, + slots: 9, + type: 'default', + view: 'clear', + viewCurrentPage: 'secondary', + size: 'xs', + hasQuickJump: true, + hasPerPage: true, + pilled: false, + square: true, + }, + render: (args) => <Pagination {...args} />, +}; + +const PaginationContent = (agrs) => { + const [pageValue, setPageValue] = useState(agrs.value); + const [perPageValue, setPerPageValue] = useState(agrs.perPage); + + const handleChangePage = useCallback( + (page: number) => { + setPageValue(page); + }, + [pageValue, setPageValue], + ); + + const handleChangePerpage = useCallback( + (perPage: number) => { + setPerPageValue(perPage); + }, + [perPageValue, setPerPageValue], + ); + + return ( + <> + <Pagination + {...agrs} + value={pageValue} + perPage={perPageValue} + leftContent={ + <Button + onClick={() => { + setPageValue(pageValue - 1); + }} + > + Prev + </Button> + } + rightContent={ + <Button + onClick={() => { + setPageValue(pageValue + 1); + }} + > + Next + </Button> + } + onChangePageValue={handleChangePage} + onChangePerPageValue={handleChangePerpage} + /> + </> + ); +}; + +export const Content: Story = { + args: { + count: 2000, + value: 1, + slots: 9, + type: 'default', + view: 'clear', + viewCurrentPage: 'secondary', + size: 'xs', + hasQuickJump: true, + hasPerPage: true, + pilled: false, + square: true, + }, + render: (args) => <PaginationContent {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Pagination/Pagination.tsx b/packages/sdds-dfa/src/components/Pagination/Pagination.tsx new file mode 100644 index 0000000000..16446f4343 --- /dev/null +++ b/packages/sdds-dfa/src/components/Pagination/Pagination.tsx @@ -0,0 +1,11 @@ +import { paginationConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Pagination.config'; + +const mergedConfig = mergeConfig(paginationConfig, config); +const PaginationComponent = component(mergedConfig); + +/** + * Пагинация + */ +export const Pagination = PaginationComponent; diff --git a/packages/sdds-dfa/src/components/Pagination/index.ts b/packages/sdds-dfa/src/components/Pagination/index.ts new file mode 100644 index 0000000000..cfb2b99d71 --- /dev/null +++ b/packages/sdds-dfa/src/components/Pagination/index.ts @@ -0,0 +1,3 @@ +export { Pagination } from './Pagination'; + +export type { PaginationProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Popover/Popover.config.ts b/packages/sdds-dfa/src/components/Popover/Popover.config.ts new file mode 100644 index 0000000000..f6a8d7a986 --- /dev/null +++ b/packages/sdds-dfa/src/components/Popover/Popover.config.ts @@ -0,0 +1,19 @@ +import { css, popoverTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + }, + variations: { + view: { + default: css` + ${popoverTokens.arrowMaskWidth}: 1rem; + ${popoverTokens.arrowMaskHeight}: 1rem; + ${popoverTokens.arrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+"); + ${popoverTokens.arrowHeight}: 0.375rem; + ${popoverTokens.arrowEdgeMargin}: 0.5625rem; + ${popoverTokens.arrowBackground}: var(--plasma-colors-surface-solid03); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Popover/Popover.stories.tsx b/packages/sdds-dfa/src/components/Popover/Popover.stories.tsx new file mode 100644 index 0000000000..6d55d3d21e --- /dev/null +++ b/packages/sdds-dfa/src/components/Popover/Popover.stories.tsx @@ -0,0 +1,123 @@ +import React, { useState } from 'react'; +import type { ComponentProps } from 'react'; +import { InSpacingDecorator } from '@salutejs/plasma-sb-utils'; +import styled from 'styled-components'; +import type { StoryObj, Meta } from '@storybook/react'; + +import { Button } from '../Button/Button'; + +import { Popover } from './Popover'; + +const meta: Meta<typeof Popover> = { + title: 'Controls/Popover', + decorators: [InSpacingDecorator], + component: Popover, + argTypes: { + placement: { + options: ['top', 'bottom', 'right', 'left', 'auto'], + control: { + type: 'select', + }, + table: { defaultValue: { summary: 'bottom' } }, + mapping: { + top: 'top', + bottom: 'bottom', + right: 'right', + left: 'left', + auto: 'auto', + }, + }, + trigger: { + options: ['click', 'hover'], + control: { + type: 'select', + }, + table: { defaultValue: { summary: 'click' } }, + }, + closeOnOverlayClick: { + control: { + type: 'boolean', + }, + table: { defaultValue: { summary: true } }, + }, + closeOnEsc: { + control: { + type: 'boolean', + }, + table: { defaultValue: { summary: true } }, + }, + isFocusTrapped: { + control: { + type: 'boolean', + }, + table: { defaultValue: { summary: true } }, + }, + skidding: { + control: { + type: 'number', + }, + table: { defaultValue: { summary: 0 } }, + }, + distance: { + control: { + type: 'number', + }, + table: { defaultValue: { summary: 6 } }, + }, + }, + args: { + placement: 'bottom', + trigger: 'click', + closeOnOverlayClick: true, + closeOnEsc: true, + isFocusTrapped: true, + skidding: 0, + distance: 6, + }, +}; + +export default meta; + +type StoryPopoverProps = ComponentProps<typeof Popover> & { + skidding?: number; + distance?: number; +}; + +const StyledContent = styled.div` + background: var(--plasma-colors-surface-solid03); + padding: 1rem; + border-radius: 0.5rem; + + display: flex; + flex-direction: column; + align-items: center; +`; + +const StoryDefault = (args: StoryPopoverProps) => { + const { skidding = 0, distance = 6 } = args; + + const [isOpen, setIsOpen] = useState(false); + + return ( + <Popover + isOpen={isOpen} + onToggle={(is) => setIsOpen(is)} + usePortal={false} + role="presentation" + id="popover" + target={<Button>Target</Button>} + hasArrow + offset={[skidding, distance]} + {...args} + > + <StyledContent> + <>Content</> + <Button onClick={() => setIsOpen(false)}>Close</Button> + </StyledContent> + </Popover> + ); +}; + +export const Default: StoryObj<StoryPopoverProps> = { + render: (args) => <StoryDefault {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Popover/Popover.tsx b/packages/sdds-dfa/src/components/Popover/Popover.tsx new file mode 100644 index 0000000000..0b1defebed --- /dev/null +++ b/packages/sdds-dfa/src/components/Popover/Popover.tsx @@ -0,0 +1,7 @@ +import { popoverConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Popover.config'; + +const mergedConfig = mergeConfig(popoverConfig, config); + +export const Popover = component(mergedConfig); diff --git a/packages/sdds-dfa/src/components/Popover/index.ts b/packages/sdds-dfa/src/components/Popover/index.ts new file mode 100644 index 0000000000..73210a1b70 --- /dev/null +++ b/packages/sdds-dfa/src/components/Popover/index.ts @@ -0,0 +1,2 @@ +export { Popover } from './Popover'; +export type { PopoverProps, PopoverPlacement, PopoverTrigger } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Popup/Popup.stories.tsx b/packages/sdds-dfa/src/components/Popup/Popup.stories.tsx new file mode 100644 index 0000000000..a19dc8319c --- /dev/null +++ b/packages/sdds-dfa/src/components/Popup/Popup.stories.tsx @@ -0,0 +1,168 @@ +import React from 'react'; +import styled from 'styled-components'; +import type { StoryObj, Meta } from '@storybook/react'; +import { InSpacingDecorator } from '@salutejs/plasma-sb-utils'; + +import { SSRProvider } from '../SSRProvider'; +import { Button } from '../Button'; + +import { Popup, popupClasses, PopupProvider } from '.'; +import type { PopupProps } from '.'; + +const meta: Meta<PopupProps> = { + title: 'Controls/Popup', + component: Popup, + decorators: [InSpacingDecorator], + argTypes: { + placement: { + options: [ + 'center', + 'top', + 'bottom', + 'right', + 'left', + 'top-right', + 'top-left', + 'bottom-right', + 'bottom-left', + ], + control: { + type: 'select', + }, + }, + }, +}; + +export default meta; + +type StoryPopupProps = { placement: string; offsetX: number; offsetY: number }; + +const StyledButton = styled(Button)` + margin-top: 1rem; + width: 15rem; +`; + +const StyledWrapper = styled.div` + height: 1200px; +`; + +const OtherContent = styled.div` + margin-top: 1rem; + width: 400px; + height: 500px; + background: var(--surface-solid-tertiary); + position: absolute; + + display: flex; + align-items: flex-start; + justify-content: center; + padding: 1rem; + + top: 0; + right: 0; +`; + +const Content = styled.div` + background: var(--surface-solid-secondary); + padding: 1rem; +`; + +const StyledPopupAnimation = styled(Popup)` + && .${popupClasses.root} { + animation: fadeIn 1s forwards; + } + + &&.${popupClasses.endAnimation} .${popupClasses.root} { + animation: fadeOut 1s forwards; + } + + @keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } + } + + @keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } + } +`; + +const StyledPopupTransition = styled(Popup)` + && .${popupClasses.root} { + opacity: 1; + transition: opacity 0.5s 0.1s; + } + + &&.${popupClasses.endTransition} .${popupClasses.root} { + opacity: 0; + transition: opacity 0.5s 0.1s; + } +`; + +const StoryPopup = ({ placement, offsetX, offsetY }: StoryPopupProps) => { + const [isOpenA, setIsOpenA] = React.useState(false); + const [isOpenB, setIsOpenB] = React.useState(false); + + const ref = React.useRef<HTMLDivElement>(null); + + return ( + <SSRProvider> + <StyledWrapper> + <PopupProvider> + <div style={{ display: 'flex', flexDirection: 'column' }}> + <StyledButton text="Открыть в document" onClick={() => setIsOpenB(true)} /> + <StyledButton text="Открыть во Frame" onClick={() => setIsOpenA(true)} /> + </div> + <StyledPopupAnimation + id="popupA" + withAnimation + frame={ref} + isOpen={isOpenA} + placement={placement} + offset={[offsetX, offsetY]} + > + <Content> + <Button onClick={() => setIsOpenA(false)}>Close</Button> + <>Content</> + </Content> + </StyledPopupAnimation> + <OtherContent ref={ref}> + <>Frame</> + </OtherContent> + <StyledPopupTransition + id="popupB" + withAnimation + frame="document" + isOpen={isOpenB} + placement={placement} + offset={[offsetX, offsetY]} + > + <Content> + <Button onClick={() => setIsOpenB(false)}>Close</Button> + <>Content</> + </Content> + </StyledPopupTransition> + </PopupProvider> + </StyledWrapper> + </SSRProvider> + ); +}; + +export const PopupDemo: StoryObj<StoryPopupProps> = { + args: { + placement: 'center', + offsetX: 0, + offsetY: 0, + }, + render: (args) => <StoryPopup {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Popup/Popup.tsx b/packages/sdds-dfa/src/components/Popup/Popup.tsx new file mode 100644 index 0000000000..30057b6732 --- /dev/null +++ b/packages/sdds-dfa/src/components/Popup/Popup.tsx @@ -0,0 +1,11 @@ +import { popupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; +import type { ForwardRefExoticComponent, RefAttributes } from 'react'; + +import { PopupProps } from '.'; + +const mergedConfig = mergeConfig(popupConfig); + +/** + * Базовый компонент Popup. + */ +export const Popup = component(mergedConfig) as ForwardRefExoticComponent<PopupProps & RefAttributes<HTMLDivElement>>; diff --git a/packages/sdds-dfa/src/components/Popup/index.ts b/packages/sdds-dfa/src/components/Popup/index.ts new file mode 100644 index 0000000000..885f05962e --- /dev/null +++ b/packages/sdds-dfa/src/components/Popup/index.ts @@ -0,0 +1,5 @@ +export { usePopupContext, PopupProvider, popupClasses } from '@salutejs/plasma-new-hope/styled-components'; + +export { Popup } from './Popup'; + +export type { PopupPlacement, PopupInfo, PopupProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Portal/Portal.stories.tsx b/packages/sdds-dfa/src/components/Portal/Portal.stories.tsx new file mode 100644 index 0000000000..73b9db5f28 --- /dev/null +++ b/packages/sdds-dfa/src/components/Portal/Portal.stories.tsx @@ -0,0 +1,57 @@ +import React, { useState, useRef } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { InSpacingDecorator } from '@salutejs/plasma-sb-utils'; +import type { ComponentProps } from 'react'; +import styled from 'styled-components'; + +import { Button } from '../Button/Button'; +import { BodyM } from '../Typography'; + +import { Portal } from './Portal'; + +const meta: Meta<typeof Portal> = { + title: 'Controls/Portal', + decorators: [InSpacingDecorator], + args: { + disabled: false, + }, +}; + +export default meta; + +type StoryPortalProps = ComponentProps<typeof Portal>; + +const StyledWrapper = styled.div` + padding: 1.25rem; + margin-bottom: 0.625rem; + margin-top: 0.625rem; + + border: 1px solid; +`; + +const StoryDefault = ({ disabled }: StoryPortalProps) => { + const [show, setShow] = useState(false); + const containerRef = useRef<HTMLDivElement>(null); + + return ( + <> + <Button onClick={() => setShow(!show)}>{show ? 'Скрыть' : 'Показать'}</Button> + <StyledWrapper> + <BodyM style={{ marginBottom: '1.25rem' }}>Содержимое портала появится в нижнем блоке.</BodyM> + <BodyM style={{ marginBottom: '1.25rem' }}> + Если портал выключен (disabled), то содержимое появится в данном блоке. + </BodyM> + {show && containerRef.current && ( + <Portal disabled={disabled} container={containerRef.current}> + <BodyM bold>Содержимое портала</BodyM> + </Portal> + )} + </StyledWrapper> + <StyledWrapper ref={containerRef} /> + </> + ); +}; + +export const Default: StoryObj<StoryPortalProps> = { + render: (args) => <StoryDefault {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Portal/Portal.tsx b/packages/sdds-dfa/src/components/Portal/Portal.tsx new file mode 100644 index 0000000000..60ea33d97a --- /dev/null +++ b/packages/sdds-dfa/src/components/Portal/Portal.tsx @@ -0,0 +1,10 @@ +import { portalConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +const mergedConfig = mergeConfig(portalConfig); +const PortalComponent = component(mergedConfig); + +/* + * Вспомогательный компонент. Используется в Popup, Popover. + * Представляет собой ReactDOM.createPortal() в форме компонента. + */ +export const Portal = PortalComponent; diff --git a/packages/sdds-dfa/src/components/Portal/index.ts b/packages/sdds-dfa/src/components/Portal/index.ts new file mode 100644 index 0000000000..922be8e235 --- /dev/null +++ b/packages/sdds-dfa/src/components/Portal/index.ts @@ -0,0 +1,3 @@ +export { Portal } from './Portal'; + +export type { PortalProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Progress/Progress.config.ts b/packages/sdds-dfa/src/components/Progress/Progress.config.ts new file mode 100644 index 0000000000..a103dc3280 --- /dev/null +++ b/packages/sdds-dfa/src/components/Progress/Progress.config.ts @@ -0,0 +1,58 @@ +import { css, progressTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + }, + variations: { + view: { + default: css` + ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary); + ${progressTokens.progressFilledBackgroundColor}: var(--surface-solid-default); + ${progressTokens.valueColor}: var(--text-tertiary); + `, + secondary: css` + ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary); + ${progressTokens.progressFilledBackgroundColor}: var(--surface-solid-tertiary); + ${progressTokens.valueColor}: var(--text-tertiary); + `, + primary: css` + ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary); + ${progressTokens.progressFilledBackgroundColor}: var(--surface-accent); + ${progressTokens.valueColor}: var(--text-tertiary); + `, + accent: css` + ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary); + ${progressTokens.progressFilledBackgroundColor}: var(--surface-accent-gradient); + ${progressTokens.valueColor}: var(--text-tertiary); + `, + success: css` + ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary); + ${progressTokens.progressFilledBackgroundColor}: var(--surface-positive); + ${progressTokens.valueColor}: var(--text-tertiary); + `, + warning: css` + ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary); + ${progressTokens.progressFilledBackgroundColor}: var(--surface-warning); + ${progressTokens.valueColor}: var(--text-tertiary); + `, + error: css` + ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary); + ${progressTokens.progressFilledBackgroundColor}: var(--surface-negative); + ${progressTokens.valueColor}: var(--text-tertiary); + `, + }, + size: { + m: css` + ${progressTokens.trackHeight}: 0.25rem; + ${progressTokens.trackBorderRadius}: 0.125rem; + + ${progressTokens.progressFilledHeight}: 0.375rem; + ${progressTokens.progressFilledBorderRadius}: 0.375rem; + + ${progressTokens.valueMarginLeft}: 0.5rem; + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Progress/Progress.stories.tsx b/packages/sdds-dfa/src/components/Progress/Progress.stories.tsx new file mode 100644 index 0000000000..ea50750099 --- /dev/null +++ b/packages/sdds-dfa/src/components/Progress/Progress.stories.tsx @@ -0,0 +1,32 @@ +import type { StoryObj, Meta } from '@storybook/react'; +import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils'; + +import { Progress } from '.'; +import type { ProgressProps } from '.'; + +const views = ['default', 'secondary', 'primary', 'accent', 'success', 'warning', 'error']; + +const meta: Meta<typeof Progress> = { + title: 'Controls/Progress', + component: Progress, + decorators: [InSpacingDecorator], + argTypes: { + view: { + options: views, + control: { + type: 'select', + }, + }, + ...disableProps(['status']), + }, +}; + +export default meta; + +export const Default: StoryObj<ProgressProps> = { + args: { + value: 25, + view: 'default', + displayValue: true, + }, +}; diff --git a/packages/sdds-dfa/src/components/Progress/Progress.ts b/packages/sdds-dfa/src/components/Progress/Progress.ts new file mode 100644 index 0000000000..fcf85ca3a0 --- /dev/null +++ b/packages/sdds-dfa/src/components/Progress/Progress.ts @@ -0,0 +1,8 @@ +import { progressConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Progress.config'; + +const mergedConfig = mergeConfig(progressConfig, config); +const ProgressComponent = component(mergedConfig); + +export const Progress = ProgressComponent; diff --git a/packages/sdds-dfa/src/components/Progress/index.ts b/packages/sdds-dfa/src/components/Progress/index.ts new file mode 100644 index 0000000000..0111c96198 --- /dev/null +++ b/packages/sdds-dfa/src/components/Progress/index.ts @@ -0,0 +1,3 @@ +export { Progress } from './Progress'; + +export type { ProgressProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Radiobox/Radiobox.config.ts b/packages/sdds-dfa/src/components/Radiobox/Radiobox.config.ts new file mode 100644 index 0000000000..9b00cfb252 --- /dev/null +++ b/packages/sdds-dfa/src/components/Radiobox/Radiobox.config.ts @@ -0,0 +1,123 @@ +import { css, radioboxTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'accent', + size: 'm', + focused: 'true', + }, + variations: { + /** + * Размер контрола. + */ + size: { + s: css` + ${radioboxTokens.margin}: 0; + ${radioboxTokens.triggerMargin}: 0; + ${radioboxTokens.triggerSize}: 1rem; + ${radioboxTokens.triggerBorderRadius}: 1.125rem; + ${radioboxTokens.ellipseSize}: 0.5rem; + ${radioboxTokens.contentTopOffset}: 0; + ${radioboxTokens.contentLeftOffset}: 0.5rem; + ${radioboxTokens.descriptionMarginTop}: 0.125rem; + ${radioboxTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family); + ${radioboxTokens.labelFontSize}: var(--plasma-typo-body-s-font-size); + ${radioboxTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style); + ${radioboxTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight); + ${radioboxTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${radioboxTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height); + ${radioboxTokens.descriptionFontFamily}: var(--plasma-typo-body-xs-font-family); + ${radioboxTokens.descriptionFontSize}: var(--plasma-typo-body-xs-font-size); + ${radioboxTokens.descriptionFontStyle}: var(--plasma-typo-body-xs-font-style); + ${radioboxTokens.descriptionFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${radioboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${radioboxTokens.descriptionLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + m: css` + ${radioboxTokens.margin}: 0; + ${radioboxTokens.triggerMargin}: 0.063rem 0; + ${radioboxTokens.triggerSize}: 1.375rem; + ${radioboxTokens.triggerBorderRadius}: 1.125rem; + ${radioboxTokens.ellipseSize}: 0.625rem; + ${radioboxTokens.contentTopOffset}: 0.125rem; + ${radioboxTokens.contentLeftOffset}: 0.625rem; + ${radioboxTokens.descriptionMarginTop}: 0.125rem; + ${radioboxTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family); + ${radioboxTokens.labelFontSize}: var(--plasma-typo-body-m-font-size); + ${radioboxTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style); + ${radioboxTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight); + ${radioboxTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${radioboxTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height); + ${radioboxTokens.descriptionFontFamily}: var(--plasma-typo-body-s-font-family); + ${radioboxTokens.descriptionFontSize}: var(--plasma-typo-body-s-font-size); + ${radioboxTokens.descriptionFontStyle}: var(--plasma-typo-body-s-font-style); + ${radioboxTokens.descriptionFontWeight}: var(--plasma-typo-body-s-font-weight); + ${radioboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${radioboxTokens.descriptionLineHeight}: var(--plasma-typo-body-s-line-height); + `, + }, + /** + * Вид контрола. + */ + view: { + default: css` + ${radioboxTokens.fillColor}: var(--text-primary); + ${radioboxTokens.ellipseColor}: var(--inverse-text-primary); + ${radioboxTokens.descriptionColor}: var(--text-secondary); + ${radioboxTokens.triggerBorderColor}: var(--text-secondary); + `, + secondary: css` + ${radioboxTokens.fillColor}: var(--text-secondary); + ${radioboxTokens.ellipseColor}: var(--inverse-text-primary); + ${radioboxTokens.descriptionColor}: var(--text-secondary); + ${radioboxTokens.triggerBorderColor}: var(--text-secondary); + `, + tertiary: css` + ${radioboxTokens.fillColor}: var(--text-tertiary); + ${radioboxTokens.ellipseColor}: var(--inverse-text-primary); + ${radioboxTokens.descriptionColor}: var(--text-secondary); + ${radioboxTokens.triggerBorderColor}: var(--text-secondary); + `, + paragraph: css` + ${radioboxTokens.fillColor}: var(--text-paragraph); + ${radioboxTokens.ellipseColor}: var(--inverse-text-primary); + ${radioboxTokens.descriptionColor}: var(--text-secondary); + ${radioboxTokens.triggerBorderColor}: var(--text-secondary); + `, + accent: css` + ${radioboxTokens.fillColor}: var(--text-accent); + ${radioboxTokens.ellipseColor}: var(--on-dark-text-primary); + ${radioboxTokens.descriptionColor}: var(--text-secondary); + ${radioboxTokens.triggerBorderColor}: var(--text-secondary); + `, + positive: css` + ${radioboxTokens.fillColor}: var(--text-positive); + ${radioboxTokens.ellipseColor}: var(--on-dark-text-primary); + ${radioboxTokens.descriptionColor}: var(--text-secondary); + ${radioboxTokens.triggerBorderColor}: var(--text-secondary); + `, + warning: css` + ${radioboxTokens.fillColor}: var(--text-warning); + ${radioboxTokens.ellipseColor}: var(--on-dark-text-primary); + ${radioboxTokens.descriptionColor}: var(--text-secondary); + ${radioboxTokens.triggerBorderColor}: var(--text-secondary); + `, + negative: css` + ${radioboxTokens.fillColor}: var(--text-negative); + ${radioboxTokens.ellipseColor}: var(--on-dark-text-primary); + ${radioboxTokens.descriptionColor}: var(--text-secondary); + ${radioboxTokens.triggerBorderColor}: var(--text-secondary); + `, + }, + disabled: { + true: css` + ${radioboxTokens.disabledOpacity}: 0.4; + `, + }, + focused: { + true: css` + ${radioboxTokens.focusColor}: var(--text-accent); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Radiobox/Radiobox.stories.tsx b/packages/sdds-dfa/src/components/Radiobox/Radiobox.stories.tsx new file mode 100644 index 0000000000..f7f2b96de9 --- /dev/null +++ b/packages/sdds-dfa/src/components/Radiobox/Radiobox.stories.tsx @@ -0,0 +1,138 @@ +import React, { useState } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { action } from '@storybook/addon-actions'; +import { InSpacingDecorator } from '@salutejs/plasma-sb-utils'; + +import { Radiobox, RadioboxProps } from '.'; + +const onChange = action('onChange'); +const onFocus = action('onFocus'); +const onBlur = action('onBlur'); + +const sizes = ['m', 's']; +const views = ['default', 'secondary', 'tertiary', 'paragraph', 'accent', 'positive', 'warning', 'negative']; + +const meta: Meta<RadioboxProps> = { + title: 'Controls/Radiobox', + component: Radiobox, + decorators: [InSpacingDecorator], + argTypes: { + size: { + options: sizes, + control: { + type: 'inline-radio', + }, + }, + view: { + options: views, + control: { + type: 'select', + }, + }, + }, +}; + +export default meta; + +type Story = StoryObj<RadioboxProps>; + +const cDescription = ( + <div> + A general-purpose, procedural computer programming{' '} + <a href="https://en.wikipedia.org/wiki/C_(programming_language)">language</a>{' '} + </div> +); + +const langName = 'language'; + +const items = [ + { + langName, + value: 'c', + label: 'C', + disabled: false, + description: cDescription, + }, + { langName, value: 'cpp', label: 'C++', disabled: false }, + { langName, value: 'assembly', label: 'Assembly', disabled: false }, + { langName, value: 'elixir', label: 'Elixir', disabled: true }, +]; + +const StoryDefault = ({ name, label, description, disabled, singleLine, size, view }: RadioboxProps) => { + const value = 0; + const [checked, setChecked] = React.useState(true); + + return ( + <Radiobox + name={name} + value={value} + label={label} + description={description} + disabled={disabled} + checked={checked} + singleLine={singleLine} + size={size} + view={view} + onChange={(event) => { + event.persist(); + + setChecked(event.target.checked); + onChange(event); + }} + onFocus={onFocus} + onBlur={onBlur} + /> + ); +}; + +export const Default: Story = { + args: { + name: 'Radiobox', + label: 'Label', + description: 'Description', + disabled: false, + singleLine: false, + size: 'm', + view: 'accent', + }, + render: (args) => <StoryDefault {...args} />, +}; + +const StoryLive = (props: RadioboxProps) => { + const [value, setValue] = useState('c'); + + return ( + <> + {items.map((item) => ( + <Radiobox + key={item.value} + name={item.langName} + value={item.value} + label={item.label} + disabled={item.disabled} + checked={value[item.value]} + description={item.description} + onChange={(event) => { + event.persist(); + + setValue(item.value); + onChange(event); + }} + onFocus={onFocus} + onBlur={onBlur} + {...props} + /> + ))} + </> + ); +}; + +export const Live: Story = { + args: { + size: 'm', + view: 'accent', + singleLine: false, + focused: true, + }, + render: (args) => <StoryLive {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Radiobox/Radiobox.ts b/packages/sdds-dfa/src/components/Radiobox/Radiobox.ts new file mode 100644 index 0000000000..ff3de195e0 --- /dev/null +++ b/packages/sdds-dfa/src/components/Radiobox/Radiobox.ts @@ -0,0 +1,15 @@ +import { radioboxConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; +import { ComponentProps } from 'react'; + +import { config } from './Radiobox.config'; + +const mergedConfig = mergeConfig(radioboxConfig, config); +const RadioboxComponent = component(mergedConfig); + +export type RadioboxProps = ComponentProps<typeof RadioboxComponent>; +/** + * Переключатель, или *радиокнопка*. + */ +export const Radiobox = RadioboxComponent; + +export { RadioGroup } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Radiobox/index.ts b/packages/sdds-dfa/src/components/Radiobox/index.ts new file mode 100644 index 0000000000..43ce06a8f4 --- /dev/null +++ b/packages/sdds-dfa/src/components/Radiobox/index.ts @@ -0,0 +1,2 @@ +export { Radiobox, RadioGroup } from './Radiobox'; +export type { RadioboxProps } from './Radiobox'; diff --git a/packages/sdds-dfa/src/components/Range/Range.config.ts b/packages/sdds-dfa/src/components/Range/Range.config.ts new file mode 100644 index 0000000000..696fd3f06c --- /dev/null +++ b/packages/sdds-dfa/src/components/Range/Range.config.ts @@ -0,0 +1,239 @@ +import { css, rangeTokens as tokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'l', + }, + variations: { + view: { + default: css` + ${tokens.background}: var(--surface-transparent-primary); + ${tokens.backgroundError}: var(--surface-transparent-negative); + ${tokens.backgroundSuccess}: var(--surface-transparent-positive); + + ${tokens.dividerColor}: var(--text-primary); + ${tokens.labelColor}: var(--text-primary); + ${tokens.leftHelperColor}: var(--text-secondary); + + ${tokens.textFieldColor}: var(--text-primary); + ${tokens.textFieldPlaceholderColor}: var(--text-secondary); + ${tokens.textFieldCaretColor}: var(--text-accent); + + ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary); + ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative); + ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active); + ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive); + ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active); + + ${tokens.textFieldTextBeforeColor}: var(--text-tertiary); + ${tokens.textFieldTextAfterColor}: var(--text-tertiary); + + ${tokens.focusColor}: var(--text-accent); + `, + }, + size: { + l: css` + ${tokens.borderRadius}: 0.875rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.leftContentMargin}: 0 0.375rem 0 1rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.75rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.textFieldHeight}: 3.5rem; + ${tokens.textFieldBorderRadius}: 0.875rem; + ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + `, + m: css` + ${tokens.borderRadius}: 0.75rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.leftContentMargin}: 0 0.375rem 0 0.875rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.625rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.textFieldHeight}: 3rem; + ${tokens.textFieldBorderRadius}: 0.75rem; + ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + `, + s: css` + ${tokens.borderRadius}: 0.625rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.leftContentMargin}: 0 0.375rem 0 0.75rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.5rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.textFieldHeight}: 2.5rem; + ${tokens.textFieldBorderRadius}: 0.625rem; + ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + `, + xs: css` + ${tokens.borderRadius}: 0.5rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.leftContentMargin}: 0 0.25rem 0 0.5rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.375rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldHeight}: 2rem; + ${tokens.textFieldBorderRadius}: 0.5rem; + ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + `, + }, + disabled: { + true: css` + ${tokens.disabledOpacity}: 0.4; + `, + }, + readOnly: { + true: css` + ${tokens.backgroundReadOnly}: var(--surface-transparent-primary); + ${tokens.labelColorReadOnly}: var(--text-secondary); + ${tokens.leftHelperColorReadOnly}: var(--text-secondary); + ${tokens.dividerColorReadOnly}: var(--text-secondary); + + ${tokens.textFieldColorReadOnly}: var(--text-secondary); + ${tokens.textFieldBackgroundColorReadOnly}: transparent; + ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Range/Range.stories.tsx b/packages/sdds-dfa/src/components/Range/Range.stories.tsx new file mode 100644 index 0000000000..7d33a99127 --- /dev/null +++ b/packages/sdds-dfa/src/components/Range/Range.stories.tsx @@ -0,0 +1,315 @@ +import React, { ChangeEvent, ComponentProps, Dispatch, SetStateAction, useState } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { action } from '@storybook/addon-actions'; +import { InSpacingDecorator } from '@salutejs/plasma-sb-utils'; +import { IconSearch, IconSber, IconArrowRight } from '@salutejs/plasma-icons'; + +import { Button } from '../Button/Button'; + +import { Range } from './Range'; + +const onChangeFirstValue = action('onChangeFirstValue'); +const onChangeSecondValue = action('onChangeSecondValue'); +const onSearchFirstValue = action('onSearchFirstValue'); +const onSearchSecondValue = action('onSearchSecondValue'); +const onFocusFirstTextfield = action('onFocusFirstTextfield'); +const onFocusSecondTextfield = action('onFocusSecondTextfield'); +const onBlurFirstTextfield = action('onBlurFirstTextfield'); +const onBlurSecondTextfield = action('onBlurSecondTextfield'); + +const sizes = ['l', 'm', 's', 'xs']; +const views = ['default']; +const dividers = ['none', 'dash', 'icon']; + +const meta: Meta<typeof Range> = { + title: 'Controls/Range', + component: Range, + decorators: [InSpacingDecorator], + argTypes: { + view: { + options: views, + control: { + type: 'inline-radio', + }, + }, + size: { + options: sizes, + control: { + type: 'inline-radio', + }, + }, + }, +}; + +export default meta; + +type StoryPropsDefault = ComponentProps<typeof Range> & { + enableContentLeft: boolean; + enableContentRight: boolean; + enableFirstTextfieldContentLeft: boolean; + enableSecondTextfieldContentLeft: boolean; + enableFirstTextfieldContentRight: boolean; + enableSecondTextfieldContentRight: boolean; +}; + +const getSizeForIcon = (size) => { + const map = { + m: 's', + l: 's', + s: 's', + xs: 'xs', + }; + if (map[size]) { + return map[size]; + } + + return size; +}; + +const ActionButton = ({ size }) => { + return ( + <Button view="clear" style={{ color: 'inherit' }} size={size}> + <IconSearch color="inherit" size={getSizeForIcon(size)} /> + </Button> + ); +}; + +const StoryDefault = ({ + dividerVariant, + enableContentLeft, + enableContentRight, + firstTextfieldTextBefore, + secondTextfieldTextBefore, + enableFirstTextfieldContentLeft, + enableSecondTextfieldContentLeft, + enableFirstTextfieldContentRight, + enableSecondTextfieldContentRight, + size, + ...rest +}: StoryPropsDefault) => { + const [firstValue, setFirstValue] = useState(''); + const [secondValue, setSecondValue] = useState(''); + + const iconSize = size === 'xs' ? 'xs' : 's'; + const showDividerIcon = dividerVariant === 'icon'; + const showDefaultTextBefore = dividerVariant === 'none'; + + const dividerIconProps = { + dividerIcon: showDividerIcon ? <IconArrowRight size={iconSize} /> : null, + dividerVariant, + }; + + return ( + <Range + size={size} + firstValue={firstValue} + secondValue={secondValue} + contentLeft={enableContentLeft ? <IconSber color="inherit" size={iconSize} /> : undefined} + contentRight={enableContentRight ? <ActionButton size={size} /> : undefined} + firstTextfieldContentLeft={ + enableFirstTextfieldContentLeft ? <IconSber color="inherit" size={iconSize} /> : undefined + } + firstTextfieldContentRight={ + enableFirstTextfieldContentRight ? <IconSber color="inherit" size={iconSize} /> : undefined + } + secondTextfieldContentLeft={ + enableSecondTextfieldContentLeft ? <IconSber color="inherit" size={iconSize} /> : undefined + } + secondTextfieldContentRight={ + enableSecondTextfieldContentRight ? <IconSber color="inherit" size={iconSize} /> : undefined + } + firstTextfieldTextBefore={ + showDefaultTextBefore ? firstTextfieldTextBefore || 'С' : firstTextfieldTextBefore + } + secondTextfieldTextBefore={ + showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore + } + onChangeFirstValue={(e) => { + setFirstValue(e.target.value); + onChangeFirstValue(e, e.target.value); + }} + onChangeSecondValue={(e) => { + setSecondValue(e.target.value); + onChangeSecondValue(e, e.target.value); + }} + onSearchFirstValue={onSearchFirstValue} + onSearchSecondValue={onSearchSecondValue} + onFocusFirstTextfield={onFocusFirstTextfield} + onFocusSecondTextfield={onFocusSecondTextfield} + onBlurFirstTextfield={onBlurFirstTextfield} + onBlurSecondTextfield={onBlurSecondTextfield} + {...dividerIconProps} + {...rest} + /> + ); +}; + +export const Default: StoryObj<StoryPropsDefault> = { + argTypes: { + dividerVariant: { + options: dividers, + control: { + type: 'inline-radio', + }, + }, + }, + args: { + label: 'Лейбл', + leftHelper: 'Подсказка к полю', + firstPlaceholder: 'Заполните поле 1', + secondPlaceholder: 'Заполните поле 2', + size: 'l', + view: 'default', + disabled: false, + readOnly: false, + firstTextfieldTextBefore: 'С', + secondTextfieldTextBefore: 'ПО', + enableContentLeft: true, + enableContentRight: true, + dividerVariant: 'dash', + enableFirstTextfieldContentLeft: false, + enableFirstTextfieldContentRight: false, + enableSecondTextfieldContentLeft: false, + enableSecondTextfieldContentRight: false, + firstValueError: false, + secondValueError: false, + firstValueSuccess: false, + secondValueSuccess: false, + }, + render: (args) => <StoryDefault {...args} />, +}; + +const StoryDemo = ({ enableContentLeft, enableContentRight, size, ...rest }: StoryPropsDefault) => { + const [firstValue, setFirstValue] = useState(''); + const [secondValue, setSecondValue] = useState(''); + + const [firstValueError, setFirstValueError] = useState(false); + const [secondValueError, setSecondValueError] = useState(false); + + const [firstValueSuccess, setFirstValueSuccess] = useState(false); + const [secondValueSuccess, setSecondValueSuccess] = useState(false); + + const checkValue = (value: string) => /^([1-9][0-9]*|)$/.test(value); + + const handleChangeValue = ( + e: ChangeEvent<HTMLInputElement>, + setter: Dispatch<SetStateAction<string>>, + error: boolean, + errorSetter: Dispatch<SetStateAction<boolean>>, + success: boolean, + successSetter: Dispatch<SetStateAction<boolean>>, + ) => { + const { value } = e.target; + if (!checkValue(value)) { + return; + } + + if (error) { + errorSetter(false); + } + + if (success) { + successSetter(false); + } + + setter(value); + }; + + const firstValueConstraint = (currentValue: number) => + currentValue <= 0 || + currentValue >= 9 || + Boolean(secondValue && currentValue >= Number(secondValue) && !secondValueError); + const secondValueConstraint = (currentValue: number) => + currentValue <= 0 || + currentValue > 10 || + Boolean(firstValue && currentValue <= Number(firstValue) && !firstValueError); + + const handleCommitValue = ( + value: string, + constraint: (currentValue: number) => boolean, + errorSetter: Dispatch<SetStateAction<boolean>>, + successSetter: Dispatch<SetStateAction<boolean>>, + ) => { + if (!value) { + return; + } + + if (!checkValue(value)) { + return errorSetter(true); + } + + if (constraint(Number(value))) { + return errorSetter(true); + } + + successSetter(true); + }; + + const iconSize = size === 'xs' ? 'xs' : 's'; + + return ( + <Range + dividerVariant="dash" + size={size} + firstValue={firstValue} + secondValue={secondValue} + firstValueError={firstValueError} + secondValueError={secondValueError} + firstValueSuccess={firstValueSuccess} + secondValueSuccess={secondValueSuccess} + contentLeft={enableContentLeft ? <IconSber color="inherit" size={iconSize} /> : undefined} + contentRight={enableContentRight ? <ActionButton size={size} /> : undefined} + onChangeFirstValue={(e) => { + handleChangeValue( + e, + setFirstValue, + firstValueError, + setFirstValueError, + firstValueSuccess, + setFirstValueSuccess, + ); + }} + onChangeSecondValue={(e) => { + handleChangeValue( + e, + setSecondValue, + secondValueError, + setSecondValueError, + secondValueSuccess, + setSecondValueSuccess, + ); + }} + onSearchFirstValue={(e) => { + const { value } = e.target as HTMLInputElement; + handleCommitValue(value, firstValueConstraint, setFirstValueError, setFirstValueSuccess); + }} + onSearchSecondValue={(e) => { + const { value } = e.target as HTMLInputElement; + handleCommitValue(value, secondValueConstraint, setSecondValueError, setSecondValueSuccess); + }} + onFocusFirstTextfield={onFocusFirstTextfield} + onFocusSecondTextfield={onFocusSecondTextfield} + onBlurFirstTextfield={onBlurFirstTextfield} + onBlurSecondTextfield={onBlurSecondTextfield} + {...rest} + /> + ); +}; + +export const Demo: StoryObj<StoryPropsDefault> = { + args: { + label: 'Введите кол-во товара', + leftHelper: 'Кол-во товара не может быть меньше 1 и превышать 10', + firstPlaceholder: '1', + secondPlaceholder: '5', + size: 'l', + view: 'default', + disabled: false, + readOnly: false, + firstTextfieldTextBefore: '', + secondTextfieldTextBefore: '', + enableContentLeft: true, + enableContentRight: true, + }, + render: (args) => <StoryDemo {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Range/Range.ts b/packages/sdds-dfa/src/components/Range/Range.ts new file mode 100644 index 0000000000..359ef94798 --- /dev/null +++ b/packages/sdds-dfa/src/components/Range/Range.ts @@ -0,0 +1,10 @@ +import { rangeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Range.config'; + +const mergedConfig = mergeConfig(rangeConfig, config); + +/** + * Компонент Range. + */ +export const Range = component(mergedConfig); diff --git a/packages/sdds-dfa/src/components/Range/index.ts b/packages/sdds-dfa/src/components/Range/index.ts new file mode 100644 index 0000000000..9cc6e531fd --- /dev/null +++ b/packages/sdds-dfa/src/components/Range/index.ts @@ -0,0 +1,4 @@ +export { Range } from './Range'; +export { rangeTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export type { RangeProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/SSRProvider/index.ts b/packages/sdds-dfa/src/components/SSRProvider/index.ts new file mode 100644 index 0000000000..c590cf4ab1 --- /dev/null +++ b/packages/sdds-dfa/src/components/SSRProvider/index.ts @@ -0,0 +1 @@ +export { SSRProvider } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Segment/Segment.stories.tsx b/packages/sdds-dfa/src/components/Segment/Segment.stories.tsx new file mode 100644 index 0000000000..e94e2e21e3 --- /dev/null +++ b/packages/sdds-dfa/src/components/Segment/Segment.stories.tsx @@ -0,0 +1,106 @@ +import React from 'react'; +import type { ComponentProps } from 'react'; +import { InSpacingDecorator } from '@salutejs/plasma-sb-utils'; +import type { StoryObj, Meta } from '@storybook/react'; + +import { SegmentItem, SegmentGroup } from './Segment'; + +import { SegmentProvider } from '.'; + +const views = ['clear', 'filled']; +const sizes = ['l', 'm', 's', 'xs']; +const segmentItemViews = ['clear', 'default', 'secondary']; + +type CustomStorySegmentProps = { + segmentItemView?: string; + contentItemsNumber?: number; +}; + +type StorySegmentProps = ComponentProps<typeof SegmentGroup> & CustomStorySegmentProps; + +const meta: Meta<StorySegmentProps> = { + title: 'Controls/Segment', + decorators: [InSpacingDecorator], + component: SegmentGroup, + argTypes: { + view: { + options: views, + control: { + type: 'select', + }, + }, + size: { + options: sizes, + control: { + type: 'select', + }, + }, + selectionMode: { + options: ['single', 'multiple'], + control: { + type: 'select', + }, + }, + segmentItemView: { + options: segmentItemViews, + control: { + type: 'select', + }, + }, + }, +}; + +export default meta; + +const StoryDefault = ({ contentItemsNumber, selectionMode, view, segmentItemView, ...args }: StorySegmentProps) => { + const contentItems = Array(contentItemsNumber).fill(0); + + return ( + <> + <h3>Segment with auto width</h3> + <SegmentProvider> + <SegmentGroup view={view} selectionMode={selectionMode} {...args}> + {contentItems.map((_, i) => ( + <SegmentItem + view={segmentItemView} + label={`Label ${i}`} + value={`label_${i}`} + key={`label_${i}`} + {...args} + /> + ))} + </SegmentGroup> + </SegmentProvider> + + <h3>Segment with fixed width</h3> + <SegmentProvider> + <SegmentGroup view={view} style={{ width: '28.5rem' }} selectionMode={selectionMode} {...args}> + {contentItems.map((_, i) => ( + <SegmentItem + view={segmentItemView} + label={`Label ${i}`} + value={`label_${i}`} + key={`label_${i}`} + {...args} + /> + ))} + </SegmentGroup> + </SegmentProvider> + </> + ); +}; + +export const Default: StoryObj<StorySegmentProps> = { + args: { + view: 'clear', + size: 'xs', + segmentItemView: 'clear', + selectionMode: 'single', + contentItemsNumber: 11, + pilled: false, + filledBackground: false, + disabled: false, + stretch: false, + }, + render: (args) => <StoryDefault {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Segment/Segment.ts b/packages/sdds-dfa/src/components/Segment/Segment.ts new file mode 100644 index 0000000000..021f827683 --- /dev/null +++ b/packages/sdds-dfa/src/components/Segment/Segment.ts @@ -0,0 +1,26 @@ +import { + segmentItemConfig, + segmentGroupConfig, + component, + mergeConfig, +} from '@salutejs/plasma-new-hope/styled-components'; + +import { config as configSegmentItem } from './SegmentItem.config'; +import { config as configSegmentGroup } from './SegmentGroup.config'; + +/** + * Провайдер контекста для группы сегментов и хук для доступа к контексту. + */ +export { SegmentProvider, useSegment } from '@salutejs/plasma-new-hope/styled-components'; + +const mergedSegmentItemConfig = mergeConfig(segmentItemConfig, configSegmentItem); +const mergedSegmentGroupConfig = mergeConfig(segmentGroupConfig, configSegmentGroup); + +/** + * Компонент группы сегментов. + */ +export const SegmentGroup = component(mergedSegmentGroupConfig); +/** + * Компонент сегмента. + */ +export const SegmentItem = component(mergedSegmentItemConfig); diff --git a/packages/sdds-dfa/src/components/Segment/SegmentGroup.config.ts b/packages/sdds-dfa/src/components/Segment/SegmentGroup.config.ts new file mode 100644 index 0000000000..e9fcad21b2 --- /dev/null +++ b/packages/sdds-dfa/src/components/Segment/SegmentGroup.config.ts @@ -0,0 +1,64 @@ +import { css, segmentTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'clear', + size: 'xs', + }, + variations: { + view: { + clear: css` + ${segmentTokens.groupBackgroundColor}: transparent; + ${segmentTokens.arrowColor}: var(--text-secondary); + + ${segmentTokens.outlineFocusColor}: var(--text-accent); + `, + filled: css` + ${segmentTokens.groupBackgroundColor}: transparent; + ${segmentTokens.arrowColor}: var(--text-secondary); + + ${segmentTokens.outlineFocusColor}: var(--text-accent); + `, + }, + size: { + xs: css` + ${segmentTokens.groupBorderRadius}: 0.5rem; + ${segmentTokens.groupWidth}: auto; + ${segmentTokens.groupHeight}: auto; + `, + s: css` + ${segmentTokens.groupBorderRadius}: 0.625rem; + ${segmentTokens.groupWidth}: auto; + ${segmentTokens.groupHeight}: auto; + `, + m: css` + ${segmentTokens.groupBorderRadius}: 0.75rem; + ${segmentTokens.groupWidth}: auto; + ${segmentTokens.groupHeight}: auto; + `, + l: css` + ${segmentTokens.groupBorderRadius}: 0.75rem; + ${segmentTokens.groupWidth}: auto; + ${segmentTokens.groupHeight}: auto; + `, + }, + disabled: { + true: css` + ${segmentTokens.disabledOpacity}: 0.4; + `, + }, + pilled: { + true: css` + ${segmentTokens.groupPilledBorderRadius}: 1.75rem; + `, + }, + filledBackground: { + true: css` + ${segmentTokens.groupFilledBackgroundColor}: var(--surface-transparent-primary); + `, + }, + stretch: { + true: css``, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Segment/SegmentItem.config.ts b/packages/sdds-dfa/src/components/Segment/SegmentItem.config.ts new file mode 100644 index 0000000000..c1914f96f2 --- /dev/null +++ b/packages/sdds-dfa/src/components/Segment/SegmentItem.config.ts @@ -0,0 +1,116 @@ +import { css, segmentTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'clear', + size: 'xs', + }, + variations: { + view: { + clear: css` + ${segmentTokens.itemColor}: var(--text-secondary); + ${segmentTokens.itemBackgroundColor}: transparent; + ${segmentTokens.itemColorHover}: var(--text-primary); + ${segmentTokens.itemBackgroundColorHover}: transparent; + ${segmentTokens.itemSelectedColor}: var(--text-primary); + ${segmentTokens.itemSelectedBackgroundColor}: transparent; + ${segmentTokens.itemSelectedColorHover}: var(--text-primary); + ${segmentTokens.itemSelectedBackgroundColorHover}: transparent; + + ${segmentTokens.outlineFocusColor}: var(--surface-accent); + `, + default: css` + ${segmentTokens.itemColor}: var(--text-primary); + ${segmentTokens.itemBackgroundColor}: transparent; + ${segmentTokens.itemColorHover}: var(--text-primary); + ${segmentTokens.itemBackgroundColorHover}: transparent; + ${segmentTokens.itemSelectedColor}: var(--inverse-text-primary); + ${segmentTokens.itemSelectedBackgroundColor}: var(--text-primary); + ${segmentTokens.itemSelectedColorHover}: var(--inverse-text-primary); + ${segmentTokens.itemSelectedBackgroundColorHover}: var(--text-primary); + + ${segmentTokens.outlineFocusColor}: var(--surface-accent); + `, + secondary: css` + ${segmentTokens.itemColor}: var(--text-primary); + ${segmentTokens.itemBackgroundColor}: transparent; + ${segmentTokens.itemColorHover}: var(--text-primary); + ${segmentTokens.itemBackgroundColorHover}: transparent; + ${segmentTokens.itemSelectedColor}: var(--text-primary); + ${segmentTokens.itemSelectedBackgroundColor}: var(--surface-transparent-card); + ${segmentTokens.itemSelectedColorHover}: var(--text-primary); + ${segmentTokens.itemSelectedBackgroundColorHover}: var(--surface-transparent-card); + + ${segmentTokens.outlineFocusColor}: var(--surface-accent); + `, + }, + size: { + xs: css` + ${segmentTokens.itemBorderRadius}: 0.375rem; + ${segmentTokens.itemWidth}: auto; + ${segmentTokens.itemHeight}: 1.5rem; + ${segmentTokens.itemPadding}: 0 0.625rem; + ${segmentTokens.itemMarginLeft}: 0.125rem; + + ${segmentTokens.fontFamily}: var(--plasma-typo-body-xs-font-family); + ${segmentTokens.fontSize}: var(--plasma-typo-body-xs-font-size); + ${segmentTokens.fontStyle}: var(--plasma-typo-body-xs-font-style); + ${segmentTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight); + ${segmentTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${segmentTokens.lineHeight}: var(--plasma-typo-body-xs-line-height); + `, + s: css` + ${segmentTokens.itemBorderRadius}: 0.5rem; + ${segmentTokens.itemWidth}: auto; + ${segmentTokens.itemHeight}: 2rem; + ${segmentTokens.itemPadding}: 0 0.75rem; + ${segmentTokens.itemMarginLeft}: 0.125rem; + + ${segmentTokens.fontFamily}: var(--plasma-typo-body-s-font-family); + ${segmentTokens.fontSize}: var(--plasma-typo-body-s-font-size); + ${segmentTokens.fontStyle}: var(--plasma-typo-body-s-font-style); + ${segmentTokens.fontWeight}: var(--plasma-typo-body-s-font-weight); + ${segmentTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${segmentTokens.lineHeight}: var(--plasma-typo-body-s-line-height); + `, + m: css` + ${segmentTokens.itemBorderRadius}: 0.625rem; + ${segmentTokens.itemWidth}: auto; + ${segmentTokens.itemHeight}: 2.5rem; + ${segmentTokens.itemPadding}: 0 0.875rem; + ${segmentTokens.itemMarginLeft}: 0.125rem; + + ${segmentTokens.fontFamily}: var(--plasma-typo-body-m-font-family); + ${segmentTokens.fontSize}: var(--plasma-typo-body-m-font-size); + ${segmentTokens.fontStyle}: var(--plasma-typo-body-m-font-style); + ${segmentTokens.fontWeight}: var(--plasma-typo-body-m-font-weight); + ${segmentTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${segmentTokens.lineHeight}: var(--plasma-typo-body-m-line-height); + `, + l: css` + ${segmentTokens.itemBorderRadius}: 0.75rem; + ${segmentTokens.itemWidth}: auto; + ${segmentTokens.itemHeight}: 3rem; + ${segmentTokens.itemPadding}: 0 1rem; + ${segmentTokens.itemMarginLeft}: 0.125rem; + + ${segmentTokens.fontFamily}: var(--plasma-typo-body-l-font-family); + ${segmentTokens.fontSize}: var(--plasma-typo-body-l-font-size); + ${segmentTokens.fontStyle}: var(--plasma-typo-body-l-font-style); + ${segmentTokens.fontWeight}: var(--plasma-typo-body-l-font-weight); + ${segmentTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${segmentTokens.lineHeight}: var(--plasma-typo-body-l-line-height); + `, + }, + disabled: { + true: css` + ${segmentTokens.disabledOpacity}: 0.4; + `, + }, + pilled: { + true: css` + ${segmentTokens.itemPilledBorderRadius}: 1.5rem; + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Segment/index.ts b/packages/sdds-dfa/src/components/Segment/index.ts new file mode 100644 index 0000000000..54ace2d0e1 --- /dev/null +++ b/packages/sdds-dfa/src/components/Segment/index.ts @@ -0,0 +1,6 @@ +export { useSegment, SegmentProvider, SegmentItem, SegmentGroup } from './Segment'; +export type { + SegmentItemProps, + SegmentGroupProps, + SegmentProviderProps, +} from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Sheet/Sheet.config.tsx b/packages/sdds-dfa/src/components/Sheet/Sheet.config.tsx new file mode 100644 index 0000000000..ef3e87c015 --- /dev/null +++ b/packages/sdds-dfa/src/components/Sheet/Sheet.config.tsx @@ -0,0 +1,17 @@ +import { css, sheetTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + }, + variations: { + view: { + default: css` + ${sheetTokens.sheetOverlayColor}: var(--overlay-soft); + ${sheetTokens.sheetOverlayWithBlurColor}: var(--overlay-blur); + ${sheetTokens.contentBackgroundColor}: var(--surface-solid-card); + ${sheetTokens.handleBackgroundColor}: var(--surface-solid-tertiary); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Sheet/Sheet.stories.tsx b/packages/sdds-dfa/src/components/Sheet/Sheet.stories.tsx new file mode 100644 index 0000000000..7ed7f92fca --- /dev/null +++ b/packages/sdds-dfa/src/components/Sheet/Sheet.stories.tsx @@ -0,0 +1,341 @@ +import React, { ComponentProps, useState } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { InSpacingDecorator } from '@salutejs/plasma-sb-utils'; +import styled from 'styled-components'; + +import { Button } from '../Button'; +import { BodyM } from '../Typography'; + +import { Sheet } from '.'; +import type { SheetProps } from '.'; + +const meta: Meta<SheetProps> = { + title: 'Content/Sheet', + decorators: [InSpacingDecorator], + args: { + withBlur: false, + withOverlay: true, + withTransition: true, + hasHandle: true, + isHeaderFixed: false, + isFooterFixed: false, + }, +}; + +export default meta; + +type StorySheetProps = ComponentProps<typeof Sheet> & { + storyHasHeader: boolean; + storyHasFooter: boolean; +}; + +const StyledBody = styled(BodyM)` + padding-bottom: 300px; +`; + +const StoryDefault = ({ + withOverlay, + withTransition, + storyHasFooter, + isFooterFixed, + storyHasHeader, + isHeaderFixed, + hasHandle, + withBlur, +}: StorySheetProps) => { + const [opened, setOpened] = useState(false); + + return ( + <> + <Button onClick={() => setOpened(true)}>Открыть</Button> + <Sheet + opened={opened} + withOverlay={withOverlay} + withTransition={withTransition} + onClose={() => setOpened(false)} + hasHandle={hasHandle} + withBlur={withBlur} + contentHeader={ + storyHasHeader ? ( + <div> + <h4>header</h4> + </div> + ) : undefined + } + isHeaderFixed={isHeaderFixed} + contentFooter={ + storyHasFooter ? ( + <div> + <p>footer</p> + </div> + ) : undefined + } + isFooterFixed={isFooterFixed} + > + <StyledBody>body</StyledBody> + </Sheet> + </> + ); +}; + +export const Default: StoryObj<StorySheetProps> = { + args: { + storyHasHeader: true, + storyHasFooter: true, + }, + render: (args) => <StoryDefault {...args} />, +}; + +const StoryWithoutOverlay = () => { + const [opened, setOpened] = useState(false); + + return ( + <> + <Button onClick={() => setOpened(true)}>Открыть</Button> + <Sheet opened={opened} withOverlay={false} onClose={() => setOpened(false)}> + <StyledBody> + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam + consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel illum ea + fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos nostrum + placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt ullam, + dolorem labore quaerat vero maxime ab ipsa nihil. + </StyledBody> + </Sheet> + </> + ); +}; + +export const WithoutOverlay: StoryObj = { + render: () => <StoryWithoutOverlay />, +}; + +const StoryWithScroll = ({ + withOverlay, + withTransition, + storyHasFooter, + isFooterFixed, + storyHasHeader, + isHeaderFixed, + hasHandle, + withBlur, +}: StorySheetProps) => { + const [opened, setOpened] = useState(false); + + return ( + <> + <Button onClick={() => setOpened(true)}>Открыть</Button> + <Sheet + opened={opened} + withOverlay={withOverlay} + withTransition={withTransition} + onClose={() => setOpened(false)} + hasHandle={hasHandle} + withBlur={withBlur} + contentHeader={ + storyHasHeader ? ( + <div> + <h4>header</h4> + </div> + ) : undefined + } + isHeaderFixed={isHeaderFixed} + contentFooter={ + storyHasFooter ? ( + <div> + <p>footer</p> + </div> + ) : undefined + } + isFooterFixed={isFooterFixed} + > + <BodyM> + <Button onClick={() => setOpened(false)}>Закрыть</Button> + <p> + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam + consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel + illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos + nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt + ullam, dolorem labore quaerat vero maxime ab ipsa nihil. + </p> + <Button onClick={() => setOpened(false)}>Закрыть</Button> + <p> + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam + consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel + illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos + nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt + ullam, dolorem labore quaerat vero maxime ab ipsa nihil. + </p> + </BodyM> + </Sheet> + </> + ); +}; + +export const WithScroll: StoryObj<StorySheetProps> = { + args: { + storyHasHeader: true, + storyHasFooter: true, + }, + render: (args) => <StoryWithScroll {...args} />, +}; + +const StoryWithInsideScroll = ({ + withOverlay, + withTransition, + storyHasFooter, + isFooterFixed, + storyHasHeader, + isHeaderFixed, + hasHandle, + withBlur, +}: StorySheetProps) => { + const [opened, setOpened] = useState(false); + + return ( + <> + <Button onClick={() => setOpened(true)}>Открыть</Button> + <Sheet + opened={opened} + withOverlay={withOverlay} + withTransition={withTransition} + onClose={() => setOpened(false)} + hasHandle={hasHandle} + withBlur={withBlur} + contentHeader={ + storyHasHeader ? ( + <div> + <h4>header</h4> + </div> + ) : undefined + } + isHeaderFixed={isHeaderFixed} + contentFooter={ + storyHasFooter ? ( + <div> + <p>footer</p> + </div> + ) : undefined + } + isFooterFixed={isFooterFixed} + > + <p>Вложенные кнопки</p> + <div + style={{ + height: '150px', + overflowY: 'scroll', + display: 'flex', + flexDirection: 'column', + gap: '1rem', + }} + > + <Button>Кнопка 1</Button> + <Button>Кнопка 2</Button> + <Button>Кнопка 3</Button> + <Button>Кнопка 4</Button> + <Button>Кнопка 5</Button> + <Button>Кнопка 6</Button> + <Button>Кнопка 7</Button> + <Button>Кнопка 8</Button> + </div> + <BodyM>Lorem ipsum dolor sit amet consectetur adipisicing elit.</BodyM> + </Sheet> + </> + ); +}; + +export const WithInsideScroll: StoryObj<StorySheetProps> = { + args: { + storyHasHeader: true, + storyHasFooter: true, + }, + render: (args) => <StoryWithInsideScroll {...args} />, +}; + +const StoryWithDoubleScroll = ({ + withOverlay, + withTransition, + storyHasFooter, + isFooterFixed, + storyHasHeader, + isHeaderFixed, + hasHandle, + withBlur, +}: StorySheetProps) => { + const [opened, setOpened] = useState(false); + + return ( + <> + <Button onClick={() => setOpened(true)}>Открыть</Button> + <Sheet + opened={opened} + withOverlay={withOverlay} + withTransition={withTransition} + onClose={() => setOpened(false)} + hasHandle={hasHandle} + withBlur={withBlur} + contentHeader={ + storyHasHeader ? ( + <div> + <h4>header</h4> + </div> + ) : undefined + } + isHeaderFixed={isHeaderFixed} + contentFooter={ + storyHasFooter ? ( + <div> + <p>footer</p> + </div> + ) : undefined + } + isFooterFixed={isFooterFixed} + > + <BodyM> + <Button onClick={() => setOpened(false)}>Закрыть</Button> + <p>Вложенные кнопки</p> + <div + style={{ + height: '150px', + overflowY: 'scroll', + display: 'flex', + flexDirection: 'column', + gap: '1rem', + }} + > + <Button>Кнопка 1</Button> + <Button>Кнопка 2</Button> + <Button>Кнопка 3</Button> + <Button>Кнопка 4</Button> + <Button>Кнопка 5</Button> + <Button>Кнопка 6</Button> + <Button>Кнопка 7</Button> + <Button>Кнопка 8</Button> + </div> + <p> + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam + consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel + illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos + nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt + ullam, dolorem labore quaerat vero maxime ab ipsa nihil. + </p> + <Button onClick={() => setOpened(false)}>Закрыть</Button> + <p> + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam + consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel + illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos + nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt + ullam, dolorem labore quaerat vero maxime ab ipsa nihil. + </p> + </BodyM> + </Sheet> + </> + ); +}; + +export const WithDoubleScroll: StoryObj<StorySheetProps> = { + args: { + storyHasHeader: true, + storyHasFooter: true, + }, + render: (args) => <StoryWithDoubleScroll {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Sheet/Sheet.tsx b/packages/sdds-dfa/src/components/Sheet/Sheet.tsx new file mode 100644 index 0000000000..17ce6d80b7 --- /dev/null +++ b/packages/sdds-dfa/src/components/Sheet/Sheet.tsx @@ -0,0 +1,11 @@ +import { sheetConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Sheet.config'; + +const mergedConfig = mergeConfig(sheetConfig, config); +const SheetComponent = component(mergedConfig); + +/** + * Открывает окно-шторку поверх основного экрана. + */ +export const Sheet = SheetComponent; diff --git a/packages/sdds-dfa/src/components/Sheet/index.ts b/packages/sdds-dfa/src/components/Sheet/index.ts new file mode 100644 index 0000000000..f2609ddd16 --- /dev/null +++ b/packages/sdds-dfa/src/components/Sheet/index.ts @@ -0,0 +1,4 @@ +export { Sheet } from './Sheet'; +export { sheetClasses } from '@salutejs/plasma-new-hope/styled-components'; + +export type { SheetProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Skeleton/LineSkeleton.config.ts b/packages/sdds-dfa/src/components/Skeleton/LineSkeleton.config.ts new file mode 100644 index 0000000000..d0bc95157c --- /dev/null +++ b/packages/sdds-dfa/src/components/Skeleton/LineSkeleton.config.ts @@ -0,0 +1,79 @@ +import { css, skeletonTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + size: 'bodyM', + }, + variations: { + size: { + bodyL: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-body-l-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-l-font-size); + `, + bodyM: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-body-m-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-m-font-size); + `, + bodyS: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-body-s-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-s-font-size); + `, + bodyXS: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-body-xs-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-xs-font-size); + `, + bodyXXS: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-xxs-font-size); + `, + dsplL: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-dspl-l-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-l-font-size); + `, + dsplM: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-dspl-m-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-m-font-size); + `, + dsplS: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-dspl-s-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-s-font-size); + `, + h1: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-h1-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h1-font-size); + `, + h2: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-h2-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h2-font-size); + `, + h3: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-h3-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h3-font-size); + `, + h4: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-h4-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h4-font-size); + `, + h5: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-h5-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h5-font-size); + `, + textL: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-text-l-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-l-font-size); + `, + textM: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-text-m-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-m-font-size); + `, + textS: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-text-s-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-s-font-size); + `, + textXS: css` + ${skeletonTokens.lineHeight}: var(--plasma-typo-text-xs-line-height); + ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-xs-font-size); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Skeleton/Skeleton.stories.tsx b/packages/sdds-dfa/src/components/Skeleton/Skeleton.stories.tsx new file mode 100644 index 0000000000..49fc959a1d --- /dev/null +++ b/packages/sdds-dfa/src/components/Skeleton/Skeleton.stories.tsx @@ -0,0 +1,116 @@ +import React from 'react'; +import type { ComponentProps } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { InSpacingDecorator } from '@salutejs/plasma-sb-utils'; +import { radiuses } from '@salutejs/plasma-new-hope/styled-components'; + +import { Button as BasicButton } from '../Button/Button'; + +import { LineSkeleton, TextSkeleton, RectSkeleton, withSkeleton } from './Skeleton'; + +type StoryLineSkeletonProps = ComponentProps<typeof LineSkeleton>; +type StoryTextSkeletonProps = ComponentProps<typeof TextSkeleton>; +type StoryRectSkeletonProps = ComponentProps<typeof RectSkeleton>; +type BasicButtonProps = ComponentProps<typeof BasicButton>; + +const meta: Meta = { + title: 'Content/Skeleton', + decorators: [InSpacingDecorator], +}; + +export default meta; + +const roundnessKeys = Object.keys(radiuses).map((r) => String(r)); + +const textSizes = [ + 'bodyL', + 'bodyM', + 'bodyS', + 'bodyXS', + 'bodyXXS', + 'dsplL', + 'dsplM', + 'dsplS', + 'h1', + 'h2', + 'h3', + 'h4', + 'h5', + 'textL', + 'textM', + 'textS', + 'textXS', +]; + +const Default: StoryObj = { + argTypes: { + roundness: { + options: roundnessKeys, + control: { + type: 'select', + }, + }, + }, + args: { + roundness: '16', + customGradientColor: '', + lighter: false, + }, +}; + +export const Line: StoryObj<StoryLineSkeletonProps> = { + argTypes: { + size: { + options: textSizes, + control: { + type: 'select', + }, + }, + ...Default.argTypes, + }, + args: { + size: 'bodyM', + ...Default.args, + }, + render: (args) => <LineSkeleton {...args} />, +}; + +export const Text: StoryObj<StoryTextSkeletonProps> = { + argTypes: { + size: { + options: textSizes, + control: { + type: 'select', + }, + }, + ...Default.argTypes, + }, + args: { + size: 'textM', + lines: 5, + width: '', + ...Default.args, + }, + render: (args) => <TextSkeleton {...args} />, +}; + +export const Rect: StoryObj<StoryRectSkeletonProps> = { + argTypes: { + ...Default.argTypes, + }, + args: { + width: '4rem', + height: '4rem', + ...Default.args, + }, + render: (args) => <RectSkeleton {...args} />, +}; + +const ButtonSkeleton = withSkeleton<BasicButtonProps>(BasicButton); + +export const Button: StoryObj = { + args: { + skeleton: true, + }, + render: (args) => <ButtonSkeleton view="default" text="test" {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Skeleton/Skeleton.ts b/packages/sdds-dfa/src/components/Skeleton/Skeleton.ts new file mode 100644 index 0000000000..bde11d6267 --- /dev/null +++ b/packages/sdds-dfa/src/components/Skeleton/Skeleton.ts @@ -0,0 +1,18 @@ +import { + component, + mergeConfig, + lineSkeletonConfig, + textSkeleton, + RectSkeleton, + withSkeleton, +} from '@salutejs/plasma-new-hope/styled-components'; + +import { config as lineSkeletonCustomConfig } from './LineSkeleton.config'; + +const mergedLineSkeletonConfig = mergeConfig(lineSkeletonConfig, lineSkeletonCustomConfig); + +export const LineSkeleton = component(mergedLineSkeletonConfig); + +export const TextSkeleton = textSkeleton(LineSkeleton); + +export { RectSkeleton, withSkeleton }; diff --git a/packages/sdds-dfa/src/components/Skeleton/index.ts b/packages/sdds-dfa/src/components/Skeleton/index.ts new file mode 100644 index 0000000000..87372f9d35 --- /dev/null +++ b/packages/sdds-dfa/src/components/Skeleton/index.ts @@ -0,0 +1 @@ +export { LineSkeleton, TextSkeleton, RectSkeleton, withSkeleton } from './Skeleton'; diff --git a/packages/sdds-dfa/src/components/Slider/Slider.component-test.tsx b/packages/sdds-dfa/src/components/Slider/Slider.component-test.tsx new file mode 100644 index 0000000000..3388c31a2f --- /dev/null +++ b/packages/sdds-dfa/src/components/Slider/Slider.component-test.tsx @@ -0,0 +1,96 @@ +import React from 'react'; +import { mount, CypressTestDecorator, getComponent, PadMe } from '@salutejs/plasma-cy-utils'; +import { createGlobalStyle } from 'styled-components'; +import { standard as standardTypo } from '@salutejs/plasma-typo'; + +const StandardTypoStyle = createGlobalStyle(standardTypo); + +describe('plasma-web: Slider', () => { + const Slider = getComponent('Slider'); + + const CypressTestDecoratorWithTypo: FC = ({ children }) => ( + <CypressTestDecorator> + <StandardTypoStyle /> + {children} + </CypressTestDecorator> + ); + + it('simple', () => { + mount( + <CypressTestDecoratorWithTypo> + <Slider min={0} max={100} value={50} /> + <PadMe /> + <Slider min={0} max={100} value={[25, 75]} /> + </CypressTestDecoratorWithTypo>, + ); + cy.matchImageSnapshot(); + }); + + it('_view', () => { + mount( + <CypressTestDecoratorWithTypo> + <Slider value={50} min={0} max={100} view="default" /> + <PadMe /> + <Slider value={50} min={0} max={100} view="accent" /> + <PadMe /> + <Slider value={50} min={0} max={100} view="gradient" /> + </CypressTestDecoratorWithTypo>, + ); + + cy.matchImageSnapshot(); + }); + + it('_size', () => { + mount( + <CypressTestDecoratorWithTypo> + <Slider value={50} min={0} max={100} size="s" /> + <PadMe /> + <Slider value={50} min={0} max={100} size="m" /> + <PadMe /> + <Slider value={50} min={0} max={100} size="l" /> + </CypressTestDecoratorWithTypo>, + ); + cy.matchImageSnapshot(); + }); + + it('_disabled', () => { + mount( + <CypressTestDecoratorWithTypo> + <Slider value={50} min={0} max={100} /> + <PadMe /> + <Slider value={50} min={0} max={100} disabled /> + </CypressTestDecoratorWithTypo>, + ); + cy.matchImageSnapshot(); + }); + + it('_placement', () => { + mount( + <CypressTestDecoratorWithTypo> + <Slider label="Text" value={50} min={0} max={100} labelPlacement="inner" /> + <PadMe /> + <PadMe /> + <Slider label="Text" value={50} min={0} max={100} labelPlacement="outer" /> + <PadMe /> + <PadMe /> + <Slider label="Text" value={50} min={0} max={100} rangeValuesPlacement="inner" /> + <PadMe /> + <PadMe /> + <Slider label="Text" value={50} min={0} max={100} rangeValuesPlacement="outer" /> + <PadMe /> + <PadMe /> + <Slider label="Text" value={50} min={0} max={100} showRangeValues /> + <PadMe /> + <PadMe /> + <Slider label="Text" value={50} min={0} max={100} showRangeValues={false} /> + <PadMe /> + <PadMe /> + <Slider label="Text" value={50} min={0} max={100} showCurrentValue /> + <PadMe /> + <PadMe /> + <Slider label="Text" value={50} min={0} max={100} showCurrentValue={false} /> + </CypressTestDecoratorWithTypo>, + ); + cy.matchImageSnapshot(); + }); +}); diff --git a/packages/sdds-dfa/src/components/Slider/Slider.config.ts b/packages/sdds-dfa/src/components/Slider/Slider.config.ts new file mode 100644 index 0000000000..065c9212f8 --- /dev/null +++ b/packages/sdds-dfa/src/components/Slider/Slider.config.ts @@ -0,0 +1,241 @@ +import { css, sliderTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + }, + variations: { + view: { + default: css` + ${sliderTokens.labelColor}: var(--text-primary); + + ${sliderTokens.rangeValueColor}: var(--text-secondary); + + ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary); + ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card); + ${sliderTokens.thumbFocusBorderColor}: var(--surface-solid-default); + + ${sliderTokens.railBackgroundColor}: var(--surface-solid-tertiary); + + ${sliderTokens.fillColor}: var(--surface-solid-default); + + ${sliderTokens.textFieldColor}: var(--text-secondary); + ${sliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary); + ${sliderTokens.textFieldCaretColor}: var(--text-primary); + ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary); + ${sliderTokens.textFiledFocusColor}: var(--text-primary); + ${sliderTokens.textFieldActiveColor}: var(--text-primary); + `, + accent: css` + ${sliderTokens.labelColor}: var(--text-primary); + + ${sliderTokens.rangeValueColor}: var(--text-secondary); + + ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary); + ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card); + ${sliderTokens.thumbFocusBorderColor}: var(--surface-accent); + + ${sliderTokens.railBackgroundColor}: var(--surface-solid-tertiary); + + ${sliderTokens.fillColor}: var(--surface-accent); + + ${sliderTokens.textFieldColor}: var(--text-secondary); + ${sliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary); + ${sliderTokens.textFieldCaretColor}: var(--text-primary); + ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary); + ${sliderTokens.textFiledFocusColor}: var(--text-primary); + ${sliderTokens.textFieldActiveColor}: var(--text-primary); + `, + gradient: css` + ${sliderTokens.labelColor}: var(--text-primary); + + ${sliderTokens.rangeValueColor}: var(--text-secondary); + + ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary); + ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card); + ${sliderTokens.thumbFocusBorderColor}: var(--surface-accent-gradient); + + ${sliderTokens.railBackgroundColor}: var(--surface-solid-tertiary); + + ${sliderTokens.fillColor}: var(--surface-accent-gradient); + + ${sliderTokens.textFieldColor}: var(--text-secondary); + ${sliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary); + ${sliderTokens.textFieldCaretColor}: var(--text-primary); + ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary); + ${sliderTokens.textFiledFocusColor}: var(--text-primary); + ${sliderTokens.textFieldActiveColor}: var(--text-primary); + `, + }, + size: { + l: css` + ${sliderTokens.height}: 1.5rem; + ${sliderTokens.doubleWrapperGap}: 0.375rem; + + ${sliderTokens.labelWrapperGap}: 0.25rem; + ${sliderTokens.labelWrapperMarginBottom}: 0.25rem; + ${sliderTokens.labelWrapperMarginRight}: 0.875rem; + + ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-l-font-family); + ${sliderTokens.labelFontSize}: var(--plasma-typo-body-l-font-size); + ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-l-font-style); + ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight); + ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height); + + ${sliderTokens.rangeMinValueMargin}: 0.75rem; + ${sliderTokens.rangeMaxValueMargin}: 0.75rem; + ${sliderTokens.rangeValueBottomOffset}: -1.25rem; + + ${sliderTokens.rangeValueFontFamily}: var(--plasma-typo-body-s-font-family); + ${sliderTokens.rangeValueFontSize}: var(--plasma-typo-body-s-font-size); + ${sliderTokens.rangeValueFontStyle}: var(--plasma-typo-body-s-font-style); + ${sliderTokens.rangeValueFontWeight}: var(--plasma-typo-body-s-font-weight); + ${sliderTokens.rangeValueLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${sliderTokens.rangeValueLineHeight}: var(--plasma-typo-body-s-line-height); + + ${sliderTokens.thumbSize}: 1.5rem; + ${sliderTokens.thumbBorder}: 0.125rem solid; + + ${sliderTokens.currentValueTopOffset}: 1.625rem; + + ${sliderTokens.currentValueFontFamily}: var(--plasma-typo-text-s-font-family); + ${sliderTokens.currentValueFontSize}: var(--plasma-typo-text-s-font-size); + ${sliderTokens.currentValueFontStyle}: var(--plasma-typo-text-s-font-style); + ${sliderTokens.currentValueFontWeight}: var(--plasma-typo-text-s-font-weight); + ${sliderTokens.currentValueLetterSpacing}: var(--plasma-typo-text-s-letter-spacing); + ${sliderTokens.currentValueLineHeight}: var(--plasma-typo-text-s-line-height); + + ${sliderTokens.railHeight}: 0.25rem; + ${sliderTokens.railBorderRadius}: 0.125rem; + ${sliderTokens.railIndent}: 0.75rem; + + ${sliderTokens.textFieldWrapperGap}: 0.125rem; + + ${sliderTokens.textFieldHeight}: 3.5rem; + ${sliderTokens.textFieldPadding}: 1.25rem 1rem 1.25rem 1rem; + ${sliderTokens.textFieldBorderRadius}: 0.75rem; + ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family); + ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size); + ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style); + ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight); + ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height); + `, + m: css` + ${sliderTokens.height}: 1.5rem; + ${sliderTokens.doubleWrapperGap}: 0.375rem; + + ${sliderTokens.labelWrapperGap}: 0.25rem; + ${sliderTokens.labelWrapperMarginBottom}: 0.25rem; + ${sliderTokens.labelWrapperMarginRight}: 0.875rem; + + ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family); + ${sliderTokens.labelFontSize}: var(--plasma-typo-body-m-font-size); + ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style); + ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight); + ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height); + + ${sliderTokens.rangeMinValueMargin}: 0.75rem; + ${sliderTokens.rangeMaxValueMargin}: 0.75rem; + ${sliderTokens.rangeValueBottomOffset}: -1.25rem; + + ${sliderTokens.rangeValueFontFamily}: var(--plasma-typo-body-s-font-family); + ${sliderTokens.rangeValueFontSize}: var(--plasma-typo-body-s-font-size); + ${sliderTokens.rangeValueFontStyle}: var(--plasma-typo-body-s-font-style); + ${sliderTokens.rangeValueFontWeight}: var(--plasma-typo-body-s-font-weight); + ${sliderTokens.rangeValueLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${sliderTokens.rangeValueLineHeight}: var(--plasma-typo-body-s-line-height); + + ${sliderTokens.thumbSize}: 1.5rem; + ${sliderTokens.thumbBorder}: 0.125rem solid; + + ${sliderTokens.currentValueTopOffset}: 1.75rem; + + ${sliderTokens.currentValueFontFamily}: var(--plasma-typo-text-xs-font-family); + ${sliderTokens.currentValueFontSize}: var(--plasma-typo-text-xs-font-size); + ${sliderTokens.currentValueFontStyle}: var(--plasma-typo-text-xs-font-style); + ${sliderTokens.currentValueFontWeight}: var(--plasma-typo-text-xs-font-weight); + ${sliderTokens.currentValueLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing); + ${sliderTokens.currentValueLineHeight}: var(--plasma-typo-text-xs-line-height); + + ${sliderTokens.railHeight}: 0.25rem; + ${sliderTokens.railBorderRadius}: 0.125rem; + ${sliderTokens.railIndent}: 0.75rem; + + ${sliderTokens.textFieldWrapperGap}: 0.125rem; + + ${sliderTokens.textFieldHeight}: 3rem; + ${sliderTokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem; + ${sliderTokens.textFieldBorderRadius}: 0.75rem; + ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family); + ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size); + ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style); + ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight); + ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height); + `, + s: css` + ${sliderTokens.height}: 1rem; + ${sliderTokens.doubleWrapperGap}: 0.375rem; + + ${sliderTokens.labelWrapperGap}: 0.25rem; + ${sliderTokens.labelWrapperMarginBottom}: 0.25rem; + ${sliderTokens.labelWrapperMarginRight}: 0.875rem; + + ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family); + ${sliderTokens.labelFontSize}: var(--plasma-typo-body-s-font-size); + ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style); + ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight); + ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height); + + ${sliderTokens.rangeMinValueMargin}: 0.5rem; + ${sliderTokens.rangeMaxValueMargin}: 0.5rem; + ${sliderTokens.rangeValueBottomOffset}: -1.25rem; + + ${sliderTokens.rangeValueFontFamily}: var(--plasma-typo-body-xs-font-family); + ${sliderTokens.rangeValueFontSize}: var(--plasma-typo-body-xs-font-size); + ${sliderTokens.rangeValueFontStyle}: var(--plasma-typo-body-xs-font-style); + ${sliderTokens.rangeValueFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${sliderTokens.rangeValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${sliderTokens.rangeValueLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${sliderTokens.thumbSize}: 1rem; + ${sliderTokens.thumbBorder}: 0.125rem solid; + + ${sliderTokens.currentValueTopOffset}: 1.25rem; + + ${sliderTokens.currentValueFontFamily}: var(--plasma-typo-text-xs-font-family); + ${sliderTokens.currentValueFontSize}: var(--plasma-typo-text-xs-font-size); + ${sliderTokens.currentValueFontStyle}: var(--plasma-typo-text-xs-font-style); + ${sliderTokens.currentValueFontWeight}: var(--plasma-typo-text-xs-font-weight); + ${sliderTokens.currentValueLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing); + ${sliderTokens.currentValueLineHeight}: var(--plasma-typo-text-xs-line-height); + + ${sliderTokens.railHeight}: 0.25rem; + ${sliderTokens.railBorderRadius}: 0.125rem; + ${sliderTokens.railIndent}: 0.75rem; + + ${sliderTokens.textFieldWrapperGap}: 0.125rem; + + ${sliderTokens.textFieldHeight}: 2.5rem; + ${sliderTokens.textFieldPadding}: 0.5rem 1rem 0.5rem 1rem; + ${sliderTokens.textFieldBorderRadius}: 0.625rem; + ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family); + ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size); + ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style); + ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight); + ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height); + `, + }, + disabled: { + true: css` + ${sliderTokens.disabledOpacity}: 0.4; + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Slider/Slider.stories.tsx b/packages/sdds-dfa/src/components/Slider/Slider.stories.tsx new file mode 100644 index 0000000000..d8f5c0265a --- /dev/null +++ b/packages/sdds-dfa/src/components/Slider/Slider.stories.tsx @@ -0,0 +1,166 @@ +import React, { useState } from 'react'; +import type { ComponentProps } from 'react'; +import styled from 'styled-components'; +import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils'; +import type { StoryObj, Meta } from '@storybook/react'; + +import { Slider } from './Slider'; + +const sizes = ['l', 'm', 's']; +const views = ['default', 'accent', 'gradient']; +const labelPlacements = ['outer', 'inner']; +const rangeValuesPlacement = ['outer', 'inner']; + +const meta: Meta<typeof Slider> = { + title: 'Controls/Slider', + component: Slider, + decorators: [InSpacingDecorator], + argTypes: { + view: { + options: views, + control: { + type: 'select', + }, + }, + size: { + options: sizes, + control: { + type: 'inline-radio', + }, + }, + ...disableProps([ + 'value', + 'onChangeCommitted', + 'ariaLabel', + 'onChange', + 'fontSizeMultiplier', + 'gap', + 'settings', + 'hasHoverAnimation', + ]), + }, +}; + +export default meta; + +type StoryProps = Omit<ComponentProps<typeof Slider>, 'value' | 'onChangeCommitted'>; +type StorySingleProps = StoryProps; + +type StorySingle = StoryObj<StorySingleProps>; +type StoryDouble = StoryObj<StoryProps>; + +const SliderWrapper = styled.div` + width: 25rem; +`; + +const StoryDefault = (args: StorySingleProps) => { + const [value, setValue] = useState(30); + + const onChangeCommittedHandle = (values) => { + setValue(values); + }; + + const onChangeHandle = (values) => { + setValue(values); + }; + + return ( + <SliderWrapper> + <Slider value={value} onChangeCommitted={onChangeCommittedHandle} onChange={onChangeHandle} {...args} /> + </SliderWrapper> + ); +}; + +export const Default: StorySingle = { + argTypes: { + labelPlacement: { + options: labelPlacements, + control: { + type: 'inline-radio', + }, + }, + rangeValuesPlacement: { + options: rangeValuesPlacement, + control: { + type: 'inline-radio', + }, + }, + }, + args: { + view: 'default', + size: 'm', + min: 0, + max: 100, + disabled: false, + ariaLabel: 'Цена товара', + multipleStepSize: 10, + label: 'Цена товара', + labelPlacement: 'outer', + rangeValuesPlacement: 'outer', + showRangeValues: true, + showCurrentValue: false, + }, + render: (args) => <StoryDefault {...args} />, +}; + +const StoryMultipleValues = (args: StoryProps) => { + const [value, setValue] = useState([10, 80]); + const sortValues = (values) => { + return values + .map((val) => { + if (val < args.min) { + return args.min; + } + if (val > args.max) { + return args.max; + } + return val; + }) + .sort((a, b) => a - b); + }; + + const onChangeHandle = (values) => { + setValue(sortValues(values)); + }; + + const onChangeCommitedHandle = (values) => { + setValue(sortValues(values)); + }; + + const onBlurTextField = (values) => { + setValue(sortValues(values)); + }; + + const onKeyDownTextField = (values, event) => { + if (event.key === 'Enter') { + setValue(sortValues(values)); + } + }; + + return ( + <SliderWrapper> + <Slider + value={value} + onKeyDownTextField={onKeyDownTextField} + onBlurTextField={onBlurTextField} + onChangeCommitted={onChangeCommitedHandle} + onChange={onChangeHandle} + {...args} + /> + </SliderWrapper> + ); +}; + +export const MultipleValues: StoryDouble = { + args: { + view: 'default', + size: 'm', + min: 0, + max: 100, + disabled: false, + label: 'Цена товара', + ariaLabel: ['Минимальная цена товара', 'Максимальная цена товара'], + multipleStepSize: 10, + }, + render: (args) => <StoryMultipleValues {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Slider/Slider.tsx b/packages/sdds-dfa/src/components/Slider/Slider.tsx new file mode 100644 index 0000000000..9fbafc706c --- /dev/null +++ b/packages/sdds-dfa/src/components/Slider/Slider.tsx @@ -0,0 +1,12 @@ +import { sliderConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Slider.config'; + +const mergedConfig = mergeConfig(sliderConfig, config); +const SliderComponent = component(mergedConfig); + +/** + * Слайдер позволяет определить числовое значение в пределах указанного промежутка. + * Можно указать два значения. + */ +export const Slider = SliderComponent; diff --git a/packages/sdds-dfa/src/components/Slider/index.ts b/packages/sdds-dfa/src/components/Slider/index.ts new file mode 100644 index 0000000000..737e414a4b --- /dev/null +++ b/packages/sdds-dfa/src/components/Slider/index.ts @@ -0,0 +1,2 @@ +export { Slider } from './Slider'; +export type { SliderProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Spinner/Spinner.config.tsx b/packages/sdds-dfa/src/components/Spinner/Spinner.config.tsx new file mode 100644 index 0000000000..4d9f2104de --- /dev/null +++ b/packages/sdds-dfa/src/components/Spinner/Spinner.config.tsx @@ -0,0 +1,36 @@ +import { css } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'accent', + size: 'm', + }, + variations: { + view: { + default: css` + --plasma-spinner-color: var(--text-primary); + `, + secondary: css` + --plasma-spinner-color: var(--text-secondary); + `, + tertiary: css` + --plasma-spinner-color: var(--text-tertiary); + `, + paragraph: css` + --plasma-spinner-color: var(--text-paragraph); + `, + accent: css` + --plasma-spinner-color: var(--text-accent); + `, + positive: css` + --plasma-spinner-color: var(--text-positive); + `, + warning: css` + --plasma-spinner-color: var(--text-warning); + `, + negative: css` + --plasma-spinner-color: var(--text-negative); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Spinner/Spinner.stories.tsx b/packages/sdds-dfa/src/components/Spinner/Spinner.stories.tsx new file mode 100644 index 0000000000..9e6228afd1 --- /dev/null +++ b/packages/sdds-dfa/src/components/Spinner/Spinner.stories.tsx @@ -0,0 +1,109 @@ +import React, { useState, useRef, useEffect, ComponentProps } from 'react'; +import styled, { css } from 'styled-components'; +import type { StoryObj, Meta } from '@storybook/react'; + +import { InSpacingDecorator, disableProps } from '../../helpers'; +import { Button } from '../Button'; +import { BodyL } from '../Typography'; + +import { Spinner } from '.'; + +const meta: Meta<typeof Spinner> = { + title: 'Content/Spinner', + decorators: [InSpacingDecorator], + component: Spinner, + argTypes: { + size: { + options: [8, 16, 32, 64, 96, 128], + control: { + type: 'select', + }, + }, + view: { + options: ['default', 'secondary', 'tertiary', 'paragraph', 'accent', 'positive', 'warning', 'negative'], + control: { + type: 'select', + }, + }, + ...disableProps(['color', 'theme', 'as', 'forwardedAs']), + }, +}; + +export default meta; + +type StorySpinnerProps = ComponentProps<typeof Spinner>; + +export const Default: StoryObj<StorySpinnerProps> = { + args: { + size: 32, + view: 'default', + }, +}; + +const StyledWrapper = styled.div<{ $loading?: boolean }>` + &::after { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + + content: ''; + display: none; + background: var(--plasma-colors-surface-liquid01); + } + + ${({ $loading }) => + $loading && + css` + &::after { + display: block; + } + `} +`; + +const StyledSpinner = styled(Spinner)` + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: auto; +`; + +const StoryLive = (props: StorySpinnerProps) => { + const [loading, setLoading] = useState(false); + const timeoutRef = useRef(null); + + useEffect(() => { + if (loading) { + if (timeoutRef.current) { + clearTimeout(timeoutRef.current); + } + + timeoutRef.current = setTimeout(() => setLoading(false), 10000); + } + }, [loading]); + + return ( + <StyledWrapper $loading={loading}> + <BodyL id="example-live-text" mb="8x"> + При нажатии кнопки приложение будет на 10 секунд переведено в состояние загрузки, отображая при этом + индикатор Spinner, который не может быть сфокусирован и не доступен для взаимодействия. Через 10 секунд + кнопку снова станет возможно нажать. + </BodyL> + <Button + text={loading ? 'Загрузка' : 'Нажмите'} + onClick={() => setLoading(true)} + aria-busy={loading} + aria-describedby="example-live-text" + disabled={loading} + /> + {loading && <StyledSpinner {...props} />} + </StyledWrapper> + ); +}; + +export const Live: StoryObj<StorySpinnerProps> = { + render: (args) => <StoryLive {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Spinner/Spinner.tsx b/packages/sdds-dfa/src/components/Spinner/Spinner.tsx new file mode 100644 index 0000000000..22fcc86038 --- /dev/null +++ b/packages/sdds-dfa/src/components/Spinner/Spinner.tsx @@ -0,0 +1,33 @@ +import type { HTMLAttributes } from 'react'; +import styled from 'styled-components'; +import { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Spinner.config'; + +const mergedConfig = mergeConfig(spinnerConfig, config); +const SpinnerComponent = component(mergedConfig); + +export type SpinnerProps = HTMLAttributes<HTMLDivElement> & { + /** + * Размер спиннера + */ + size?: string | number; + /** + * Цвет спиннера + */ + view?: string; + /** + * Цвет спиннера + * @deprecated + */ + color?: string; + /** + * @deprecated + */ + deviceScale?: number; +}; + +/** + * Компонент для отображения индикатора загрузки. + */ +export const Spinner = styled(SpinnerComponent)``; diff --git a/packages/sdds-dfa/src/components/Spinner/index.ts b/packages/sdds-dfa/src/components/Spinner/index.ts new file mode 100644 index 0000000000..381fc7ae58 --- /dev/null +++ b/packages/sdds-dfa/src/components/Spinner/index.ts @@ -0,0 +1,2 @@ +export { Spinner } from './Spinner'; +export type { SpinnerProps } from './Spinner'; diff --git a/packages/sdds-dfa/src/components/Switch/Switch.config.ts b/packages/sdds-dfa/src/components/Switch/Switch.config.ts new file mode 100644 index 0000000000..4a47b473e7 --- /dev/null +++ b/packages/sdds-dfa/src/components/Switch/Switch.config.ts @@ -0,0 +1,62 @@ +import { + css, + switchTokens, + Switch_LabelPosition_Before, + Switch_LabelPosition_After, +} from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + labelPosition: 'before', + focused: 'true', + }, + variations: { + size: { + m: css` + ${switchTokens.fontFamily}: var(--plasma-typo-body1-font-family); + ${switchTokens.fontStyle}: var(--plasma-typo-body1-font-style); + ${switchTokens.fontWeight}: var(--plasma-typo-body1-font-weight); + ${switchTokens.fontWeight}: var(--plasma-typo-body1-font-weight); + ${switchTokens.lineHeight}: var(--plasma-typo-body1-line-height); + ${switchTokens.fontSize}: var(--plasma-typo-body1-font-size); + ${switchTokens.letterSpacing}: var(--plasma-typo-body1-letter-spacing); + ${switchTokens.trackWidth}: 2.75rem; + ${switchTokens.trackHeight}: 1.75rem; + ${switchTokens.trackBorderRadius}: calc(var(${switchTokens.trackHeight}) / 2); + ${switchTokens.thumbSize}: 1.5rem; + ${switchTokens.thumbBorderRadius}: calc(var(${switchTokens.thumbSize}) / 2); + ${switchTokens.thumbOffset}: 0.125rem; + ${switchTokens.thumbPressScale}: 1.25; + ${switchTokens.labelOffset}: 0.75rem; + `, + }, + view: { + default: css` + ${switchTokens.trackBackgroundColorOn}: var(--surface-accent); + ${switchTokens.trackBackgroundColorOff}: var(--surface-transparent-secondary); + ${switchTokens.thumbBackgroundColor}: var(--on-dark-text-primary); + ${switchTokens.thumbBoxShadow}: 0 1px 1px rgba(0, 0, 0, 0.11); + `, + }, + labelPosition: { + before: css` + ${Switch_LabelPosition_Before} + `, + after: css` + ${Switch_LabelPosition_After} + `, + }, + disabled: { + true: css` + ${switchTokens.disabledOpacity}: 0.4; + `, + }, + focused: { + true: css` + ${switchTokens.trackFocusColor}: var(--surface-accent); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Switch/Switch.stories.tsx b/packages/sdds-dfa/src/components/Switch/Switch.stories.tsx new file mode 100644 index 0000000000..ac01f4b94a --- /dev/null +++ b/packages/sdds-dfa/src/components/Switch/Switch.stories.tsx @@ -0,0 +1,86 @@ +import React, { useState } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { action } from '@storybook/addon-actions'; +import styled from 'styled-components'; +import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils'; + +import { Switch } from '.'; +import type { SwitchProps } from '.'; + +const onChange = action('onChange'); +const onFocus = action('onFocus'); +const onBlur = action('onBlur'); + +type StorySwitchProps = { + labelPosition: 'before' | 'after'; +} & SwitchProps; + +const meta: Meta<StorySwitchProps> = { + title: 'Controls/Switch', + component: Switch, + decorators: [InSpacingDecorator], + argTypes: { + label: { + control: { + type: 'text', + }, + }, + labelPosition: { + options: ['before', 'after'], + control: { + type: 'select', + }, + }, + ...disableProps([ + 'id', + 'onFocus', + 'onBlur', + 'onChange', + 'value', + 'checked', + 'description', + 'focused', + 'pressed', + 'outlined', + 'theme', + 'as', + 'forwardedAs', + ]), + }, +}; + +export default meta; + +const StyledWrapper = styled.div` + width: 13.75rem; +`; + +const StoryDefault = (args: StorySwitchProps) => { + const value = 0; + const [checked, setChecked] = useState(true); + + return ( + <StyledWrapper> + <Switch + value={value} + checked={checked} + onChange={(event) => { + setChecked(event.target.checked); + onChange(event); + }} + onFocus={onFocus} + onBlur={onBlur} + {...args} + /> + </StyledWrapper> + ); +}; + +export const Default: StoryObj<StorySwitchProps> = { + args: { + label: 'Label', + labelPosition: 'after', + disabled: false, + }, + render: (args) => <StoryDefault {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Switch/Switch.tsx b/packages/sdds-dfa/src/components/Switch/Switch.tsx new file mode 100644 index 0000000000..db87cda862 --- /dev/null +++ b/packages/sdds-dfa/src/components/Switch/Switch.tsx @@ -0,0 +1,10 @@ +import { switchConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; +import { ComponentProps } from 'react'; + +import { config } from './Switch.config'; + +const mergedConfig = mergeConfig(switchConfig, config); +const SwitchComponent = component(mergedConfig); + +export const Switch = SwitchComponent; +export type SwitchProps = ComponentProps<typeof SwitchComponent>; diff --git a/packages/sdds-dfa/src/components/Switch/index.ts b/packages/sdds-dfa/src/components/Switch/index.ts new file mode 100644 index 0000000000..c33419dc39 --- /dev/null +++ b/packages/sdds-dfa/src/components/Switch/index.ts @@ -0,0 +1,2 @@ +export { Switch } from './Switch'; +export type { SwitchProps } from './Switch'; diff --git a/packages/sdds-dfa/src/components/Tabs/TabItem.config.ts b/packages/sdds-dfa/src/components/Tabs/TabItem.config.ts new file mode 100644 index 0000000000..438c0cb6a7 --- /dev/null +++ b/packages/sdds-dfa/src/components/Tabs/TabItem.config.ts @@ -0,0 +1,265 @@ +import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'secondary', + size: 'l', + }, + variations: { + view: { + clear: css` + ${tabsTokens.itemColor}: var(--plasma-colors-secondary); + ${tabsTokens.itemBackgroundColor}: transparent; + ${tabsTokens.itemColorHover}: var(--plasma-colors-primary); + ${tabsTokens.itemBackgroundColorHover}: transparent; + ${tabsTokens.itemSelectedColor}: var(--plasma-colors-primary); + ${tabsTokens.itemSelectedBackgroundColor}: transparent; + ${tabsTokens.itemSelectedColorHover}: var(--plasma-colors-primary); + ${tabsTokens.itemSelectedBackgroundColorHover}: transparent; + ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out; + + ${tabsTokens.itemPaddingClear}: 0; + ${tabsTokens.itemContentPaddingClear}: 0; + + ${tabsTokens.outlineFocusColor}: var(--plasma-colors-button-focused); + + ${tabsTokens.itemSelectedDividerHeight}: 0rem; + ${tabsTokens.itemSelectedDividerColor}: var(--plasma-colors-primary); + ${tabsTokens.itemSelectedDividerColorHover}: var(--plasma-colors-primary); + + ${tabsTokens.additionalContentColor}: var(--plasma-colors-tertiary); + ${tabsTokens.additionalContentHoverColor}: var(--plasma-colors-secondary); + ${tabsTokens.additionalContentSelectedColor}: var(--plasma-colors-secondary); + ${tabsTokens.additionalContentSelectedHoverColor}: var(--plasma-colors-secondary); + `, + secondary: css` + ${tabsTokens.itemColor}: var(--plasma-colors-primary); + ${tabsTokens.itemBackgroundColor}: transparent; + ${tabsTokens.itemColorHover}: var(--plasma-colors-primary); + ${tabsTokens.itemBackgroundColorHover}: transparent; + ${tabsTokens.itemSelectedColor}: var(--plasma-colors-primary); + ${tabsTokens.itemSelectedBackgroundColor}: var(--plasma-colors-surface-card); + ${tabsTokens.itemSelectedColorHover}: var(--plasma-colors-primary); + ${tabsTokens.itemSelectedBackgroundColorHover}: var(--plasma-colors-surface-card); + ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out; + + ${tabsTokens.itemMarginLeftFilled}: 0.125rem; + + ${tabsTokens.outlineFocusColor}: var(--plasma-colors-button-focused); + + ${tabsTokens.itemSelectedDividerHeight}: 0rem; + ${tabsTokens.itemSelectedDividerColor}: var(--plasma-colors-primary); + ${tabsTokens.itemSelectedDividerColorHover}: var(--plasma-colors-primary); + + ${tabsTokens.additionalContentColor}: var(--plasma-colors-secondary); + ${tabsTokens.additionalContentHoverColor}: var(--plasma-colors-secondary); + ${tabsTokens.additionalContentSelectedColor}: var(--plasma-colors-secondary); + ${tabsTokens.additionalContentSelectedHoverColor}: var(--plasma-colors-secondary); + `, + divider: css` + ${tabsTokens.itemColor}: var(--plasma-colors-secondary); + ${tabsTokens.itemBackgroundColor}: transparent; + ${tabsTokens.itemColorHover}: var(--plasma-colors-primary); + ${tabsTokens.itemBackgroundColorHover}: transparent; + ${tabsTokens.itemSelectedColor}: var(--plasma-colors-primary); + ${tabsTokens.itemSelectedBackgroundColor}: transparent; + ${tabsTokens.itemSelectedColorHover}: var(--plasma-colors-primary); + ${tabsTokens.itemSelectedBackgroundColorHover}: transparent; + ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out; + + ${tabsTokens.itemPaddingClear}: 0; + ${tabsTokens.itemContentPaddingClear}: 0; + + ${tabsTokens.outlineFocusColor}: var(--plasma-colors-button-focused); + + ${tabsTokens.itemSelectedDividerHeight}: 0.125rem; + ${tabsTokens.itemSelectedDividerColor}: var(--plasma-colors-primary); + ${tabsTokens.itemSelectedDividerColorHover}: var(--plasma-colors-primary); + + ${tabsTokens.additionalContentColor}: var(--plasma-colors-tertiary); + ${tabsTokens.additionalContentHoverColor}: var(--plasma-colors-secondary); + ${tabsTokens.additionalContentSelectedColor}: var(--plasma-colors-secondary); + ${tabsTokens.additionalContentSelectedHoverColor}: var(--plasma-colors-secondary); + `, + default: css` + ${tabsTokens.itemColor}: var(--plasma-colors-primary); + ${tabsTokens.itemBackgroundColor}: transparent; + ${tabsTokens.itemColorHover}: var(--plasma-colors-primary); + ${tabsTokens.itemBackgroundColorHover}: transparent; + ${tabsTokens.itemSelectedColor}: var(--plasma-colors-inverse); + ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default); + ${tabsTokens.itemSelectedColorHover}: var(--plasma-colors-inverse); + ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default); + ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out; + + ${tabsTokens.itemMarginLeftFilled}: 0.125rem; + + ${tabsTokens.outlineFocusColor}: var(--plasma-colors-button-focused); + + ${tabsTokens.itemSelectedDividerHeight}: 0rem; + ${tabsTokens.itemSelectedDividerColor}: var(--plasma-colors-primary); + ${tabsTokens.itemSelectedDividerColorHover}: var(--plasma-colors-primary); + + ${tabsTokens.additionalContentColor}: var(--plasma-colors-secondary); + ${tabsTokens.additionalContentHoverColor}: var(--plasma-colors-secondary); + ${tabsTokens.additionalContentSelectedColor}: var(--plasma-colors-white-secondary); + ${tabsTokens.additionalContentSelectedHoverColor}: var(--plasma-colors-white-secondary); + `, + }, + size: { + xs: css` + ${tabsTokens.itemBorderRadius}: 0.375rem; + ${tabsTokens.itemWidth}: auto; + ${tabsTokens.itemHeight}: 1.5rem; + ${tabsTokens.itemPadding}: 0 0.5rem; + ${tabsTokens.itemPaddingPilled}: 0 0.375rem; + ${tabsTokens.itemMarginLeft}: 1.75rem; + ${tabsTokens.itemContentGap}: 0.25rem; + ${tabsTokens.itemContentPadding}: 0.125rem; + + ${tabsTokens.fontFamily}: var(--plasma-typo-body-xs-font-family); + ${tabsTokens.fontSize}: var(--plasma-typo-body-xs-font-size); + ${tabsTokens.fontStyle}: var(--plasma-typo-body-xs-font-style); + ${tabsTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height); + `, + s: css` + ${tabsTokens.itemBorderRadius}: 0.5rem; + ${tabsTokens.itemWidth}: auto; + ${tabsTokens.itemHeight}: 2rem; + ${tabsTokens.itemPadding}: 0 0.625rem; + ${tabsTokens.itemPaddingPilled}: 0 0.5rem; + ${tabsTokens.itemMarginLeft}: 1.75rem; + ${tabsTokens.itemContentGap}: 0.25rem; + ${tabsTokens.itemContentPadding}: 0.125rem; + + ${tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family); + ${tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size); + ${tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style); + ${tabsTokens.fontWeight}: var(--plasma-typo-body-s-font-weight); + ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height); + `, + m: css` + ${tabsTokens.itemBorderRadius}: 0.625rem; + ${tabsTokens.itemWidth}: auto; + ${tabsTokens.itemHeight}: 2.5rem; + ${tabsTokens.itemPadding}: 0 0.625rem; + ${tabsTokens.itemPaddingPilled}: 0 0.5rem; + ${tabsTokens.itemMarginLeft}: 1.75rem; + ${tabsTokens.itemContentGap}: 0.5rem; + ${tabsTokens.itemContentPadding}: 0.125rem; + + ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family); + ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size); + ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style); + ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-font-weight); + ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height); + `, + l: css` + ${tabsTokens.itemBorderRadius}: 0.75rem; + ${tabsTokens.itemWidth}: auto; + ${tabsTokens.itemHeight}: 3rem; + ${tabsTokens.itemPadding}: 0 0.875rem; + ${tabsTokens.itemPaddingPilled}: 0 0.75rem; + ${tabsTokens.itemMarginLeft}: 1.75rem; + ${tabsTokens.itemContentGap}: 0.5rem; + ${tabsTokens.itemContentPadding}: 0.125rem; + + ${tabsTokens.fontFamily}: var(--plasma-typo-body-l-font-family); + ${tabsTokens.fontSize}: var(--plasma-typo-body-l-font-size); + ${tabsTokens.fontStyle}: var(--plasma-typo-body-l-font-style); + ${tabsTokens.fontWeight}: var(--plasma-typo-body-l-font-weight); + ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height); + `, + h5: css` + ${tabsTokens.itemBorderRadius}: 0.375rem; + ${tabsTokens.itemWidth}: auto; + ${tabsTokens.itemHeight}: 3rem; + ${tabsTokens.itemPadding}: 0rem; + ${tabsTokens.itemMarginLeft}: 1.75rem; + ${tabsTokens.itemContentGap}: 0.625rem; + + ${tabsTokens.fontFamily}: var(--plasma-typo-h5-font-family); + ${tabsTokens.fontSize}: var(--plasma-typo-h5-font-size); + ${tabsTokens.fontStyle}: var(--plasma-typo-h5-font-style); + ${tabsTokens.fontWeight}: var(--plasma-typo-h5-font-weight); + ${tabsTokens.letterSpacing}: var(--plasma-typo-h5-letter-spacing); + ${tabsTokens.lineHeight}: var(--plasma-typo-h5-line-height); + `, + h4: css` + ${tabsTokens.itemBorderRadius}: 0.375rem; + ${tabsTokens.itemWidth}: auto; + ${tabsTokens.itemHeight}: 3.25rem; + ${tabsTokens.itemPadding}: 0rem; + ${tabsTokens.itemMarginLeft}: 2rem; + ${tabsTokens.itemContentGap}: 0.625rem; + + ${tabsTokens.fontFamily}: var(--plasma-typo-h4-font-family); + ${tabsTokens.fontSize}: var(--plasma-typo-h4-font-size); + ${tabsTokens.fontStyle}: var(--plasma-typo-h4-font-style); + ${tabsTokens.fontWeight}: var(--plasma-typo-h4-font-weight); + ${tabsTokens.letterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${tabsTokens.lineHeight}: var(--plasma-typo-h4-line-height); + `, + h3: css` + ${tabsTokens.itemBorderRadius}: 0.5rem; + ${tabsTokens.itemWidth}: auto; + ${tabsTokens.itemHeight}: 3.875rem; + ${tabsTokens.itemPadding}: 0rem; + ${tabsTokens.itemMarginLeft}: 2.25rem; + ${tabsTokens.itemContentGap}: 0.75rem; + + ${tabsTokens.fontFamily}: var(--plasma-typo-h3-font-family); + ${tabsTokens.fontSize}: var(--plasma-typo-h3-font-size); + ${tabsTokens.fontStyle}: var(--plasma-typo-h3-font-style); + ${tabsTokens.fontWeight}: var(--plasma-typo-h3-font-weight); + ${tabsTokens.letterSpacing}: var(--plasma-typo-h3-letter-spacing); + ${tabsTokens.lineHeight}: var(--plasma-typo-h3-line-height); + `, + h2: css` + ${tabsTokens.itemBorderRadius}: 0.625rem; + ${tabsTokens.itemWidth}: auto; + ${tabsTokens.itemHeight}: 4.5rem; + ${tabsTokens.itemPadding}: 0rem; + ${tabsTokens.itemMarginLeft}: 2.5rem; + ${tabsTokens.itemContentGap}: 1rem; + + ${tabsTokens.fontFamily}: var(--plasma-typo-h2-font-family); + ${tabsTokens.fontSize}: var(--plasma-typo-h2-font-size); + ${tabsTokens.fontStyle}: var(--plasma-typo-h2-font-style); + ${tabsTokens.fontWeight}: var(--plasma-typo-h2-font-weight); + ${tabsTokens.letterSpacing}: var(--plasma-typo-h2-letter-spacing); + ${tabsTokens.lineHeight}: var(--plasma-typo-h2-line-height); + `, + h1: css` + ${tabsTokens.itemBorderRadius}: 0.75rem; + ${tabsTokens.itemWidth}: auto; + ${tabsTokens.itemHeight}: 5.75rem; + ${tabsTokens.itemPadding}: 0rem; + ${tabsTokens.itemMarginLeft}: 3.5rem; + ${tabsTokens.itemContentGap}: 0.5rem; + + ${tabsTokens.fontFamily}: var(--plasma-typo-h1-font-family); + ${tabsTokens.fontSize}: var(--plasma-typo-h1-font-size); + ${tabsTokens.fontStyle}: var(--plasma-typo-h1-font-style); + ${tabsTokens.fontWeight}: var(--plasma-typo-h1-font-weight); + ${tabsTokens.letterSpacing}: var(--plasma-typo-h1-letter-spacing); + ${tabsTokens.lineHeight}: var(--plasma-typo-h1-line-height); + `, + }, + disabled: { + true: css` + ${tabsTokens.disabledOpacity}: 0.4; + `, + }, + pilled: { + true: css` + ${tabsTokens.itemPilledBorderRadius}: 1.5rem; + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Tabs/TabItem.tsx b/packages/sdds-dfa/src/components/Tabs/TabItem.tsx new file mode 100644 index 0000000000..1f1b8b9f42 --- /dev/null +++ b/packages/sdds-dfa/src/components/Tabs/TabItem.tsx @@ -0,0 +1,10 @@ +import { tabItemConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './TabItem.config'; + +const mergedConfig = mergeConfig(tabItemConfig, config); + +/** + * Элемент списка, недопустимо использовать вне компонента Tabs. + */ +export const TabItem = component(mergedConfig); diff --git a/packages/sdds-dfa/src/components/Tabs/Tabs.config.ts b/packages/sdds-dfa/src/components/Tabs/Tabs.config.ts new file mode 100644 index 0000000000..99fd790d55 --- /dev/null +++ b/packages/sdds-dfa/src/components/Tabs/Tabs.config.ts @@ -0,0 +1,120 @@ +import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'filled', + size: 'l', + disabled: 'false', + }, + variations: { + view: { + clear: css` + ${tabsTokens.arrowColor}: var(--plasma-colors-secondary); + ${tabsTokens.tabsBackgroundColor}: tranparent; + ${tabsTokens.outlineFocusColor}: var(--plasma-colors-button-focused); + + ${tabsTokens.tabsDividerHeight}: 0rem; + ${tabsTokens.tabsDividerColor}: tranparent; + ${tabsTokens.tabsDividerBorderRadius}: 0rem; + `, + filled: css` + ${tabsTokens.arrowColor}: var(--plasma-colors-secondary); + ${tabsTokens.tabsBackgroundColor}: var(--surface-transparent-primary); + ${tabsTokens.outlineFocusColor}: var(--plasma-colors-button-focused); + + ${tabsTokens.tabsDividerHeight}: 0rem; + ${tabsTokens.tabsDividerColor}: tranparent; + ${tabsTokens.tabsDividerBorderRadius}: 0rem; + `, + divider: css` + ${tabsTokens.arrowColor}: var(--plasma-colors-secondary); + ${tabsTokens.tabsBackgroundColor}: tranparent; + ${tabsTokens.outlineFocusColor}: var(--plasma-colors-button-focused); + + ${tabsTokens.tabsDividerHeight}: 0.0625rem; + ${tabsTokens.tabsDividerColor}: var(--surface-transparent-secondary); + ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem; + `, + }, + size: { + xs: css` + ${tabsTokens.tabsBorderRadius}: 0.5rem; + ${tabsTokens.tabsWidth}: fit-content; + ${tabsTokens.tabsHeight}: auto; + ${tabsTokens.arrowInnerPadding}: 0rem; + ${tabsTokens.arrowOuterPadding}: 0.125rem; + `, + s: css` + ${tabsTokens.tabsBorderRadius}: 0.625rem; + ${tabsTokens.tabsWidth}: fit-content; + ${tabsTokens.tabsHeight}: auto; + ${tabsTokens.arrowInnerPadding}: 0rem; + ${tabsTokens.arrowOuterPadding}: 0.25rem; + `, + m: css` + ${tabsTokens.tabsBorderRadius}: 0.75rem; + ${tabsTokens.tabsWidth}: fit-content; + ${tabsTokens.tabsHeight}: auto; + ${tabsTokens.arrowInnerPadding}: 0rem; + ${tabsTokens.arrowOuterPadding}: 0.625rem; + `, + l: css` + ${tabsTokens.tabsBorderRadius}: 0.875rem; + ${tabsTokens.tabsWidth}: fit-content; + ${tabsTokens.tabsHeight}: auto; + ${tabsTokens.arrowInnerPadding}: 0rem; + ${tabsTokens.arrowOuterPadding}: 0.75rem; + `, + h5: css` + ${tabsTokens.tabsBorderRadius}: 0.5rem; + ${tabsTokens.tabsWidth}: fit-content; + ${tabsTokens.tabsHeight}: auto; + ${tabsTokens.arrowInnerPadding}: 0.25rem; + ${tabsTokens.arrowOuterPadding}: 0rem; + `, + h4: css` + ${tabsTokens.tabsBorderRadius}: 0.5rem; + ${tabsTokens.tabsWidth}: fit-content; + ${tabsTokens.tabsHeight}: auto; + ${tabsTokens.arrowInnerPadding}: 0.25rem; + ${tabsTokens.arrowOuterPadding}: 0rem; + `, + h3: css` + ${tabsTokens.tabsBorderRadius}: 0.625rem; + ${tabsTokens.tabsWidth}: fit-content; + ${tabsTokens.tabsHeight}: auto; + ${tabsTokens.arrowInnerPadding}: 0.375rem; + ${tabsTokens.arrowOuterPadding}: 0rem; + `, + h2: css` + ${tabsTokens.tabsBorderRadius}: 0.75rem; + ${tabsTokens.tabsWidth}: fit-content; + ${tabsTokens.tabsHeight}: auto; + ${tabsTokens.arrowInnerPadding}: 0.5rem; + ${tabsTokens.arrowOuterPadding}: 0rem; + `, + h1: css` + ${tabsTokens.tabsBorderRadius}: 0.75rem; + ${tabsTokens.tabsWidth}: fit-content; + ${tabsTokens.tabsHeight}: auto; + ${tabsTokens.arrowInnerPadding}: 1rem; + ${tabsTokens.arrowOuterPadding}: 0rem; + `, + }, + stretch: { + true: css` + ${tabsTokens.containerWidth}: 100%; + `, + }, + disabled: { + true: css` + ${tabsTokens.disabledOpacity}: 0.4; + `, + }, + pilled: { + true: css` + ${tabsTokens.tabsPilledBorderRadius}: 1.625rem; + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Tabs/Tabs.stories.tsx b/packages/sdds-dfa/src/components/Tabs/Tabs.stories.tsx new file mode 100644 index 0000000000..1fcd82feb8 --- /dev/null +++ b/packages/sdds-dfa/src/components/Tabs/Tabs.stories.tsx @@ -0,0 +1,271 @@ +import React, { useState } from 'react'; +import type { ComponentProps } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import styled from 'styled-components'; +import { IconAlarm } from '@salutejs/plasma-icons'; +import { InSpacingDecorator } from '@salutejs/plasma-sb-utils'; + +import { Tabs } from './Tabs'; +import { TabItem } from './TabItem'; + +const tabItemViews = ['clear', 'default', 'divider', 'secondary']; +const tabViews = ['clear', 'filled', 'divider']; +const tabSizes = ['xs', 's', 'm', 'l', 'h5', 'h4', 'h3', 'h2', 'h1']; + +type CustomStoryTabsProps = { + tabItemView: string; + showLeftContent: boolean; + showRightContent: boolean; + itemsNumber?: number; + animated?: boolean; + label?: string; +}; + +type StoryTabsProps = ComponentProps<typeof Tabs> & CustomStoryTabsProps; + +const meta: Meta<StoryTabsProps> = { + title: 'Controls/Tabs', + component: Tabs, + decorators: [InSpacingDecorator], + argTypes: { + tabItemView: { + options: tabItemViews, + control: { + type: 'select', + }, + }, + size: { + options: tabSizes, + control: { + type: 'select', + }, + }, + view: { + options: tabViews, + control: { + type: 'select', + }, + }, + }, +}; + +export default meta; + +const StoryDefault = (props: StoryTabsProps) => { + const { + itemsNumber, + label, + view, + disabled, + stretch, + pilled, + animated, + tabItemView, + size, + showLeftContent, + showRightContent, + } = props; + const items = Array(itemsNumber).fill(0); + const secondItems = Array(10).fill(0); + const [index, setIndex] = useState(0); + const [secondIndex, setSecondIndex] = useState(0); + const [thirdIndex, setThirdIndex] = useState(0); + + return ( + <> + <h3>Tabs with auto width</h3> + <Tabs view={view} stretch={stretch} pilled={pilled} disabled={disabled} size={size}> + {items.map((_, i) => ( + <TabItem + key={`item:${i}`} + view={tabItemView} + selected={i === index} + onClick={() => !disabled && setIndex(i)} + tabIndex={!disabled ? 0 : -1} + disabled={disabled} + pilled={pilled} + animated={animated} + contentLeft={showLeftContent && <IconAlarm size="xs" color="inherit" />} + contentRight={showRightContent && <div>Text</div>} + size={size} + > + {label} + </TabItem> + ))} + </Tabs> + + <h3>Tabs with fixed width</h3> + <Tabs + view={view} + stretch={stretch} + pilled={pilled} + disabled={disabled} + size={size} + style={{ width: '28.5rem' }} + > + {secondItems.map((_, i) => ( + <TabItem + key={`item:${i}`} + view={tabItemView} + selected={i === secondIndex} + onClick={() => !disabled && setSecondIndex(i)} + tabIndex={!disabled ? 0 : -1} + disabled={disabled} + pilled={pilled} + animated={animated} + contentLeft={showLeftContent && <IconAlarm size="xs" color="inherit" />} + contentRight={showRightContent && <div>Text</div>} + size={size} + > + {label} + </TabItem> + ))} + </Tabs> + + <h3>Tabs with arrow navigation</h3> + <Tabs view={view} index={thirdIndex} stretch={stretch} pilled={pilled} disabled={disabled} size={size}> + {items.map((_, i) => ( + <TabItem + key={`item:${i}`} + view={tabItemView} + selected={i === thirdIndex} + itemIndex={i} + onIndexChange={(i) => setThirdIndex(i)} + onClick={() => !disabled && setThirdIndex(i)} + tabIndex={!disabled ? 0 : -1} + disabled={disabled} + pilled={pilled} + animated={animated} + contentLeft={showLeftContent && <IconAlarm size="xs" color="inherit" />} + contentRight={showRightContent && <div>Text</div>} + size={size} + > + {label} + </TabItem> + ))} + </Tabs> + </> + ); +}; + +export const Default: StoryObj<StoryTabsProps> = { + args: { + size: 'l', + itemsNumber: 4, + tabItemView: 'secondary', + disabled: false, + stretch: false, + pilled: false, + animated: true, + view: 'filled', + label: 'Label', + showLeftContent: false, + showRightContent: false, + }, + render: (args) => <StoryDefault {...args} />, +}; + +const StyledMultipleContainer = styled.div` + display: flex; + align-items: center; + column-gap: 1rem; +`; + +const StoryMultiple = ({ + itemsNumber, + label, + view, + disabled, + stretch, + pilled, + animated, + tabItemView, + size, + showLeftContent, + showRightContent, +}: StoryTabsProps) => { + const items = Array(itemsNumber).fill(0); + + const [index1, setIndex1] = useState(0); + const [index2, setIndex2] = useState(0); + + return ( + <StyledMultipleContainer> + <Tabs + view={view} + index={index1} + stretch={stretch} + pilled={pilled} + disabled={disabled} + size={size} + style={{ width: '12rem' }} + > + {items.map((_, i) => ( + <TabItem + key={`item:${i}`} + view={tabItemView} + selected={i === index1} + itemIndex={i} + onIndexChange={(i) => setIndex1(i)} + onClick={() => !disabled && setIndex1(i)} + tabIndex={!disabled ? 0 : -1} + disabled={disabled} + pilled={pilled} + animated={animated} + contentLeft={showLeftContent && <IconAlarm size="xs" color="inherit" />} + contentRight={showRightContent && <div>Text</div>} + size={size} + > + {label} + </TabItem> + ))} + </Tabs> + <Tabs + view={view} + index={index2} + stretch={stretch} + pilled={pilled} + disabled={disabled} + size={size} + style={{ width: '12rem' }} + > + {items.map((_, i) => ( + <TabItem + key={`item:${i}`} + view={tabItemView} + selected={i === index2} + itemIndex={i} + onIndexChange={(i) => setIndex2(i)} + onClick={() => !disabled && setIndex2(i)} + tabIndex={!disabled ? 0 : -1} + disabled={disabled} + pilled={pilled} + animated={animated} + contentLeft={showLeftContent && <IconAlarm size="xs" color="inherit" />} + contentRight={showRightContent && <div>Text</div>} + size={size} + > + {label} + </TabItem> + ))} + </Tabs> + </StyledMultipleContainer> + ); +}; + +export const Multiple: StoryObj<StoryTabsProps> = { + args: { + size: 'l', + itemsNumber: 4, + tabItemView: 'divider', + disabled: false, + stretch: false, + pilled: false, + animated: true, + view: 'divider', + label: 'Label', + showLeftContent: false, + showRightContent: false, + }, + render: (args) => <StoryMultiple {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Tabs/Tabs.tsx b/packages/sdds-dfa/src/components/Tabs/Tabs.tsx new file mode 100644 index 0000000000..b39e2bf6b6 --- /dev/null +++ b/packages/sdds-dfa/src/components/Tabs/Tabs.tsx @@ -0,0 +1,10 @@ +import { tabsConfig, component, mergeConfig, TabsProps } from '@salutejs/plasma-new-hope/styled-components'; +import { ForwardRefExoticComponent, RefAttributes } from 'react'; + +import { config } from './Tabs.config'; + +const mergedConfig = mergeConfig(tabsConfig, config); +/** + * Контейнер вкладок, основной компонент для пользовательской сборки вкладок. + */ +export const Tabs = component(mergedConfig) as ForwardRefExoticComponent<TabsProps & RefAttributes<HTMLDivElement>>; diff --git a/packages/sdds-dfa/src/components/Tabs/TabsController.tsx b/packages/sdds-dfa/src/components/Tabs/TabsController.tsx new file mode 100644 index 0000000000..a4759323da --- /dev/null +++ b/packages/sdds-dfa/src/components/Tabs/TabsController.tsx @@ -0,0 +1,18 @@ +import type { ForwardRefExoticComponent, RefAttributes } from 'react'; +import { createTabsController } from '@salutejs/plasma-new-hope/styled-components'; +import type { TabsProps, TabItemProps } from '@salutejs/plasma-new-hope/styled-components'; + +import { Tabs } from './Tabs'; +import { TabItem } from './TabItem'; + +/** + * @deprecated + * Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange + * + * Контроллер вкладок. + * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам. + */ +export const TabsController = createTabsController( + Tabs as ForwardRefExoticComponent<TabsProps & RefAttributes<HTMLDivElement>>, + TabItem as ForwardRefExoticComponent<TabItemProps & RefAttributes<HTMLDivElement>>, +); diff --git a/packages/sdds-dfa/src/components/Tabs/index.ts b/packages/sdds-dfa/src/components/Tabs/index.ts new file mode 100644 index 0000000000..f2d92ec950 --- /dev/null +++ b/packages/sdds-dfa/src/components/Tabs/index.ts @@ -0,0 +1,6 @@ +export { TabsController } from './TabsController'; +export { TabItemRefs, TabsContext } from '@salutejs/plasma-new-hope/styled-components'; +export type { TabsProps, TabItemProps, TabsControllerProps } from '@salutejs/plasma-new-hope/styled-components'; + +export { Tabs } from './Tabs'; +export { TabItem } from './TabItem'; diff --git a/packages/sdds-dfa/src/components/TextArea/TextArea.config.tsx b/packages/sdds-dfa/src/components/TextArea/TextArea.config.tsx new file mode 100644 index 0000000000..b2bf6562e9 --- /dev/null +++ b/packages/sdds-dfa/src/components/TextArea/TextArea.config.tsx @@ -0,0 +1,274 @@ +import { css, textAreaTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + focused: 'true', + }, + variations: { + size: { + xs: css` + ${textAreaTokens.inputWidth}: 100%; + ${textAreaTokens.inputHeight}: 7.312rem; + ${textAreaTokens.inputMinHeight}: 0.625rem; + ${textAreaTokens.borderRadius}: 0.5rem; + ${textAreaTokens.borderRadiusWithHelpers}: 0.5rem 0.5rem 0 0; + ${textAreaTokens.inputPaddingTop}: 0.563rem; + ${textAreaTokens.inputPaddingRight}: 0.625rem; + ${textAreaTokens.inputPaddingRightWithRightContent}: 2.125rem; + ${textAreaTokens.inputPaddingBottom}: 0.563rem; + ${textAreaTokens.inputPaddingLeft}: 0.625rem; + ${textAreaTokens.helpersPaddingTop}: 0.5rem; + ${textAreaTokens.helpersPaddingRight}: 0.625rem; + ${textAreaTokens.helpersPaddingBottom}: 0.563rem; + ${textAreaTokens.helpersPaddingLeft}: 0.625rem; + ${textAreaTokens.helpersOffset}: 0rem; + ${textAreaTokens.rightContentTop}: 0.563rem; + ${textAreaTokens.rightContentRight}: 0.5rem; + ${textAreaTokens.rightContentHeight}: 1.25rem; + ${textAreaTokens.labelMarginBottom}: 0.375rem; + ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xxs-font-family); + ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xxs-font-size); + ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xxs-font-style); + ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xxs-font-weight); + ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing); + ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xxs-line-height); + ${textAreaTokens.labelInnerTop}: 0rem; + ${textAreaTokens.labelInnerMarginBottom}: 0rem; + ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-xs-font-family); + ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-xs-font-size); + ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-xs-font-style); + ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-xs-line-height); + ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family); + ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size); + ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style); + ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + s: css` + ${textAreaTokens.inputWidth}: 100%; + ${textAreaTokens.inputHeight}: 7.187rem; + ${textAreaTokens.inputMinHeight}: 0.625rem; + ${textAreaTokens.borderRadius}: 0.625rem; + ${textAreaTokens.borderRadiusWithHelpers}: 0.625rem 0.625rem 0 0; + ${textAreaTokens.inputPaddingTop}: 0.688rem; + ${textAreaTokens.inputPaddingRight}: 0.875rem; + ${textAreaTokens.inputPaddingRightWithRightContent}: 3.125rem; + ${textAreaTokens.inputPaddingBottom}: 0.75rem; + ${textAreaTokens.inputPaddingLeft}: 0.875rem; + ${textAreaTokens.helpersPaddingTop}: 0.75rem; + ${textAreaTokens.helpersPaddingRight}: 0.875rem; + ${textAreaTokens.helpersPaddingBottom}: 0.75rem; + ${textAreaTokens.helpersPaddingLeft}: 0.875rem; + ${textAreaTokens.helpersOffset}: 0rem; + ${textAreaTokens.rightContentTop}: 0.688rem; + ${textAreaTokens.rightContentRight}: 0.75rem; + ${textAreaTokens.rightContentHeight}: 1.25rem; + ${textAreaTokens.labelMarginBottom}: 0.5rem; + ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family); + ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size); + ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style); + ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height); + ${textAreaTokens.labelInnerTop}: 0.375rem; + ${textAreaTokens.labelInnerMarginBottom}: 0.125rem; + ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-s-font-family); + ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-s-font-size); + ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-s-font-style); + ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-s-font-weight); + ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-s-line-height); + ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family); + ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size); + ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style); + ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + m: css` + ${textAreaTokens.inputWidth}: 100%; + ${textAreaTokens.inputHeight}: 7rem; + ${textAreaTokens.inputMinHeight}: 1.125rem; + ${textAreaTokens.borderRadius}: 0.75rem; + ${textAreaTokens.borderRadiusWithHelpers}: 0.75rem 0.75rem 0 0; + ${textAreaTokens.inputPaddingTop}: 0.875rem; + ${textAreaTokens.inputPaddingRight}: 1rem; + ${textAreaTokens.inputPaddingRightWithRightContent}: 3.375rem; + ${textAreaTokens.inputPaddingBottom}: 0.75rem; + ${textAreaTokens.inputPaddingLeft}: 1rem; + ${textAreaTokens.helpersPaddingTop}: 0.75rem; + ${textAreaTokens.helpersPaddingRight}: 1rem; + ${textAreaTokens.helpersPaddingBottom}: 0.75rem; + ${textAreaTokens.helpersPaddingLeft}: 1rem; + ${textAreaTokens.helpersOffset}: 0rem; + ${textAreaTokens.rightContentTop}: 0.875rem; + ${textAreaTokens.rightContentRight}: 0.875rem; + ${textAreaTokens.rightContentHeight}: 1.25rem; + ${textAreaTokens.labelMarginBottom}: 0.625rem; + ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family); + ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size); + ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style); + ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height); + ${textAreaTokens.labelInnerTop}: 0.375rem; + ${textAreaTokens.labelInnerMarginBottom}: 0.125rem; + ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-m-font-family); + ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-m-font-size); + ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-m-font-style); + ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-m-font-weight); + ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-m-line-height); + ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family); + ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size); + ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style); + ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + l: css` + ${textAreaTokens.inputWidth}: 100%; + ${textAreaTokens.inputHeight}: 6.812rem; + ${textAreaTokens.inputMinHeight}: 1.625rem; + ${textAreaTokens.borderRadius}: 0.875rem; + ${textAreaTokens.borderRadiusWithHelpers}: 0.875rem 0.875rem 0 0; + ${textAreaTokens.inputPaddingTop}: 1.063rem; + ${textAreaTokens.inputPaddingRight}: 1.125rem; + ${textAreaTokens.inputPaddingRightWithRightContent}: 3.625rem; + ${textAreaTokens.inputPaddingBottom}: 0.75rem; + ${textAreaTokens.inputPaddingLeft}: 1.125rem; + ${textAreaTokens.helpersPaddingTop}: 0.75rem; + ${textAreaTokens.helpersPaddingRight}: 1.125rem; + ${textAreaTokens.helpersPaddingBottom}: 0.75rem; + ${textAreaTokens.helpersPaddingLeft}: 1.125rem; + ${textAreaTokens.helpersOffset}: 0rem; + ${textAreaTokens.rightContentTop}: 1.063rem; + ${textAreaTokens.rightContentRight}: 1rem; + ${textAreaTokens.rightContentHeight}: 1.25rem; + ${textAreaTokens.labelMarginBottom}: 0.75rem; + ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family); + ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size); + ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style); + ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height); + /* stylelint-disable-next-line number-max-precision */ + ${textAreaTokens.labelInnerTop}: 0.5625rem; + ${textAreaTokens.labelInnerMarginBottom}: 0.125rem; + ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-l-font-family); + ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-l-font-size); + ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-l-font-style); + ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-l-font-weight); + ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-l-line-height); + ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family); + ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size); + ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style); + ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + }, + view: { + default: css` + ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-primary); + ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-primary-hover); + ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-primary-active); + ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-secondary); + ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-primary); + ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-primary-hover); + ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-primary-active); + ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-secondary); + ${textAreaTokens.inputColor}: var(--text-primary); + ${textAreaTokens.inputColorFocus}: var(--text-primary); + ${textAreaTokens.inputCaretColor}: var(--text-accent); + ${textAreaTokens.placeholderColor}: var(--text-secondary); + ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary); + ${textAreaTokens.leftHelperColor}: var(--text-secondary); + ${textAreaTokens.rightHelperColor}: var(--text-secondary); + `, + /** + * @deprecated + * использовать `default` + */ + primary: css` + ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-primary); + ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-primary-hover); + ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-primary-active); + ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-secondary); + ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-primary); + ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-primary-hover); + ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-primary-active); + ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-secondary); + ${textAreaTokens.inputColor}: var(--text-primary); + ${textAreaTokens.inputColorFocus}: var(--text-primary); + ${textAreaTokens.inputCaretColor}: var(--text-accent); + ${textAreaTokens.placeholderColor}: var(--text-secondary); + ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary); + ${textAreaTokens.leftHelperColor}: var(--text-secondary); + ${textAreaTokens.rightHelperColor}: var(--text-secondary); + `, + positive: css` + ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-positive); + ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-positive-hover); + ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-positive-active); + ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-positive); + ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-positive); + ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-positive-hover); + ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-positive-active); + ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-positive); + ${textAreaTokens.inputColor}: var(--text-primary); + ${textAreaTokens.inputColorFocus}: var(--text-primary); + ${textAreaTokens.inputCaretColor}: var(--text-positive); + ${textAreaTokens.placeholderColor}: var(--text-secondary); + ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary); + ${textAreaTokens.leftHelperColor}: var(--text-positive); + ${textAreaTokens.rightHelperColor}: var(--text-secondary); + `, + warning: css` + ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-warning); + ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-warning-hover); + ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-warning-active); + ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-warning); + ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-warning); + ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-warning-hover); + ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-warning-active); + ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-warning); + ${textAreaTokens.inputColor}: var(--text-primary); + ${textAreaTokens.inputColorFocus}: var(--text-primary); + ${textAreaTokens.inputCaretColor}: var(--text-warning); + ${textAreaTokens.placeholderColor}: var(--text-secondary); + ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary); + ${textAreaTokens.leftHelperColor}: var(--text-warning); + ${textAreaTokens.rightHelperColor}: var(--text-secondary); + `, + negative: css` + ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-negative); + ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-negative-hover); + ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-negative-active); + ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-negative); + ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-negative); + ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-negative-hover); + ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-negative-active); + ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-negative); + ${textAreaTokens.inputColor}: var(--text-primary); + ${textAreaTokens.inputColorFocus}: var(--text-primary); + ${textAreaTokens.inputCaretColor}: var(--text-negative); + ${textAreaTokens.placeholderColor}: var(--text-secondary); + ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary); + ${textAreaTokens.leftHelperColor}: var(--text-negative); + ${textAreaTokens.rightHelperColor}: var(--text-secondary); + `, + }, + disabled: { + true: css` + ${textAreaTokens.disabledOpacity}: 0.4; + ${textAreaTokens.inputColorDisabled}: var(--text-secondary); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/TextArea/TextArea.stories.tsx b/packages/sdds-dfa/src/components/TextArea/TextArea.stories.tsx new file mode 100644 index 0000000000..87aef56f75 --- /dev/null +++ b/packages/sdds-dfa/src/components/TextArea/TextArea.stories.tsx @@ -0,0 +1,131 @@ +import React, { useState } from 'react'; +import type { ComponentProps } from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; +import { action } from '@storybook/addon-actions'; +import { tertiary } from '@salutejs/plasma-core'; +import styled from 'styled-components'; +import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils'; + +import { TextArea } from './TextArea'; + +const labelPlacements = ['inner', 'outer']; + +type StoryTextAreaPropsCustom = { + enableContentRight?: boolean; +}; + +type StoryTextAreaProps = ComponentProps<typeof TextArea> & StoryTextAreaPropsCustom; + +const sizes = ['xs', 's', 'm', 'l']; +const views = ['default', 'positive', 'warning', 'negative']; + +const meta: Meta<StoryTextAreaProps> = { + title: 'Controls/TextArea', + decorators: [InSpacingDecorator], + component: TextArea, + argTypes: { + rows: { + control: { + type: 'number', + }, + }, + cols: { + control: { + type: 'number', + }, + }, + labelPlacement: { + options: labelPlacements, + control: { + type: 'select', + }, + }, + size: { + options: sizes, + defaultValue: 'm', + control: { + type: 'select', + }, + }, + view: { + options: views, + control: { + type: 'select', + }, + }, + ...disableProps([ + 'helperBlock', + '$isFocused', + 'contentRight', + 'autoComplete', + 'autoFocus', + 'dirName', + 'form', + 'minLength', + 'maxLength', + 'name', + 'required', + 'value', + 'wrap', + 'theme', + 'as', + 'forwardedAs', + 'onChange', + 'onFocus', + 'onBlur', + 'status', + 'resize', + 'height', + 'width', + 'helperText', + ]), + }, + args: { + id: 'example-textarea', + enableContentRight: true, + label: 'Подсказка', + placeholder: 'Заполните многострочное поле', + leftHelper: 'Подсказка к полю слева', + rightHelper: 'Подсказка к полю справа', + disabled: false, + readOnly: false, + autoResize: false, + minAuto: 0, + maxAuto: 0, + }, +}; + +export default meta; + +const onChange = action('onChange'); +const onFocus = action('onFocus'); +const onBlur = action('onBlur'); + +const IconPlaceholder = styled.div` + width: 1.5rem; + height: 1.5rem; + border-radius: 50%; + background: ${tertiary}; +`; + +const StoryDefault = (props: StoryTextAreaProps) => { + const [value, setValue] = useState('Значение поля'); + + return ( + <TextArea + value={value} + contentRight={props.enableContentRight ? <IconPlaceholder /> : undefined} + onChange={(e) => { + setValue(e.target.value); + onChange(e); + }} + onFocus={onFocus} + onBlur={onBlur} + {...props} + /> + ); +}; + +export const Default: StoryObj<StoryTextAreaProps> = { + render: (args) => <StoryDefault {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/TextArea/TextArea.tsx b/packages/sdds-dfa/src/components/TextArea/TextArea.tsx new file mode 100644 index 0000000000..6252934bc0 --- /dev/null +++ b/packages/sdds-dfa/src/components/TextArea/TextArea.tsx @@ -0,0 +1,11 @@ +import { textAreaConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './TextArea.config'; + +const mergedConfig = mergeConfig(textAreaConfig, config); +const TextAreaComponent = component(mergedConfig); + +/** + * Поле ввода многострочного текста. + */ +export const TextArea = TextAreaComponent; diff --git a/packages/sdds-dfa/src/components/TextArea/index.ts b/packages/sdds-dfa/src/components/TextArea/index.ts new file mode 100644 index 0000000000..fdf76b35f2 --- /dev/null +++ b/packages/sdds-dfa/src/components/TextArea/index.ts @@ -0,0 +1 @@ +export { TextArea } from './TextArea'; diff --git a/packages/sdds-dfa/src/components/TextField/TextField.config.ts b/packages/sdds-dfa/src/components/TextField/TextField.config.ts new file mode 100644 index 0000000000..e4c6319a94 --- /dev/null +++ b/packages/sdds-dfa/src/components/TextField/TextField.config.ts @@ -0,0 +1,361 @@ +import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + labelPlacement: 'outer', + }, + variations: { + view: { + default: css` + ${tokens.color}: var(--text-primary); + ${tokens.backgroundColor}: var(--surface-transparent-primary); + ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary); + ${tokens.caretColor}: var(--text-accent); + ${tokens.placeholderColor}: var(--text-secondary); + ${tokens.textBeforeColor}: var(--text-tertiary); + ${tokens.textAfterColor}: var(--text-tertiary); + ${tokens.labelColor}: var(--text-primary); + ${tokens.leftHelperColor}: var(--text-secondary); + + ${tokens.chipCloseIconColor}: var(--text-secondary); + ${tokens.chipColor}: var(--text-primary); + ${tokens.chipBackground}: var(--surface-transparent-secondary); + ${tokens.chipColorHover}: var(--text-primary); + ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover); + ${tokens.chipColorActive}: var(--text-primary); + ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active); + ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary); + ${tokens.chipColorReadOnly}: var(--text-primary); + ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary); + ${tokens.chipColorReadOnlyHover}: var(--text-primary); + ${tokens.chipOpacityReadonly}: 0.72; + + ${tokens.focusColor}: var(--text-accent); + `, + positive: css` + ${tokens.color}: var(--plasma-colors-primary); + ${tokens.backgroundColor}: var(--surface-transparent-positive); + ${tokens.backgroundColorFocus}: var(--surface-transparent-positive-active); + ${tokens.caretColor}: var(--text-accent); + ${tokens.placeholderColor}: var(--text-secondary); + ${tokens.textBeforeColor}: var(--text-tertiary); + ${tokens.textAfterColor}: var(--text-tertiary); + ${tokens.labelColor}: var(--text-primary); + ${tokens.leftHelperColor}: var(--text-positive); + + ${tokens.chipCloseIconColor}: var(--text-secondary); + ${tokens.chipColor}: var(--text-primary); + ${tokens.chipBackground}: var(--surface-transparent-secondary); + ${tokens.chipColorHover}: var(--text-primary); + ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover); + ${tokens.chipColorActive}: var(--text-primary); + ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active); + ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary); + ${tokens.chipColorReadOnly}: var(--text-primary); + ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary); + ${tokens.chipColorReadOnlyHover}: var(--text-primary); + ${tokens.chipOpacityReadonly}: 0.72; + + ${tokens.focusColor}: var(--text-accent); + `, + warning: css` + ${tokens.color}: var(--plasma-colors-primary); + ${tokens.backgroundColor}: var(--surface-transparent-warning); + ${tokens.backgroundColorFocus}: var(--surface-transparent-warning-active); + ${tokens.caretColor}: var(--text-accent); + ${tokens.placeholderColor}: var(--text-secondary); + ${tokens.textBeforeColor}: var(--text-tertiary); + ${tokens.textAfterColor}: var(--text-tertiary); + ${tokens.labelColor}: var(--text-primary); + ${tokens.leftHelperColor}: var(--text-warning); + + ${tokens.chipCloseIconColor}: var(--text-secondary); + ${tokens.chipColor}: var(--text-primary); + ${tokens.chipBackground}: var(--surface-transparent-secondary); + ${tokens.chipColorHover}: var(--text-primary); + ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover); + ${tokens.chipColorActive}: var(--text-primary); + ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active); + ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary); + ${tokens.chipColorReadOnly}: var(--text-primary); + ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary); + ${tokens.chipColorReadOnlyHover}: var(--text-primary); + ${tokens.chipOpacityReadonly}: 0.72; + + ${tokens.focusColor}: var(--text-accent); + `, + negative: css` + ${tokens.color}: var(--plasma-colors-primary); + ${tokens.backgroundColor}: var(--surface-transparent-negative); + ${tokens.backgroundColorFocus}: var(--surface-transparent-negative-active); + ${tokens.caretColor}: var(--text-accent); + ${tokens.placeholderColor}: var(--text-secondary); + ${tokens.textBeforeColor}: var(--text-tertiary); + ${tokens.textAfterColor}: var(--text-tertiary); + ${tokens.labelColor}: var(--text-primary); + ${tokens.leftHelperColor}: var(--text-negative); + + ${tokens.chipCloseIconColor}: var(--text-secondary); + ${tokens.chipColor}: var(--text-primary); + ${tokens.chipBackground}: var(--surface-transparent-secondary); + ${tokens.chipColorHover}: var(--text-primary); + ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover); + ${tokens.chipColorActive}: var(--text-primary); + ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active); + ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary); + ${tokens.chipColorReadOnly}: var(--text-primary); + ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary); + ${tokens.chipColorReadOnlyHover}: var(--text-primary); + ${tokens.chipOpacityReadonly}: 0.72; + + ${tokens.focusColor}: var(--text-accent); + `, + }, + size: { + l: css` + ${tokens.height}: 3.5rem; + ${tokens.padding}: 1.0625rem 1.125rem 1.0625rem 1.125rem; + ${tokens.paddingWithChips}: 0.375rem; + ${tokens.borderRadius}: 0.875rem; + + ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem; + ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem; + + ${tokens.textBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textAfterMargin}: 0 0 0 0.25rem; + + ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.fontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.labelOffset}: 0.75rem; + ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.leftHelperOffset}: 0.25rem; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0; + ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0; + + ${tokens.chipGap}: 0.25rem; + ${tokens.chipBorderRadius}: 0.5rem; + ${tokens.chipWidth}: auto; + ${tokens.chipHeight}: 2.75rem; + ${tokens.chipPaddingRight}: 0.75rem; + ${tokens.chipPaddingLeft}: 1rem; + ${tokens.chipClearContentMarginLeft}: 0.625rem; + ${tokens.chipClearContentMarginRight}: 0rem; + ${tokens.chipCloseIconSize}: 1.5rem; + ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height); + `, + m: css` + ${tokens.height}: 3rem; + ${tokens.padding}: 0.875rem 1rem 0.875rem 1rem; + ${tokens.paddingWithChips}: 0.375rem; + ${tokens.borderRadius}: 0.75rem; + + ${tokens.leftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem; + ${tokens.rightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem; + + ${tokens.textBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textAfterMargin}: 0 0 0 0.25rem; + + ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.fontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.labelOffset}: 0.625rem; + ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.leftHelperOffset}: 0.25rem; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0; + ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0; + + ${tokens.chipGap}: 0.25rem; + ${tokens.chipBorderRadius}: 0.375rem; + ${tokens.chipWidth}: auto; + ${tokens.chipHeight}: 2.25rem; + ${tokens.chipPaddingRight}: 0.625rem; + ${tokens.chipPaddingLeft}: 0.875rem; + ${tokens.chipClearContentMarginLeft}: 0.5rem; + ${tokens.chipClearContentMarginRight}: 0rem; + ${tokens.chipCloseIconSize}: 1.25rem; + ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height); + `, + s: css` + ${tokens.height}: 2.5rem; + ${tokens.padding}: 0.6875rem 0.875rem 0.6875rem 0.875rem; + ${tokens.paddingWithChips}: 0.375rem; + ${tokens.borderRadius}: 0.625rem; + + ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem; + ${tokens.rightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem; + + ${tokens.textBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textAfterMargin}: 0 0 0 0.25rem; + + ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.fontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.labelOffset}: 0.5rem; + ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.leftHelperOffset}: 0.25rem; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.labelInnerPadding}: 0.3125rem 0 0 0; + ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0; + + ${tokens.chipGap}: 0.25rem; + ${tokens.chipBorderRadius}: 0.25rem; + ${tokens.chipWidth}: auto; + ${tokens.chipHeight}: 1.75rem; + ${tokens.chipPaddingRight}: 0.5rem; + ${tokens.chipPaddingLeft}: 0.75rem; + ${tokens.chipClearContentMarginLeft}: 0.375rem; + ${tokens.chipClearContentMarginRight}: 0rem; + ${tokens.chipCloseIconSize}: 1rem; + ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height); + `, + xs: css` + ${tokens.height}: 2rem; + ${tokens.padding}: 0.5625rem 0.625rem 0.5625rem 0.625rem; + ${tokens.paddingWithChips}: 0.375rem; + ${tokens.borderRadius}: 0.5rem; + + ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem; + ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem; + + ${tokens.textBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textAfterMargin}: 0 0 0 0.25rem; + + ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.labelOffset}: 0.375rem; + ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.leftHelperOffset}: 0.25rem; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.labelInnerPadding}: 0.3125rem 0 0 0; + ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0; + + ${tokens.chipGap}: 0.25rem; + ${tokens.chipBorderRadius}: 0.125rem; + ${tokens.chipWidth}: auto; + ${tokens.chipHeight}: 1.25rem; + ${tokens.chipPaddingRight}: 0.375rem; + ${tokens.chipPaddingLeft}: 0.625rem; + ${tokens.chipClearContentMarginLeft}: 0.25rem; + ${tokens.chipClearContentMarginRight}: 0rem; + ${tokens.chipCloseIconSize}: 0.75rem; + ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + }, + labelPlacement: { + inner: css` + ${tokens.placeholderColor}: var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary))); + ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + outer: css``, + }, + disabled: { + true: css` + ${tokens.disabledOpacity}: 0.4; + `, + }, + readOnly: { + true: css` + ${tokens.colorReadOnly}: var(--text-secondary); + ${tokens.backgroundColorReadOnly}: var(--surface-transparent-primary); + ${tokens.placeholderColorReadOnly}: var(--text-secondary); + ${tokens.leftHelperColorReadOnly}: var(--text-secondary); + ${tokens.labelColorReadOnly}: var(--text-secondary); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/TextField/TextField.stories.tsx b/packages/sdds-dfa/src/components/TextField/TextField.stories.tsx new file mode 100644 index 0000000000..e0ad993086 --- /dev/null +++ b/packages/sdds-dfa/src/components/TextField/TextField.stories.tsx @@ -0,0 +1,187 @@ +import React, { useState } from 'react'; +import type { ComponentProps } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { action } from '@storybook/addon-actions'; +import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils'; + +import { TextField } from '.'; + +const onChange = action('onChange'); +const onFocus = action('onFocus'); +const onBlur = action('onBlur'); +const onSearch = action('onSearch'); +const onChipsChange = action('onChipsChange'); + +const sizes = ['l', 'm', 's', 'xs']; +const views = ['default', 'positive', 'warning', 'negative']; +const labelPlacements = ['outer', 'inner']; + +const meta: Meta<typeof TextField> = { + title: 'Controls/TextField', + component: TextField, + decorators: [InSpacingDecorator], + argTypes: { + view: { + options: views, + control: { + type: 'select', + }, + }, + labelPlacement: { + options: labelPlacements, + control: { + type: 'inline-radio', + }, + }, + size: { + options: sizes, + control: { + type: 'inline-radio', + }, + }, + ...disableProps([ + 'contentLeft', + 'contentRight', + 'onChange', + 'onSearch', + 'onChangeChips', + 'enumerationType', + 'values', + ]), + }, +}; + +export default meta; + +type StoryPropsDefault = Omit< + ComponentProps<typeof TextField>, + | 'helperBlock' + | 'contentLeft' + | 'htmlSize' + | 'contentRight' + | 'type' + | 'name' + | 'onFocus' + | 'onBlur' + | 'onChange' + | 'value' + | 'checked' + | 'maxLength' + | 'minLength' + | 'required' + | 'enumerationType' + | 'chips' + | 'onChangeChips' +> & { + enableContentLeft: boolean; + enableContentRight: boolean; +}; + +const BellIcon = ({ size }) => { + const sizeMapper = { + l: '1.5rem', + m: '1.5rem', + s: '1.5rem', + xs: '1rem', + }; + + return ( + <svg viewBox="0 0 24 24" fill="none" width={sizeMapper[size]} height={sizeMapper[size]}> + <path + d="M11.501 21.28c1.088 0 1.978-.889 1.978-1.977H9.524c0 1.088.88 1.978 1.977 1.978zm5.933-5.932v-4.944c0-3.035-1.622-5.576-4.45-6.248v-.673c0-.82-.662-1.483-1.483-1.483-.82 0-1.483.662-1.483 1.483v.672c-2.838.673-4.45 3.204-4.45 6.25v4.943l-1.275 1.276c-.623.623-.188 1.69.692 1.69h13.022c.88 0 1.325-1.067.702-1.69l-1.275-1.276z" + fill="currentColor" + /> + </svg> + ); +}; + +const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsDefault) => { + const [text, setText] = useState('Значение поля'); + + return ( + <TextField + {...rest} + value={text} + contentLeft={enableContentLeft ? <BellIcon size={rest.size} /> : undefined} + contentRight={enableContentRight ? <BellIcon size={rest.size} /> : undefined} + view={view} + onChange={(e) => { + setText(e.target.value); + onChange(e.target.value); + }} + onFocus={onFocus} + onBlur={onBlur} + onSearch={onSearch} + /> + ); +}; + +export const Default: StoryObj<StoryPropsDefault> = { + args: { + id: 'example-text-field', + size: 'm', + view: 'default', + label: 'Лейбл', + labelPlacement: 'outer', + placeholder: 'Заполните поле', + leftHelper: 'Подсказка к полю', + disabled: false, + readOnly: false, + enableContentLeft: true, + enableContentRight: true, + }, + render: (args) => <StoryDemo {...args} />, +}; + +type StoryPropsChips = Omit< + ComponentProps<typeof TextField>, + | 'helperBlock' + | 'contentLeft' + | 'htmlSize' + | 'contentRight' + | 'type' + | 'name' + | 'onFocus' + | 'onBlur' + | 'onChange' + | 'onSearch' + | 'value' + | 'checked' + | 'maxLength' + | 'minLength' + | 'required' + | 'enumerationType' +> & { + enableContentLeft: boolean; + enableContentRight: boolean; +}; + +const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsChips) => { + const [text, setText] = useState('Значение поля'); + + return ( + <TextField + {...rest} + enumerationType="chip" + value={text} + contentLeft={enableContentLeft ? <BellIcon size={rest.size} /> : undefined} + contentRight={enableContentRight ? <BellIcon size={rest.size} /> : undefined} + view={view} + onChange={(e) => { + setText(e.target.value); + onChange(e.target.value); + }} + onFocus={onFocus} + onBlur={onBlur} + onChangeChips={onChipsChange} + /> + ); +}; + +export const Chips: StoryObj<StoryPropsChips> = { + args: { + ...Default.args, + chips: ['1 value', '2 value', '3 value', '4 value'], + }, + render: (args) => <StoryChips {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/TextField/TextField.tsx b/packages/sdds-dfa/src/components/TextField/TextField.tsx new file mode 100644 index 0000000000..60a4c319a0 --- /dev/null +++ b/packages/sdds-dfa/src/components/TextField/TextField.tsx @@ -0,0 +1,10 @@ +import { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './TextField.config'; + +const mergedConfig = mergeConfig(textFieldConfig, config); + +/** + * Поле ввода текста. + */ +export const TextField = component(mergedConfig); diff --git a/packages/sdds-dfa/src/components/TextField/index.ts b/packages/sdds-dfa/src/components/TextField/index.ts new file mode 100644 index 0000000000..cf27a043fd --- /dev/null +++ b/packages/sdds-dfa/src/components/TextField/index.ts @@ -0,0 +1,3 @@ +export { TextField } from './TextField'; +export { textFieldTokens } from '@salutejs/plasma-new-hope/styled-components'; +export type { TextFieldProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Toast/Toast.config.ts b/packages/sdds-dfa/src/components/Toast/Toast.config.ts new file mode 100644 index 0000000000..263a1eef9c --- /dev/null +++ b/packages/sdds-dfa/src/components/Toast/Toast.config.ts @@ -0,0 +1,58 @@ +import { css, toastTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + }, + variations: { + view: { + default: css` + ${toastTokens.color}: var(--text-primary); + ${toastTokens.background}: var(--surface-solid-card); + + ${toastTokens.closeIconColor}: var(--text-secondary); + ${toastTokens.closeIconColorOnHover}: var(--text-secondary); + `, + dark: css` + ${toastTokens.color}: var(--on-dark-text-primary); + ${toastTokens.background}: var(--on-dark-surface-solid-primary); + + ${toastTokens.closeIconColor}: var(--on-dark-text-secondary); + ${toastTokens.closeIconColorOnHover}: var(--on-dark-text-secondary); + `, + light: css` + ${toastTokens.color}: var(--on-light-text-primary); + ${toastTokens.background}: var(--on-light-surface-solid-primary); + + ${toastTokens.closeIconColor}: var(--on-light-text-secondary); + ${toastTokens.closeIconColorOnHover}: var(--on-light-text-secondary); + `, + }, + size: { + m: css` + ${toastTokens.borderRadius}: 0.75rem; + ${toastTokens.maxWidth}: calc(100vw - 5rem); + ${toastTokens.padding}: 0.5625rem 0.75rem; + + ${toastTokens.fontFamily}: var(--plasma-typo-body-xs-font-family); + ${toastTokens.fontSize}: var(--plasma-typo-body-xs-font-size); + ${toastTokens.fontStyle}: var(--plasma-typo-body-xs-font-style); + ${toastTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight); + ${toastTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${toastTokens.lineHeight}: var(--plasma-typo-body-xs-line-height); + + ${toastTokens.leftContentMargin}: -0.0625rem 0.375rem -0.0625rem -0.125rem; + ${toastTokens.closeIconMargin}: -0.0625rem -0.25rem -0.0625rem 0.5rem; + `, + }, + pilled: { + true: css` + ${toastTokens.pilledBorderRadius}: 1.5rem; + + ${toastTokens.leftContentMargin}: -0.0625rem 0.375rem -0.0625rem -0.25rem; + ${toastTokens.closeIconMargin}: -0.0625rem -0.25rem -0.0625rem 0.375rem; + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Toast/Toast.stories.tsx b/packages/sdds-dfa/src/components/Toast/Toast.stories.tsx new file mode 100644 index 0000000000..68d4cfc1cd --- /dev/null +++ b/packages/sdds-dfa/src/components/Toast/Toast.stories.tsx @@ -0,0 +1,151 @@ +import React, { ComponentProps } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { action } from '@storybook/addon-actions'; +import styled from 'styled-components'; +import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils'; + +import { Button } from '../Button'; + +import { ToastController, ToastProvider } from './Toast'; + +import { Toast, useToast } from '.'; + +const meta: Meta<typeof ToastController> = { + title: 'Controls/Toast', + decorators: [InSpacingDecorator], + argTypes: { + view: { + options: ['default', 'dark', 'light'], + control: { + type: 'select', + }, + }, + size: { + options: ['m'], + control: { + type: 'inline-radio', + }, + }, + ...disableProps(['role', 'onShow', 'onHide', 'contentLeft']), + }, +}; + +export default meta; + +type StoryComponentProps = ComponentProps<typeof Toast> & { + enableContentLeft?: boolean; +}; +type StoryComponent = StoryObj<StoryComponentProps>; + +type StoryProps = ComponentProps<typeof ToastController> & { + text: string; + timeout?: number; + enableContentLeft?: boolean; +}; +type Story = StoryObj<StoryProps>; + +const BellIcon = (props) => ( + <svg width="100%" viewBox="0 0 24 24" fill="none" {...props}> + <path + d="M11.501 21.28c1.088 0 1.978-.889 1.978-1.977H9.524c0 1.088.88 1.978 1.977 1.978zm5.933-5.932v-4.944c0-3.035-1.622-5.576-4.45-6.248v-.673c0-.82-.662-1.483-1.483-1.483-.82 0-1.483.662-1.483 1.483v.672c-2.838.673-4.45 3.204-4.45 6.25v4.943l-1.275 1.276c-.623.623-.188 1.69.692 1.69h13.022c.88 0 1.325-1.067.702-1.69l-1.275-1.276z" + fill="currentColor" + /> + </svg> +); + +const ToastContainer = styled.div` + position: fixed; + transform: translateX(50%); +`; + +const Container = styled.div` + display: flex; + gap: 0.5rem; +`; + +export const ToastComponent: StoryComponent = { + args: { + text: 'Текст всплывающего уведомления', + view: 'default', + size: 'm', + hasClose: true, + enableContentLeft: true, + pilled: false, + }, + render: ({ enableContentLeft, ...args }) => ( + <ToastContainer> + <Toast contentLeft={enableContentLeft && <BellIcon width="1rem" height="1rem" />} {...args} /> + </ToastContainer> + ), +}; + +const StoryLiveDemo = ({ + text, + position, + timeout, + fade, + offset, + pilled, + view, + size, + hasClose, + enableContentLeft, +}: StoryProps) => { + const { showToast, hideToast } = useToast(); + const contentLeft = enableContentLeft && <BellIcon width="1rem" height="1rem" />; + + return ( + <Container> + <Button onClick={hideToast}>Скрыть уведомление</Button> + <Button + onClick={() => { + showToast({ + text, + position, + offset, + timeout, + fade, + contentLeft, + pilled, + view, + size, + hasClose, + onHide: action('onHide'), + onShow: action('onShow'), + }); + }} + > + Показать уведомление + </Button> + </Container> + ); +}; + +export const LiveDemo: Story = { + argTypes: { + position: { + options: ['top', 'bottom'], + control: { + type: 'inline-radio', + }, + }, + }, + args: { + ...ToastComponent.args, + position: 'bottom', + fade: true, + offset: 0, + timeout: 3000, + role: 'alert', + }, + parameters: { + chromatic: { + disable: true, + }, + }, + render: (args) => ( + <ToastProvider> + <StoryLiveDemo {...args} /> + </ToastProvider> + ), +}; diff --git a/packages/sdds-dfa/src/components/Toast/Toast.tsx b/packages/sdds-dfa/src/components/Toast/Toast.tsx new file mode 100644 index 0000000000..207800711d --- /dev/null +++ b/packages/sdds-dfa/src/components/Toast/Toast.tsx @@ -0,0 +1,17 @@ +import { + toastConfig, + ToastProviderHoc, + ToastControllerHoc, + component, + mergeConfig, +} from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Toast.config'; + +export { useToast } from '@salutejs/plasma-new-hope/styled-components'; + +const mergedConfig = mergeConfig(toastConfig, config); + +export const Toast = component(mergedConfig); +export const ToastController = ToastControllerHoc(Toast); +export const ToastProvider = ToastProviderHoc(ToastController); diff --git a/packages/sdds-dfa/src/components/Toast/index.ts b/packages/sdds-dfa/src/components/Toast/index.ts new file mode 100644 index 0000000000..eb62860653 --- /dev/null +++ b/packages/sdds-dfa/src/components/Toast/index.ts @@ -0,0 +1,2 @@ +export { Toast, ToastProvider, useToast } from './Toast'; +export type { ShowToastArgs, ToastProps, ToastPosition, ToastRole } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Toolbar/Toolbar.config.ts b/packages/sdds-dfa/src/components/Toolbar/Toolbar.config.ts new file mode 100644 index 0000000000..f6a51c8b98 --- /dev/null +++ b/packages/sdds-dfa/src/components/Toolbar/Toolbar.config.ts @@ -0,0 +1,57 @@ +import { css, toolbarTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + }, + variations: { + view: { + default: css` + /* TODO: заменить значение box-shadow на var(--shadow-down-soft-s). https://github.com/salute-developers/plasma/issues/1131 */ + ${toolbarTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); + ${toolbarTokens.background}: var(--surface-solid-card); + + ${toolbarTokens.dividerColor}: var(--surface-transparent-tertiary); + `, + }, + size: { + xs: css` + ${toolbarTokens.size}: 2.5rem; + ${toolbarTokens.padding}: 0.25rem; + ${toolbarTokens.borderRadius}: 0.75rem; + + ${toolbarTokens.dividerSize}: 1.25rem; + ${toolbarTokens.dividerOffset}: 0.5rem; + ${toolbarTokens.dividerBorderRadius}: 0.0625rem; + `, + s: css` + ${toolbarTokens.size}: 3rem; + ${toolbarTokens.padding}: 0.25rem; + ${toolbarTokens.borderRadius}: 0.875rem; + + ${toolbarTokens.dividerSize}: 1.5rem; + ${toolbarTokens.dividerOffset}: 0.5rem; + ${toolbarTokens.dividerBorderRadius}: 0.0625rem; + `, + m: css` + ${toolbarTokens.size}: 3.75rem; + ${toolbarTokens.padding}: 0.375rem; + ${toolbarTokens.borderRadius}: 1rem; + + ${toolbarTokens.dividerSize}: 1.75rem; + ${toolbarTokens.dividerOffset}: 0.625rem; + ${toolbarTokens.dividerBorderRadius}: 0.0625rem; + `, + l: css` + ${toolbarTokens.size}: 4.5rem; + ${toolbarTokens.padding}: 0.5rem; + ${toolbarTokens.borderRadius}: 1.25rem; + + ${toolbarTokens.dividerSize}: 2rem; + ${toolbarTokens.dividerOffset}: 0.75rem; + ${toolbarTokens.dividerBorderRadius}: 0.0625rem; + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Toolbar/Toolbar.stories.tsx b/packages/sdds-dfa/src/components/Toolbar/Toolbar.stories.tsx new file mode 100644 index 0000000000..5834d26988 --- /dev/null +++ b/packages/sdds-dfa/src/components/Toolbar/Toolbar.stories.tsx @@ -0,0 +1,63 @@ +import React from 'react'; +import type { ComponentProps } from 'react'; +import { InSpacingDecorator } from '@salutejs/plasma-sb-utils'; +import type { StoryObj, Meta } from '@storybook/react'; +import { IconEdit } from '@salutejs/plasma-icons'; + +import { Button } from '../Button'; + +import { Toolbar, ToolbarDivider } from './Toolbar'; + +const orientations: Array<string> = ['vertical', 'horizontal']; +const size: Array<string> = ['xs', 's', 'm', 'l']; + +const ToolbarWrapper = (props: ComponentProps<typeof Toolbar>) => { + return ( + <Toolbar {...props}> + <Button square size={props.size} view="clear" contentLeft={<IconEdit />} /> + <Button square size={props.size} view="clear" contentLeft={<IconEdit />} /> + <Button square size={props.size} view="clear" contentLeft={<IconEdit />} /> + <ToolbarDivider /> + <Button square size={props.size} view="clear" contentLeft={<IconEdit />} /> + <Button square size={props.size} view="clear" contentLeft={<IconEdit />} /> + </Toolbar> + ); +}; + +const meta: Meta<typeof Toolbar> = { + title: 'Controls/Toolbar', + component: ToolbarWrapper, + decorators: [InSpacingDecorator], + argTypes: { + orientation: { + options: orientations, + control: { + type: 'select', + }, + }, + hasShadow: { + control: { + type: 'boolean', + }, + }, + size: { + options: size, + control: { + type: 'select', + }, + }, + }, + args: { + orientation: 'vertical', + hasShadow: true, + size: 'm', + }, +}; + +export default meta; + +type Story = StoryObj<typeof Toolbar>; + +export const Default: Story = { + args: {}, +}; diff --git a/packages/sdds-dfa/src/components/Toolbar/Toolbar.tsx b/packages/sdds-dfa/src/components/Toolbar/Toolbar.tsx new file mode 100644 index 0000000000..2b815e517e --- /dev/null +++ b/packages/sdds-dfa/src/components/Toolbar/Toolbar.tsx @@ -0,0 +1,18 @@ +import { + toolbarConfig, + component, + mergeConfig, + toolbarDividerConfig, +} from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Toolbar.config'; + +const mergedConfig = mergeConfig(toolbarConfig, config); + +/** + * Компонент Toolbar. + */ +export const Toolbar = component(mergedConfig); + +const mergedDividerConfig = mergeConfig(toolbarDividerConfig); +export const ToolbarDivider = component(mergedDividerConfig); diff --git a/packages/sdds-dfa/src/components/Toolbar/index.ts b/packages/sdds-dfa/src/components/Toolbar/index.ts new file mode 100644 index 0000000000..8babf05c6c --- /dev/null +++ b/packages/sdds-dfa/src/components/Toolbar/index.ts @@ -0,0 +1,3 @@ +export { Toolbar, ToolbarDivider } from './Toolbar'; +export { toolbarTokens } from '@salutejs/plasma-new-hope/styled-components'; +export type { ToolbarProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Tooltip/Tooltip.config.ts b/packages/sdds-dfa/src/components/Tooltip/Tooltip.config.ts new file mode 100644 index 0000000000..d6b4908a86 --- /dev/null +++ b/packages/sdds-dfa/src/components/Tooltip/Tooltip.config.ts @@ -0,0 +1,70 @@ +import { css, tooltipTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + }, + variations: { + size: { + s: css` + ${tooltipTokens.paddingTop}: 0.5rem; + ${tooltipTokens.paddingRight}: 0.75rem; + ${tooltipTokens.paddingBottom}: 0.5rem; + ${tooltipTokens.paddingLeft}: 0.75rem; + + ${tooltipTokens.minHeight}: 2rem; + ${tooltipTokens.borderRadius}: 0.5rem; + + ${tooltipTokens.textFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tooltipTokens.textFontSize}: var(--plasma-typo-body-xs-font-size); + ${tooltipTokens.textFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tooltipTokens.textFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tooltipTokens.textFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tooltipTokens.textFontLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tooltipTokens.contentLeftMargin}: 0.25rem; + + ${tooltipTokens.arrowMaskWidth}: 1rem; + ${tooltipTokens.arrowMaskHeight}: 1rem; + ${tooltipTokens.arrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+"); + ${tooltipTokens.arrowHeight}: 0.375rem; + ${tooltipTokens.arrowEdgeMargin}: 0.5625rem; + ${tooltipTokens.arrowBackground}: var(--surface-solid-card); + `, + m: css` + ${tooltipTokens.paddingTop}: 0.6875rem; + ${tooltipTokens.paddingRight}: 0.875rem; + ${tooltipTokens.paddingBottom}: 0.6875rem; + ${tooltipTokens.paddingLeft}: 0.875rem; + + ${tooltipTokens.minHeight}: 2.5rem; + ${tooltipTokens.borderRadius}: 0.625rem; + + ${tooltipTokens.textFontFamily}: var(--plasma-typo-body-s-font-family); + ${tooltipTokens.textFontSize}: var(--plasma-typo-body-s-font-size); + ${tooltipTokens.textFontStyle}: var(--plasma-typo-body-s-font-style); + ${tooltipTokens.textFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tooltipTokens.textFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tooltipTokens.textFontLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tooltipTokens.contentLeftMargin}: 0.375rem; + + ${tooltipTokens.arrowMaskWidth}: 1.25rem; + ${tooltipTokens.arrowMaskHeight}: 1.25rem; + ${tooltipTokens.arrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg=="); + ${tooltipTokens.arrowHeight}: 0.5rem; + ${tooltipTokens.arrowEdgeMargin}: 0.625rem; + ${tooltipTokens.arrowBackground}: var(--surface-solid-card); + `, + }, + view: { + // TODO заменить тень на токен https://github.com/salute-developers/plasma/issues/1131 + default: css` + ${tooltipTokens.backgroundColor}: var(--surface-solid-card); + ${tooltipTokens.boxShadow}: 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08); + ${tooltipTokens.color}: var(--plasma-colors-primary); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Tooltip/Tooltip.stories.tsx b/packages/sdds-dfa/src/components/Tooltip/Tooltip.stories.tsx new file mode 100644 index 0000000000..fa63a721c0 --- /dev/null +++ b/packages/sdds-dfa/src/components/Tooltip/Tooltip.stories.tsx @@ -0,0 +1,170 @@ +import React, { useState } from 'react'; +import styled from 'styled-components'; +import { IconDisclosureRight } from '@salutejs/plasma-icons'; +import type { StoryObj, Meta } from '@storybook/react'; +import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils'; + +import { Button } from '../Button/Button'; + +import { Tooltip } from '.'; +import type { TooltipProps } from '.'; + +const placements: Array<string> = [ + 'top', + 'top-start', + 'top-end', + + 'bottom', + 'bottom-start', + 'bottom-end', + + 'left', + 'left-start', + 'left-end', + + 'right', + 'right-start', + 'right-end', + + 'auto', +]; + +const meta: Meta<TooltipProps> = { + title: 'Controls/Tooltip', + decorators: [InSpacingDecorator], + component: Tooltip, +}; + +export default meta; + +const StyledGrid = styled.div` + display: grid; + grid-template-columns: repeat(3, max-content); + grid-gap: 1rem 3.5rem; + padding: 3.5rem; +`; + +const StoryDefault = (props: Pick<TooltipProps, 'hasArrow' | 'size' | 'usePortal'>) => { + return ( + <StyledGrid> + <Tooltip + target={<Tooltip target={<Button>Btn</Button>} placement="left" isOpen text="left" {...props} />} + placement="top-start" + isOpen + text="top-start" + view="default" + {...props} + /> + <Tooltip target={<Button>Btn</Button>} placement="top" isOpen text="top" {...props} /> + <Tooltip + target={<Tooltip target={<Button>Btn</Button>} placement="right" isOpen text="right" {...props} />} + placement="top-end" + isOpen + text="top-end" + {...props} + /> + <Tooltip target={<Button>Btn</Button>} placement="bottom-start" isOpen text="bottom-start" {...props} /> + <Tooltip target={<Button>Btn</Button>} placement="bottom" isOpen text="bottom" {...props} /> + <Tooltip target={<Button>Btn</Button>} placement="bottom-end" isOpen text="bottom-end" {...props} /> + </StyledGrid> + ); +}; + +export const Default: StoryObj<TooltipProps> = { + argTypes: { + size: { + options: ['m', 's'], + control: { + type: 'select', + }, + }, + ...disableProps([ + 'target', + 'children', + 'text', + 'isOpen', + 'placement', + 'offset', + 'frame', + 'view', + 'zIndex', + 'minWidth', + 'maxWidth', + 'contentLeft', + 'onDismiss', + ]), + }, + args: { + size: 'm', + hasArrow: true, + usePortal: false, + }, + render: (args) => <StoryDefault {...args} />, +}; + +const StyledRow = styled.div` + display: flex; + width: 150vw; + height: 150vh; + padding: 10rem; +`; + +const StoryLive = (args: TooltipProps) => { + const [isOpen, setIsOpen] = useState(false); + + return ( + <> + <StyledRow> + <Tooltip + target={<Button onClick={() => setIsOpen(!isOpen)}>Show tooltip</Button>} + contentLeft={<IconDisclosureRight size="xs" />} + {...args} + id="example-tooltip-firstname" + text="Tooltip text" + isOpen={isOpen} + /> + </StyledRow> + </> + ); +}; + +export const Live: StoryObj<TooltipProps> = { + argTypes: { + placement: { + options: placements, + control: { + type: 'select', + }, + mapping: placements, + }, + size: { + options: ['m', 's'], + control: { + type: 'select', + }, + }, + ...disableProps([ + 'target', + 'children', + 'text', + 'isOpen', + 'isVisible', + 'offset', + 'frame', + 'view', + 'zIndex', + 'contentLeft', + 'onDismiss', + ]), + }, + args: { + placement: 'bottom', + maxWidth: 10, + minWidth: 3, + hasArrow: true, + usePortal: false, + animated: true, + size: 'm', + }, + render: (args) => <StoryLive {...args} />, +}; diff --git a/packages/sdds-dfa/src/components/Tooltip/Tooltip.tsx b/packages/sdds-dfa/src/components/Tooltip/Tooltip.tsx new file mode 100644 index 0000000000..1c20045539 --- /dev/null +++ b/packages/sdds-dfa/src/components/Tooltip/Tooltip.tsx @@ -0,0 +1,10 @@ +import { ForwardRefExoticComponent, RefAttributes } from 'react'; +import { TooltipProps, tooltipConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Tooltip.config'; + +const mergedConfig = mergeConfig(tooltipConfig, config); + +export const Tooltip = component(mergedConfig) as ForwardRefExoticComponent< + TooltipProps & RefAttributes<HTMLDivElement> +>; diff --git a/packages/sdds-dfa/src/components/Tooltip/index.ts b/packages/sdds-dfa/src/components/Tooltip/index.ts new file mode 100644 index 0000000000..63373a54c1 --- /dev/null +++ b/packages/sdds-dfa/src/components/Tooltip/index.ts @@ -0,0 +1,2 @@ +export { Tooltip } from './Tooltip'; +export type { TooltipProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/components/Typography/Body.config.ts b/packages/sdds-dfa/src/components/Typography/Body.config.ts new file mode 100644 index 0000000000..927c4ccfc8 --- /dev/null +++ b/packages/sdds-dfa/src/components/Typography/Body.config.ts @@ -0,0 +1,96 @@ +import { css, typographyTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const configL = { + defaults: { + size: 'l', + }, + variations: { + size: { + l: css` + ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-l-font-family); + ${typographyTokens.typoFontSize}: var(--plasma-typo-body-l-font-size); + ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-l-font-style); + ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-l-font-weight); + ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-l-bold-font-weight); + ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-l-line-height); + `, + }, + }, +}; + +export const configM = { + defaults: { + size: 'm', + }, + variations: { + size: { + m: css` + ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-m-font-family); + ${typographyTokens.typoFontSize}: var(--plasma-typo-body-m-font-size); + ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-m-font-style); + ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-m-font-weight); + ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-m-bold-font-weight); + ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-m-line-height); + `, + }, + }, +}; + +export const configS = { + defaults: { + size: 's', + }, + variations: { + size: { + s: css` + ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-s-font-family); + ${typographyTokens.typoFontSize}: var(--plasma-typo-body-s-font-size); + ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-s-font-style); + ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-s-font-weight); + ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-s-bold-font-weight); + ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-s-line-height); + `, + }, + }, +}; + +export const configXS = { + defaults: { + size: 'xs', + }, + variations: { + size: { + xs: css` + ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-xs-font-family); + ${typographyTokens.typoFontSize}: var(--plasma-typo-body-xs-font-size); + ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-xs-font-style); + ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-xs-bold-font-weight); + ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + }, + }, +}; + +export const configXXS = { + defaults: { + size: 'xxs', + }, + variations: { + size: { + xxs: css` + ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-xxs-font-family); + ${typographyTokens.typoFontSize}: var(--plasma-typo-body-xxs-font-size); + ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-xxs-font-style); + ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-xxs-font-weight); + ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-xxs-bold-font-weight); + ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing); + ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-xxs-line-height); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Typography/Dspl.config.ts b/packages/sdds-dfa/src/components/Typography/Dspl.config.ts new file mode 100644 index 0000000000..36552bf940 --- /dev/null +++ b/packages/sdds-dfa/src/components/Typography/Dspl.config.ts @@ -0,0 +1,58 @@ +import { css, typographyTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const configL = { + defaults: { + size: 'l', + }, + variations: { + size: { + l: css` + ${typographyTokens.typoFontFamily}: var(--plasma-typo-dspl-l-font-family); + ${typographyTokens.typoFontSize}: var(--plasma-typo-dspl-l-font-size); + ${typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-l-font-style); + ${typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-l-font-weight); + ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-l-bold-font-weight); + ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-l-letter-spacing); + ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-l-line-height); + `, + }, + }, +}; + +export const configM = { + defaults: { + size: 'm', + }, + variations: { + size: { + m: css` + ${typographyTokens.typoFontFamily}: var(--plasma-typo-dspl-m-font-family); + ${typographyTokens.typoFontSize}: var(--plasma-typo-dspl-m-font-size); + ${typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-m-font-style); + ${typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-m-font-weight); + ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-m-bold-font-weight); + ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-m-letter-spacing); + ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-m-line-height); + `, + }, + }, +}; + +export const configS = { + defaults: { + size: 's', + }, + variations: { + size: { + s: css` + ${typographyTokens.typoFontFamily}: var(--plasma-typo-dspl-s-font-family); + ${typographyTokens.typoFontSize}: var(--plasma-typo-dspl-s-font-size); + ${typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-s-font-style); + ${typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-s-font-weight); + ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-s-bold-font-weight); + ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-s-letter-spacing); + ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-s-line-height); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Typography/Heading.config.ts b/packages/sdds-dfa/src/components/Typography/Heading.config.ts new file mode 100644 index 0000000000..3c1ebef743 --- /dev/null +++ b/packages/sdds-dfa/src/components/Typography/Heading.config.ts @@ -0,0 +1,92 @@ +import { css, typographyTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const configH1 = { + defaults: { + size: 'h1', + }, + variations: { + size: { + h1: css` + ${typographyTokens.typoFontFamily}: var(--plasma-typo-h1-font-family); + ${typographyTokens.typoFontSize}: var(--plasma-typo-h1-font-size); + ${typographyTokens.typoFontStyle}: var(--plasma-typo-h1-font-style); + ${typographyTokens.typoFontWeight}: var(--plasma-typo-h1-font-weight); + ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h1-bold-font-weight); + ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h1-letter-spacing); + ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h1-line-height); + `, + }, + }, +}; +export const configH2 = { + defaults: { + size: 'h2', + }, + variations: { + size: { + h2: css` + ${typographyTokens.typoFontFamily}: var(--plasma-typo-h2-font-family); + ${typographyTokens.typoFontSize}: var(--plasma-typo-h2-font-size); + ${typographyTokens.typoFontStyle}: var(--plasma-typo-h2-font-style); + ${typographyTokens.typoFontWeight}: var(--plasma-typo-h2-font-weight); + ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h2-bold-font-weight); + ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h2-letter-spacing); + ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h2-line-height); + `, + }, + }, +}; +export const configH3 = { + defaults: { + size: 'h3', + }, + variations: { + size: { + h3: css` + ${typographyTokens.typoFontFamily}: var(--plasma-typo-h3-font-family); + ${typographyTokens.typoFontSize}: var(--plasma-typo-h3-font-size); + ${typographyTokens.typoFontStyle}: var(--plasma-typo-h3-font-style); + ${typographyTokens.typoFontWeight}: var(--plasma-typo-h3-font-weight); + ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h3-bold-font-weight); + ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing); + ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h3-line-height); + `, + }, + }, +}; +export const configH4 = { + defaults: { + size: 'h4', + }, + variations: { + size: { + h4: css` + ${typographyTokens.typoFontFamily}: var(--plasma-typo-h4-font-family); + ${typographyTokens.typoFontSize}: var(--plasma-typo-h4-font-size); + ${typographyTokens.typoFontStyle}: var(--plasma-typo-h4-font-style); + ${typographyTokens.typoFontWeight}: var(--plasma-typo-h4-font-weight); + ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h4-line-height); + `, + }, + }, +}; +export const configH5 = { + defaults: { + size: 'h5', + }, + variations: { + size: { + h5: css` + ${typographyTokens.typoFontFamily}: var(--plasma-typo-h5-font-family); + ${typographyTokens.typoFontSize}: var(--plasma-typo-h5-font-size); + ${typographyTokens.typoFontStyle}: var(--plasma-typo-h5-font-style); + ${typographyTokens.typoFontWeight}: var(--plasma-typo-h5-font-weight); + ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h5-bold-font-weight); + ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing); + ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h5-line-height); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Typography/Text.config.ts b/packages/sdds-dfa/src/components/Typography/Text.config.ts new file mode 100644 index 0000000000..8f92d5646e --- /dev/null +++ b/packages/sdds-dfa/src/components/Typography/Text.config.ts @@ -0,0 +1,77 @@ +import { css, typographyTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const configL = { + defaults: { + size: 'l', + }, + variations: { + size: { + l: css` + ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-l-font-family); + ${typographyTokens.typoFontSize}: var(--plasma-typo-text-l-font-size); + ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-l-font-style); + ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-l-font-weight); + ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-l-bold-font-weight); + ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-l-letter-spacing); + ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-l-line-height); + `, + }, + }, +}; + +export const configM = { + defaults: { + size: 'm', + }, + variations: { + size: { + m: css` + ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-m-font-family); + ${typographyTokens.typoFontSize}: var(--plasma-typo-text-m-font-size); + ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-m-font-style); + ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-m-font-weight); + ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-m-bold-font-weight); + ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-m-letter-spacing); + ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-m-line-height); + `, + }, + }, +}; + +export const configS = { + defaults: { + size: 's', + }, + variations: { + size: { + s: css` + ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-s-font-family); + ${typographyTokens.typoFontSize}: var(--plasma-typo-text-s-font-size); + ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-s-font-style); + ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-s-font-weight); + ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-s-bold-font-weight); + ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-s-letter-spacing); + ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-s-line-height); + `, + }, + }, +}; + +export const configXS = { + defaults: { + size: 'xs', + }, + variations: { + size: { + xs: css` + ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-xs-font-family); + ${typographyTokens.typoFontSize}: var(--plasma-typo-text-xs-font-size); + ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-xs-font-style); + ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-xs-font-weight); + ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-xs-bold-font-weight); + ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing); + ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-xs-line-height); + `, + }, + }, +}; diff --git a/packages/sdds-dfa/src/components/Typography/Typography.stories.tsx b/packages/sdds-dfa/src/components/Typography/Typography.stories.tsx new file mode 100644 index 0000000000..6c94a27163 --- /dev/null +++ b/packages/sdds-dfa/src/components/Typography/Typography.stories.tsx @@ -0,0 +1,132 @@ +import React from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils'; + +import { + DsplL, + DsplM, + DsplS, + H1, + H2, + H3, + H4, + H5, + BodyL, + BodyM, + BodyS, + BodyXS, + BodyXXS, + TextL, + TextM, + TextS, + TextXS, +} from '.'; + +const meta: Meta = { + title: 'Content/Typography', + component: DsplL, + argTypes: { + ...disableProps(['size']), + }, + decorators: [InSpacingDecorator], +}; + +export default meta; + +type Story = StoryObj; + +export const Dspl: Story = { + render: (props) => ( + <> + <DsplL bold={false} {...props}> + DsplL + </DsplL> + <DsplL {...props}>DsplL Bold</DsplL> + <DsplM bold={false} {...props}> + DsplM + </DsplM> + <DsplM {...props}>DsplM Bold</DsplM> + <DsplS bold={false} {...props}> + DsplS + </DsplS> + <DsplS {...props}>DsplS Bold</DsplS> + </> + ), +}; + +export const H: Story = { + render: (props) => ( + <> + <H1 bold={false} {...props}> + H1 + </H1> + <H1 {...props}>H1 Bold</H1> + <H2 bold={false} {...props}> + H2 + </H2> + <H2 {...props}>H2 Bold</H2> + <H3 bold={false} {...props}> + H3 + </H3> + <H3 {...props}>H3 Bold</H3> + <H4 bold={false} {...props}> + H4 + </H4> + <H4 {...props}>H4 Bold</H4> + <H5 bold={false} {...props}> + H5 + </H5> + <H5 {...props}>H5 Bold</H5> + </> + ), +}; + +export const Body: Story = { + render: (props) => ( + <> + <BodyL {...props}>BodyL</BodyL> + <BodyL bold {...props}> + BodyL Bold + </BodyL> + <BodyM {...props}>BodyM</BodyM> + <BodyM bold {...props}> + BodyM Bold + </BodyM> + <BodyS {...props}>BodyS</BodyS> + <BodyS bold {...props}> + BodyS Bold + </BodyS> + <BodyXS {...props}>BodyXS</BodyXS> + <BodyXS bold {...props}> + BodyXS Bold + </BodyXS> + <BodyXXS {...props}>BodyXXS</BodyXXS> + <BodyXXS bold {...props}> + BodyXXS Bold + </BodyXXS> + </> + ), +}; + +export const Text: Story = { + render: (props) => ( + <> + <TextL {...props}>TextL</TextL> + <TextL bold {...props}> + TextL Bold + </TextL> + <TextM {...props}>TextM</TextM> + <TextM bold {...props}> + TextM Bold + </TextM> + <TextS {...props}>TextS</TextS> + <TextS bold {...props}> + TextS Bold + </TextS> + <TextXS {...props}>TextXS</TextXS> + <TextXS bold {...props}> + TextXS Bold + </TextXS> + </> + ), +}; diff --git a/packages/sdds-dfa/src/components/Typography/Typography.tsx b/packages/sdds-dfa/src/components/Typography/Typography.tsx new file mode 100644 index 0000000000..1f099f6194 --- /dev/null +++ b/packages/sdds-dfa/src/components/Typography/Typography.tsx @@ -0,0 +1,106 @@ +import { + bodyConfig, + dsplConfig, + headingConfig, + textConfig, + component, + mergeConfig, +} from '@salutejs/plasma-new-hope/styled-components'; + +import { + configL as bodyConfigLCustom, + configM as bodyConfigMCustom, + configS as bodyConfigSCustom, + configXS as bodyConfigXSCustom, + configXXS as bodyConfigXXSCustom, +} from './Body.config'; +import { + configL as dsplConfigLCustom, + configM as dsplConfigMCustom, + configS as dsplConfigSCustom, +} from './Dspl.config'; +import { + configH1 as headingConfigH1Custom, + configH2 as headingConfigH2Custom, + configH3 as headingConfigH3Custom, + configH4 as headingConfigH4Custom, + configH5 as headingConfigH5Custom, +} from './Heading.config'; +import { + configL as textConfigLCustom, + configM as textConfigMCustom, + configS as textConfigSCustom, + configXS as textConfigXSCustom, +} from './Text.config'; + +const bodyMConfig = mergeConfig(bodyConfig, bodyConfigMCustom); +const BodyMComponent = component(bodyMConfig); + +const bodyLConfig = mergeConfig(bodyConfig, bodyConfigLCustom); +const BodyLComponent = component(bodyLConfig); + +const bodySConfig = mergeConfig(bodyConfig, bodyConfigSCustom); +const BodySComponent = component(bodySConfig); + +const bodyXSConfig = mergeConfig(bodyConfig, bodyConfigXSCustom); +const BodyXSComponent = component(bodyXSConfig); + +const bodyXXSConfig = mergeConfig(bodyConfig, bodyConfigXXSCustom); +const BodyXXSComponent = component(bodyXXSConfig); + +const dsplMConfig = mergeConfig(dsplConfig, dsplConfigMCustom); +const DsplMComponent = component(dsplMConfig); + +const dsplLConfig = mergeConfig(dsplConfig, dsplConfigLCustom); +const DsplLComponent = component(dsplLConfig); + +const dsplSConfig = mergeConfig(dsplConfig, dsplConfigSCustom); +const DsplSComponent = component(dsplSConfig); + +const heading1Config = mergeConfig(headingConfig, headingConfigH1Custom); +const Heading1Component = component(heading1Config); + +const heading2Config = mergeConfig(headingConfig, headingConfigH2Custom); +const Heading2Component = component(heading2Config); + +const heading3Config = mergeConfig(headingConfig, headingConfigH3Custom); +const Heading3Component = component(heading3Config); + +const heading4Config = mergeConfig(headingConfig, headingConfigH4Custom); +const Heading4Component = component(heading4Config); + +const heading5Config = mergeConfig(headingConfig, headingConfigH5Custom); +const Heading5Component = component(heading5Config); + +const textMConfig = mergeConfig(textConfig, textConfigMCustom); +const TextMComponent = component(textMConfig); + +const textLConfig = mergeConfig(textConfig, textConfigLCustom); +const TextLComponent = component(textLConfig); + +const textSConfig = mergeConfig(textConfig, textConfigSCustom); +const TextSComponent = component(textSConfig); + +const textXSConfig = mergeConfig(textConfig, textConfigXSCustom); +const TextXSComponent = component(textXSConfig); + +export const BodyM = BodyMComponent; +export const BodyL = BodyLComponent; +export const BodyS = BodySComponent; +export const BodyXS = BodyXSComponent; +export const BodyXXS = BodyXXSComponent; + +export const DsplM = DsplMComponent; +export const DsplL = DsplLComponent; +export const DsplS = DsplSComponent; + +export const H1 = Heading1Component; +export const H2 = Heading2Component; +export const H3 = Heading3Component; +export const H4 = Heading4Component; +export const H5 = Heading5Component; + +export const TextM = TextMComponent; +export const TextL = TextLComponent; +export const TextS = TextSComponent; +export const TextXS = TextXSComponent; diff --git a/packages/sdds-dfa/src/components/Typography/index.ts b/packages/sdds-dfa/src/components/Typography/index.ts new file mode 100644 index 0000000000..5d3a07ca0b --- /dev/null +++ b/packages/sdds-dfa/src/components/Typography/index.ts @@ -0,0 +1,19 @@ +export { + BodyL, + BodyM, + BodyS, + BodyXS, + BodyXXS, + DsplL, + DsplM, + DsplS, + H1, + H2, + H3, + H4, + H5, + TextL, + TextM, + TextS, + TextXS, +} from './Typography'; diff --git a/packages/sdds-dfa/src/helpers/index.ts b/packages/sdds-dfa/src/helpers/index.ts new file mode 100644 index 0000000000..21030ca6b5 --- /dev/null +++ b/packages/sdds-dfa/src/helpers/index.ts @@ -0,0 +1 @@ +export { IconPlaceholder, InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils'; diff --git a/packages/sdds-dfa/src/index.ts b/packages/sdds-dfa/src/index.ts new file mode 100644 index 0000000000..0146a23d8e --- /dev/null +++ b/packages/sdds-dfa/src/index.ts @@ -0,0 +1,49 @@ +export * from './components/Avatar'; +export * from './components/AvatarGroup'; +export * from './components/Badge'; +export * from './components/Button'; +export * from './components/ButtonGroup'; +export * from './components/Divider'; +export * from './components/Drawer'; +export * from './components/Grid'; +export * from './components/Checkbox'; +export * from './components/Chip'; +export * from './components/Cell'; +export * from './components/Combobox'; +export * from './components/Counter'; +export * from './components/DatePicker'; +export * from './components/Dropdown'; +export * from './components/IconButton'; +export * from './components/Image'; +export * from './components/Indicator'; +export * from './components/Link'; +export * from './components/Modal'; +export * from './components/Overlay'; +export * from './components/Popover'; +export * from './components/Popup'; +export * from './components/Portal'; +export * from './components/Progress'; +export * from './components/Pagination'; +export * from './components/Range'; +export * from './components/Radiobox'; +export * from './components/Segment'; +export * from './components/Sheet'; +export * from './components/Spinner'; +export * from './components/Slider'; +export * from './components/SSRProvider'; +export * from './components/Switch'; +export * from './components/Tabs'; +export * from './components/TextArea'; +export * from './components/TextField'; +export * from './components/Toast'; +export * from './components/Toolbar'; +export * from './components/Tooltip'; +export * from './components/Typography'; +export * from './components/Calendar'; +export * from './components/Notification'; +export * from './components/ButtonBase'; +export * from './components/Skeleton'; +export * from './components/Accordion'; + +export * from './mixins'; +export * from './tokens'; diff --git a/packages/sdds-dfa/src/mixins/index.ts b/packages/sdds-dfa/src/mixins/index.ts new file mode 100644 index 0000000000..9a1663fa48 --- /dev/null +++ b/packages/sdds-dfa/src/mixins/index.ts @@ -0,0 +1 @@ +export { addFocus, mediaQuery } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-dfa/src/tokens/index.ts b/packages/sdds-dfa/src/tokens/index.ts new file mode 100644 index 0000000000..ff71a520d7 --- /dev/null +++ b/packages/sdds-dfa/src/tokens/index.ts @@ -0,0 +1,38 @@ +export { + dsplL, + dsplLBold, + dsplM, + dsplMBold, + dsplS, + dsplSBold, + h1, + h1Bold, + h2, + h2Bold, + h3, + h3Bold, + h4, + h4Bold, + h5, + h5Bold, + bodyL, + bodyLBold, + bodyM, + bodyMBold, + bodyS, + bodySBold, + bodyXS, + bodyXSBold, + bodyXXS, + bodyXXSBold, + textL, + textLBold, + textM, + textMBold, + textS, + textSBold, + textXS, + textXSBold, +} from '@salutejs/sdds-themes/tokens'; + +export * from '@salutejs/sdds-themes/tokens/sdds_dfa'; diff --git a/packages/sdds-dfa/tsconfig.json b/packages/sdds-dfa/tsconfig.json new file mode 100644 index 0000000000..b81f4d6b8d --- /dev/null +++ b/packages/sdds-dfa/tsconfig.json @@ -0,0 +1,44 @@ +{ + "compilerOptions": { + "target": "ES5", + "module": "CommonJS", + "lib": ["dom", "dom.iterable", "esnext"], + "jsx": "react", + "declaration": true, + "sourceMap": true, + "importHelpers": false, + + /* Strict Type-Checking Options */ + "strict": true, + "noImplicitAny": true, + "strictNullChecks": true, + "strictFunctionTypes": true, + "strictBindCallApply": true, + "strictPropertyInitialization": true, + "noImplicitThis": true, + "alwaysStrict": true, + "isolatedModules": true, + + /* Additional Checks */ + "noUnusedLocals": true, + "noUnusedParameters": true, + "noImplicitReturns": true, + "noFallthroughCasesInSwitch": true, + + /* Module Resolution Options */ + "moduleResolution": "node", + "esModuleInterop": true, + + /* Advanced Options */ + "skipLibCheck": true, + "forceConsistentCasingInFileNames": true, + "baseUrl": ".", + "outDir": "./", + "rootDir": "./src", + "paths": { + "react": ["./node_modules/@types/react"] + } + }, + "include": ["./src"], + "exclude": ["./src/helpers", "./src/**/*.stories.tsx", "./src/**/*.component-test.tsx", "./src/**/*.perftest.tsx"] +} diff --git a/packages/sdds-serv/.gitignore b/packages/sdds-serv/.gitignore index b9c7e19443..797f47f1d3 100644 --- a/packages/sdds-serv/.gitignore +++ b/packages/sdds-serv/.gitignore @@ -1,5 +1,6 @@ /components /es +/cjs /hocs /hooks /mixins @@ -10,4 +11,9 @@ /utils /index.* /helpers +src-sc +styled-components/* +src-emotion +emotion/cjs +emotion/es build-sb \ No newline at end of file diff --git a/packages/sdds-serv/.storybook/main.ts b/packages/sdds-serv/.storybook/main.ts index 78e3c05c85..d11f6d2801 100644 --- a/packages/sdds-serv/.storybook/main.ts +++ b/packages/sdds-serv/.storybook/main.ts @@ -1,9 +1,26 @@ import { mergeConfig } from 'vite'; import type { StorybookConfig } from '@storybook/react-vite'; +const USE_STYLED_COMPONENTS = process.env.USE_STYLED_COMPONENTS || false; +const USE_EMOTION_COMPONENTS = process.env.USE_EMOTION_COMPONENTS || false; + +const storyMap = { + 'styled-components': ['../src/**/*.stories.tsx'], + emotion: ['../src-emotion/**/*.stories.tsx'], +}; + +const stories = ['../README.stories.mdx']; + +if (USE_EMOTION_COMPONENTS) { + stories.push(...storyMap['emotion']); +} else { + // default + stories.push(...storyMap['styled-components']); +} + const config: StorybookConfig = { staticDirs: ['public'], - stories: ['../src/**/*.stories.tsx', '../README.stories.mdx'], + stories, addons: ['@storybook/addon-essentials'], framework: { name: '@storybook/react-vite', diff --git a/packages/sdds-serv/README.md b/packages/sdds-serv/README.md index 330ddaed53..990c703386 100644 --- a/packages/sdds-serv/README.md +++ b/packages/sdds-serv/README.md @@ -4,33 +4,69 @@ ## Использование -Компоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/); +Компоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) , [styled-components](https://styled-components.com/) и [emotion](https://emotion.sh/); Использование данного пакета предполагает установку зависимостей: `react` & `react-dom`; -Использование `styled-components` на проект необязательно, так же как и использование `typescript`. +Использование `styled-components` и `emotion` на проект необязательно, так же как и использование `typescript`. + +**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components` или `emotion`. ### Установка пакета ```bash $ npm install --save react react-dom -$ npm install --save styled-components@5.1.1 -$ npm install --save @salutejs/sdds-serv @salutejs/sdds-themes +$ npm install --save @salutejs/sdds-serv @salutejs/plasma-typo @salutejs/sdds-themes +``` + +Так же надо установить пакет styled-components + +```bash +$ npm install --save styled-components@5.3.1 +``` + +Или, если вы используете пакет @emotion + +```bash +$ npm install --save @emotion/styled @emotion/react @emotion/css ``` -## Настройка +## Настройка при работе с пакетом `styled-components` Создайте компонент для подключения глобальных стилей: ```jsx title="GlobalStyle.tsx" import { createGlobalStyle } from 'styled-components'; +import { standard } from '@salutejs/plasma-typo'; import { sdds_serv__light } from '@salutejs/sdds-themes'; const ThemeStyle = createGlobalStyle(sdds_serv__light); +const TypoStyle = createGlobalStyle(standard); export const GlobalStyle = () => ( <> <ThemeStyle /> + <TypoStyle /> + </> +); +``` + +## Настройка при работе с пакетом `@emotion` + +Создайте компонент для подключения глобальных стилей: + +```jsx title="GlobalStyle.tsx" +import { Global, css } from '@emotion/react'; +import { standard } from '@salutejs/plasma-typo'; +import { sdds_serv__light } from '@salutejs/sdds-themes'; + +const themeStyle = css(sdds_serv__light); +const typoStyle = css(standard); + +export const GlobalStyle = () => ( + <> + <Global styles={themeStyle} /> + <Global styles={typoStyle} /> </> ); ``` @@ -46,20 +82,40 @@ export const GlobalStyle = () => ( ### Использование компонентов -Все компоненты доступны из папки `components` или напрямую из пакета: +Все компоненты styled-components доступны из директории `components` или напрямую из пакета: ```jsx // App.tsx import { Button } from '@salutejs/sdds-serv'; -import { textAccent } from '@salutejs/sdds-themes/tokens/sdds-serv'; +import { textAccent } from '@salutejs/plasma-tokens/brands/sdds-serv'; + +export const App = () => { + return ( + <> + <Button>Hello, Plasma!</Button> + + <p style={{ color: textAccent }}>Token usage example</p> + </> + ); +}; +``` + +#### `@emotion` + +Все компоненты `@emotion` доступны из директории `emotion`: + +```jsx +// App.tsx +import { Button } from '@salutejs/sdds-serv/emotion'; +import { textAccent } from '@salutejs/plasma-tokens/brands/sdds-serv'; export const App = () => { return ( - <Button>Hello, SDDS SERV!</Button> + <> + <Button>Hello, Plasma!</Button> - <p style={{color: textAccent}}> - Token usage example - </p> + <p style={{ color: textAccent }}>Token usage example</p> + </> ); }; ``` diff --git a/packages/sdds-serv/api/sdds-serv.api.md b/packages/sdds-serv/api/sdds-serv.api.md index c641911976..67ca43b929 100644 --- a/packages/sdds-serv/api/sdds-serv.api.md +++ b/packages/sdds-serv/api/sdds-serv.api.md @@ -50,6 +50,18 @@ import { CounterProps } from '@salutejs/plasma-new-hope/styled-components'; import { counterTokens } from '@salutejs/plasma-new-hope/styled-components'; import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types'; import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types'; +import { DatePickerCalendarProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types'; +import { DatePickerCalendarProps as DatePickerCalendarProps_2 } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types'; +import { datePickerClasses } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerdVariationProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types'; +import { DatePickerPlacement } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerPlacementBasic } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerPopoverProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types'; +import { DatePickerProps } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerRangePlacement } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerRangeProps } from '@salutejs/plasma-new-hope/styled-components'; +import { DatePickerTextFieldProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types'; +import { datePickerTokens } from '@salutejs/plasma-new-hope/styled-components'; import { DividerProps } from '@salutejs/plasma-new-hope/styled-components'; import { dividerTokens } from '@salutejs/plasma-new-hope/styled-components'; import { DoubleSliderProps } from '@salutejs/plasma-new-hope/styled-components'; @@ -95,6 +107,7 @@ import { Overlay } from '@salutejs/plasma-new-hope/styled-components'; import { OverlayProps } from '@salutejs/plasma-new-hope/styled-components'; import { PaginationProps } from '@salutejs/plasma-new-hope/styled-components'; import { PanelProps } from '@salutejs/plasma-new-hope/types/components/Panel'; +import { PolymorphicClassName } from '@salutejs/plasma-new-hope/types/engines/types'; import { PopoverPlacement } from '@salutejs/plasma-new-hope/styled-components'; import { PopoverProps } from '@salutejs/plasma-new-hope/styled-components'; import { PopoverTrigger } from '@salutejs/plasma-new-hope/styled-components'; @@ -103,9 +116,11 @@ import { PopupInfo } from '@salutejs/plasma-new-hope/styled-components'; import { PopupPlacement } from '@salutejs/plasma-new-hope/styled-components'; import { PopupProps } from '@salutejs/plasma-new-hope/styled-components'; import { PopupProvider } from '@salutejs/plasma-new-hope/styled-components'; +import { PortalProps } from '@salutejs/plasma-new-hope/styled-components'; import { ProgressProps } from '@salutejs/plasma-new-hope/styled-components'; import { PropsType } from '@salutejs/plasma-new-hope/types/engines/types'; import { RadioGroup } from '@salutejs/plasma-new-hope/styled-components'; +import { RangeInputRefs } from '@salutejs/plasma-new-hope/styled-components'; import { RangeProps } from '@salutejs/plasma-new-hope/styled-components'; import { rangeTokens } from '@salutejs/plasma-new-hope/styled-components'; import { Ratio } from '@salutejs/plasma-new-hope/styled-components'; @@ -123,8 +138,6 @@ import { SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components'; import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components'; import { SegmentProvider } from '@salutejs/plasma-new-hope/styled-components'; import { SegmentProviderProps } from '@salutejs/plasma-new-hope/styled-components'; -import { SelectPrimitiveValue } from '@salutejs/plasma-new-hope/styled-components'; -import { SelectProps } from '@salutejs/plasma-new-hope/styled-components'; import { sheetClasses } from '@salutejs/plasma-new-hope/styled-components'; import { SheetProps } from '@salutejs/plasma-new-hope/styled-components'; import { ShowToastArgs } from '@salutejs/plasma-new-hope/styled-components'; @@ -170,17 +183,17 @@ export { addFocus } // @public (undocumented) export const Avatar: FunctionComponent<PropsType< { view: { -default: string; +default: PolymorphicClassName; }; size: { -xxl: string; -l: string; -m: string; -s: string; -fit: string; +xxl: PolymorphicClassName; +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +fit: PolymorphicClassName; }; focused: { -true: string; +true: PolymorphicClassName; }; }> & HTMLAttributes<HTMLDivElement> & { size: "xxl" | "s" | "m" | "l" | "fit"; @@ -205,24 +218,24 @@ export { AvatarProps } // @public export const Badge: FunctionComponent<PropsType< { view: { -default: string; -accent: string; -positive: string; -warning: string; -negative: string; -dark: string; -light: string; +default: PolymorphicClassName; +accent: PolymorphicClassName; +positive: PolymorphicClassName; +warning: PolymorphicClassName; +negative: PolymorphicClassName; +dark: PolymorphicClassName; +light: PolymorphicClassName; }; size: { -l: string; -m: string; -s: string; +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; }; pilled: { -true: string; +true: PolymorphicClassName; }; transparent: { -true: string; +true: PolymorphicClassName; }; }> & HTMLAttributes<HTMLDivElement> & { text?: string | undefined; @@ -241,7 +254,7 @@ export { BadgeProps } // @public (undocumented) export const BodyL: FunctionComponent<PropsType< { size: { -l: string; +l: PolymorphicClassName; }; }> & { breakWord?: boolean | undefined; @@ -254,7 +267,7 @@ export { bodyLBold } // @public (undocumented) export const BodyM: FunctionComponent<PropsType< { size: { -m: string; +m: PolymorphicClassName; }; }> & { breakWord?: boolean | undefined; @@ -267,7 +280,7 @@ export { bodyMBold } // @public (undocumented) export const BodyS: FunctionComponent<PropsType< { size: { -s: string; +s: PolymorphicClassName; }; }> & { breakWord?: boolean | undefined; @@ -280,7 +293,7 @@ export { bodySBold } // @public (undocumented) export const BodyXS: FunctionComponent<PropsType< { size: { -xs: string; +xs: PolymorphicClassName; }; }> & { breakWord?: boolean | undefined; @@ -293,7 +306,7 @@ export { bodyXSBold } // @public (undocumented) export const BodyXXS: FunctionComponent<PropsType< { size: { -xxs: string; +xxs: PolymorphicClassName; }; }> & { breakWord?: boolean | undefined; @@ -306,38 +319,38 @@ export { bodyXXSBold } // @public export const Button: FunctionComponent<PropsType< { view: { -default: string; -accent: string; -secondary: string; -clear: string; -success: string; -warning: string; -critical: string; -dark: string; -black: string; -white: string; +default: PolymorphicClassName; +accent: PolymorphicClassName; +secondary: PolymorphicClassName; +clear: PolymorphicClassName; +success: PolymorphicClassName; +warning: PolymorphicClassName; +critical: PolymorphicClassName; +dark: PolymorphicClassName; +black: PolymorphicClassName; +white: PolymorphicClassName; }; size: { -l: string; -lr: string; -m: string; -mr: string; -s: string; -sr: string; -xs: string; -xsr: string; -xxs: string; +l: PolymorphicClassName; +lr: PolymorphicClassName; +m: PolymorphicClassName; +mr: PolymorphicClassName; +s: PolymorphicClassName; +sr: PolymorphicClassName; +xs: PolymorphicClassName; +xsr: PolymorphicClassName; +xxs: PolymorphicClassName; }; disabled: { -true: string; +true: PolymorphicClassName; }; focused: { -true: string; +true: PolymorphicClassName; }; stretching: { -auto: string; -filled: string; -fixed: string; +auto: PolymorphicClassName; +filled: PolymorphicClassName; +fixed: PolymorphicClassName; }; }> & ((Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps<any> & { text?: string | undefined; @@ -386,44 +399,44 @@ contentRight?: ReactNode; // @public export const ButtonGroup: FunctionComponent<PropsType< { view: { -default: string; -accent: string; -secondary: string; -clear: string; -success: string; -warning: string; -critical: string; -dark: string; -black: string; -white: string; +default: PolymorphicClassName; +accent: PolymorphicClassName; +secondary: PolymorphicClassName; +clear: PolymorphicClassName; +success: PolymorphicClassName; +warning: PolymorphicClassName; +critical: PolymorphicClassName; +dark: PolymorphicClassName; +black: PolymorphicClassName; +white: PolymorphicClassName; }; size: { -l: string; -lr: string; -m: string; -mr: string; -s: string; -sr: string; -xs: string; -xsr: string; -xxs: string; +l: PolymorphicClassName; +lr: PolymorphicClassName; +m: PolymorphicClassName; +mr: PolymorphicClassName; +s: PolymorphicClassName; +sr: PolymorphicClassName; +xs: PolymorphicClassName; +xsr: PolymorphicClassName; +xxs: PolymorphicClassName; }; orientation: { -horizontal: string; -vertical: string; +horizontal: PolymorphicClassName; +vertical: PolymorphicClassName; }; gap: { -none: string; -dense: string; -wide: string; +none: PolymorphicClassName; +dense: PolymorphicClassName; +wide: PolymorphicClassName; }; shape: { -segmented: string; -default: string; +segmented: PolymorphicClassName; +default: PolymorphicClassName; }; stretching: { -auto: string; -filled: string; +auto: PolymorphicClassName; +filled: PolymorphicClassName; }; }> & ButtonGroupProps & RefAttributes<HTMLDivElement>>; @@ -437,13 +450,13 @@ export type ButtonProps = typeof ButtonComponent; // @public export const Cell: FunctionComponent<PropsType< { view: { -default: string; +default: PolymorphicClassName; }; size: { -l: string; -m: string; -s: string; -xs: string; +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +xs: PolymorphicClassName; }; }> & (({ size?: string | undefined; @@ -490,24 +503,24 @@ export { CellTextboxTitle } // @public export const Checkbox: FunctionComponent<PropsType< { size: { -s: string; -m: string; +s: PolymorphicClassName; +m: PolymorphicClassName; }; view: { -default: string; -secondary: string; -tertiary: string; -paragraph: string; -accent: string; -positive: string; -warning: string; -negative: string; +default: PolymorphicClassName; +secondary: PolymorphicClassName; +tertiary: PolymorphicClassName; +paragraph: PolymorphicClassName; +accent: PolymorphicClassName; +positive: PolymorphicClassName; +warning: PolymorphicClassName; +negative: PolymorphicClassName; }; disabled: { -true: string; +true: PolymorphicClassName; }; focused: { -true: string; +true: PolymorphicClassName; }; }> & CheckboxProps_2 & RefAttributes<HTMLInputElement>>; @@ -519,24 +532,24 @@ export type CheckboxProps = ComponentProps<typeof CheckboxComponent>; // @public export const Chip: FunctionComponent<PropsType< { view: { -default: string; -secondary: string; -accent: string; +default: PolymorphicClassName; +secondary: PolymorphicClassName; +accent: PolymorphicClassName; }; size: { -l: string; -m: string; -s: string; -xs: string; +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +xs: PolymorphicClassName; }; disabled: { -true: string; +true: PolymorphicClassName; }; focused: { -true: string; +true: PolymorphicClassName; }; pilled: { -true: string; +true: PolymorphicClassName; }; }> & ChipProps & RefAttributes<HTMLButtonElement>>; @@ -613,17 +626,17 @@ export { ComboboxProps } // @public export const Counter: FunctionComponent<PropsType< { view: { -default: string; -accent: string; -positive: string; -warning: string; -negative: string; -dark: string; -light: string; +default: PolymorphicClassName; +accent: PolymorphicClassName; +positive: PolymorphicClassName; +warning: PolymorphicClassName; +negative: PolymorphicClassName; +dark: PolymorphicClassName; +light: PolymorphicClassName; }; size: { -xs: string; -xxs: string; +xs: PolymorphicClassName; +xxs: PolymorphicClassName; }; }> & HTMLAttributes<HTMLDivElement> & { count: number; @@ -636,20 +649,111 @@ export { CounterProps } export { counterTokens } +// @public (undocumented) +export const DatePicker: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +}; +size: { +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +xs: PolymorphicClassName; +}; +disabled: { +true: PolymorphicClassName; +}; +readOnly: { +true: PolymorphicClassName; +}; +}> & DatePickerdVariationProps & DatePickerTextFieldProps & DatePickerCalendarProps & DatePickerPopoverProps & Omit<HTMLAttributes<HTMLDivElement>, "defaultValue"> & RefAttributes<HTMLInputElement>>; + +export { datePickerClasses } + +export { DatePickerPlacement } + +export { DatePickerPlacementBasic } + +export { DatePickerProps } + +// @public (undocumented) +export const DatePickerRange: FunctionComponent<PropsType< { +view: { +default: PolymorphicClassName; +}; +size: { +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +xs: PolymorphicClassName; +}; +disabled: { +true: PolymorphicClassName; +}; +readOnly: { +true: PolymorphicClassName; +}; +}> & DatePickerdVariationProps & { +defaultFirstDate?: Date | undefined; +defaultSecondDate?: Date | undefined; +onCommitFirstDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined) => void) | undefined; +onCommitSecondDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined) => void) | undefined; +} & { +label?: string | undefined; +view?: string | undefined; +disabled?: boolean | undefined; +readOnly?: boolean | undefined; +size?: string | undefined; +contentLeft?: ReactNode; +contentRight?: ReactNode; +leftHelper?: string | undefined; +dividerVariant?: "none" | "dash" | "icon" | undefined; +dividerIcon?: ReactNode; +firstValueError?: boolean | undefined; +secondValueError?: boolean | undefined; +firstValueSuccess?: boolean | undefined; +secondValueSuccess?: boolean | undefined; +firstPlaceholder?: string | undefined; +secondPlaceholder?: string | undefined; +firstTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +firstTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +secondTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +secondTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; +firstTextfieldTextBefore?: string | undefined; +secondTextfieldTextBefore?: string | undefined; +firstTextfieldTextAfter?: string | undefined; +secondTextfieldTextAfter?: string | undefined; +onChangeFirstValue?: BaseCallbackChangeInstance | undefined; +onChangeSecondValue?: BaseCallbackChangeInstance | undefined; +onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined; +onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined; +onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined; +onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined; +} & DatePickerCalendarProps_2 & Omit<DatePickerPopoverProps, "placement"> & { +placement?: DatePickerRangePlacement | DatePickerRangePlacement[] | undefined; +isDoubleCalendar?: boolean | undefined; +} & HTMLAttributes<HTMLDivElement> & RefAttributes<RangeInputRefs>>; + +export { DatePickerRangePlacement } + +export { DatePickerRangeProps } + +export { datePickerTokens } + // @public export const Divider: FunctionComponent<PropsType< { view: { -default: string; -dark: string; -light: string; -inverse: string; +default: PolymorphicClassName; +dark: PolymorphicClassName; +light: PolymorphicClassName; +inverse: PolymorphicClassName; }; size: { -m: string; +m: PolymorphicClassName; }; orientation: { -horizontal: string; -vertical: string; +horizontal: PolymorphicClassName; +vertical: PolymorphicClassName; }; }> & DividerProps & RefAttributes<HTMLDivElement>>; @@ -660,14 +764,14 @@ export { dividerTokens } // @public export const Drawer: FunctionComponent<PropsType< { view: { -default: string; +default: PolymorphicClassName; }; size: { -m: string; +m: PolymorphicClassName; }; borderRadius: { -none: string; -default: string; +none: PolymorphicClassName; +default: PolymorphicClassName; }; }> & PopupProps & PanelProps & { placement?: "top" | "bottom" | "right" | "left" | undefined; @@ -712,13 +816,13 @@ export { DrawerProps } // @public (undocumented) export const Dropdown: FunctionComponent<PropsType< { size: { -xs: string; -s: string; -m: string; -l: string; +xs: PolymorphicClassName; +s: PolymorphicClassName; +m: PolymorphicClassName; +l: PolymorphicClassName; }; view: { -default: string; +default: PolymorphicClassName; }; }> & DropdownProps & RefAttributes<HTMLDivElement>>; @@ -727,7 +831,7 @@ export { DropdownProps } // @public (undocumented) export const DsplL: FunctionComponent<PropsType< { size: { -l: string; +l: PolymorphicClassName; }; }> & { breakWord?: boolean | undefined; @@ -740,7 +844,7 @@ export { dsplLBold } // @public (undocumented) export const DsplM: FunctionComponent<PropsType< { size: { -m: string; +m: PolymorphicClassName; }; }> & { breakWord?: boolean | undefined; @@ -753,7 +857,7 @@ export { dsplMBold } // @public (undocumented) export const DsplS: FunctionComponent<PropsType< { size: { -s: string; +s: PolymorphicClassName; }; }> & { breakWord?: boolean | undefined; @@ -766,7 +870,7 @@ export { dsplSBold } // @public (undocumented) export const Grid: FunctionComponent<PropsType< { view: { -default: string; +default: PolymorphicClassName; }; }> & GridProps & RefAttributes<HTMLDivElement>>; @@ -775,7 +879,7 @@ export { GridProps } // @public (undocumented) export const H1: FunctionComponent<PropsType< { size: { -h1: string; +h1: PolymorphicClassName; }; }> & { breakWord?: boolean | undefined; @@ -788,7 +892,7 @@ export { h1Bold } // @public (undocumented) export const H2: FunctionComponent<PropsType< { size: { -h2: string; +h2: PolymorphicClassName; }; }> & { breakWord?: boolean | undefined; @@ -801,7 +905,7 @@ export { h2Bold } // @public (undocumented) export const H3: FunctionComponent<PropsType< { size: { -h3: string; +h3: PolymorphicClassName; }; }> & { breakWord?: boolean | undefined; @@ -814,7 +918,7 @@ export { h3Bold } // @public (undocumented) export const H4: FunctionComponent<PropsType< { size: { -h4: string; +h4: PolymorphicClassName; }; }> & { breakWord?: boolean | undefined; @@ -827,7 +931,7 @@ export { h4Bold } // @public (undocumented) export const H5: FunctionComponent<PropsType< { size: { -h5: string; +h5: PolymorphicClassName; }; }> & { breakWord?: boolean | undefined; @@ -840,32 +944,32 @@ export { h5Bold } // @public export const IconButton: FunctionComponent<PropsType< { view: { -default: string; -accent: string; -secondary: string; -clear: string; -success: string; -warning: string; -critical: string; -dark: string; -black: string; -white: string; +default: PolymorphicClassName; +accent: PolymorphicClassName; +secondary: PolymorphicClassName; +clear: PolymorphicClassName; +success: PolymorphicClassName; +warning: PolymorphicClassName; +critical: PolymorphicClassName; +dark: PolymorphicClassName; +black: PolymorphicClassName; +white: PolymorphicClassName; }; size: { -l: string; -lr: string; -m: string; -mr: string; -s: string; -sr: string; -xs: string; -xsr: string; +l: PolymorphicClassName; +lr: PolymorphicClassName; +m: PolymorphicClassName; +mr: PolymorphicClassName; +s: PolymorphicClassName; +sr: PolymorphicClassName; +xs: PolymorphicClassName; +xsr: PolymorphicClassName; }; disabled: { -true: string; +true: PolymorphicClassName; }; focused: { -true: string; +true: PolymorphicClassName; }; }> & ((Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps<any> & { text?: string | undefined; @@ -924,19 +1028,19 @@ export { ImageProps } // @public (undocumented) export const Indicator: FunctionComponent<PropsType< { view: { -default: string; -accent: string; -inactive: string; -positive: string; -warning: string; -negative: string; -black: string; -white: string; +default: PolymorphicClassName; +accent: PolymorphicClassName; +inactive: PolymorphicClassName; +positive: PolymorphicClassName; +warning: PolymorphicClassName; +negative: PolymorphicClassName; +black: PolymorphicClassName; +white: PolymorphicClassName; }; size: { -l: string; -m: string; -s: string; +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; }; }> & HTMLAttributes<HTMLDivElement> & { size: string; @@ -948,21 +1052,21 @@ export { IndicatorProps } // @public export const Link: FunctionComponent<PropsType< { view: { -default: string; -secondary: string; -tertiary: string; -paragraph: string; -accent: string; -positive: string; -warning: string; -negative: string; -clear: string; +default: PolymorphicClassName; +secondary: PolymorphicClassName; +tertiary: PolymorphicClassName; +paragraph: PolymorphicClassName; +accent: PolymorphicClassName; +positive: PolymorphicClassName; +warning: PolymorphicClassName; +negative: PolymorphicClassName; +clear: PolymorphicClassName; }; disabled: { -true: string; +true: PolymorphicClassName; }; focused: { -true: string; +true: PolymorphicClassName; }; }> & AnchorHTMLAttributes<HTMLAnchorElement> & LinkCustomProps & RefAttributes<HTMLAnchorElement>>; @@ -987,24 +1091,24 @@ export { OverlayProps } // @public export const Pagination: FunctionComponent<PropsType< { view: { -secondary: string; -clear: string; -default: string; +secondary: PolymorphicClassName; +clear: PolymorphicClassName; +default: PolymorphicClassName; }; viewCurrentPage: { -default: string; -secondary: string; -clear: string; +default: PolymorphicClassName; +secondary: PolymorphicClassName; +clear: PolymorphicClassName; }; size: { -l: string; -m: string; -s: string; -xs: string; +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +xs: PolymorphicClassName; }; type: { -compact: string; -default: string; +compact: PolymorphicClassName; +default: PolymorphicClassName; }; }> & PaginationProps & RefAttributes<HTMLDivElement>>; @@ -1013,7 +1117,7 @@ export { PaginationProps } // @public (undocumented) export const Popover: FunctionComponent<PropsType< { view: { -default: string; +default: PolymorphicClassName; }; }> & HTMLAttributes<HTMLDivElement> & CustomPopoverProps & RefAttributes<HTMLDivElement>>; @@ -1036,19 +1140,24 @@ export { PopupProps } export { PopupProvider } +// @public (undocumented) +export const Portal: FunctionComponent<PropsType<Variants> & PortalProps & RefAttributes<HTMLDivElement>>; + +export { PortalProps } + // @public (undocumented) export const Progress: FunctionComponent<PropsType< { view: { -default: string; -secondary: string; -primary: string; -accent: string; -success: string; -warning: string; -error: string; +default: PolymorphicClassName; +secondary: PolymorphicClassName; +primary: PolymorphicClassName; +accent: PolymorphicClassName; +success: PolymorphicClassName; +warning: PolymorphicClassName; +error: PolymorphicClassName; }; size: { -m: string; +m: PolymorphicClassName; }; }> & ProgressProps & RefAttributes<HTMLDivElement>>; @@ -1057,24 +1166,24 @@ export { ProgressProps } // @public export const Radiobox: FunctionComponent<PropsType< { size: { -s: string; -m: string; +s: PolymorphicClassName; +m: PolymorphicClassName; }; view: { -default: string; -secondary: string; -tertiary: string; -paragraph: string; -accent: string; -positive: string; -warning: string; -negative: string; +default: PolymorphicClassName; +secondary: PolymorphicClassName; +tertiary: PolymorphicClassName; +paragraph: PolymorphicClassName; +accent: PolymorphicClassName; +positive: PolymorphicClassName; +warning: PolymorphicClassName; +negative: PolymorphicClassName; }; disabled: { -true: string; +true: PolymorphicClassName; }; focused: { -true: string; +true: PolymorphicClassName; }; }> & Filter<InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<BaseboxProps, "indeterminate"> & RefAttributes<HTMLInputElement>>; @@ -1088,19 +1197,19 @@ export { RadioGroup } // @public const Range_2: FunctionComponent<PropsType< { view: { -default: string; +default: PolymorphicClassName; }; size: { -l: string; -m: string; -s: string; -xs: string; +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +xs: PolymorphicClassName; }; disabled: { -true: string; +true: PolymorphicClassName; }; readOnly: { -true: string; +true: PolymorphicClassName; }; }> & (({ label?: string | undefined; @@ -1138,7 +1247,7 @@ firstTextfieldTextBefore: string; secondTextfieldTextBefore: string; dividerVariant?: "none" | undefined; dividerIcon?: undefined; -} & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLInputElement>) | ({ +} & HTMLAttributes<HTMLDivElement> & RefAttributes<RangeInputRefs>) | ({ label?: string | undefined; leftHelper?: string | undefined; contentLeft?: ReactNode; @@ -1174,7 +1283,7 @@ dividerVariant?: "dash" | undefined; dividerIcon?: undefined; firstTextfieldTextBefore?: string | undefined; secondTextfieldTextBefore?: string | undefined; -} & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLInputElement>) | ({ +} & HTMLAttributes<HTMLDivElement> & RefAttributes<RangeInputRefs>) | ({ label?: string | undefined; leftHelper?: string | undefined; contentLeft?: ReactNode; @@ -1210,7 +1319,7 @@ dividerIcon?: ReactNode; dividerVariant?: "icon" | undefined; firstTextfieldTextBefore?: string | undefined; secondTextfieldTextBefore?: string | undefined; -} & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLInputElement>))>; +} & HTMLAttributes<HTMLDivElement> & RefAttributes<RangeInputRefs>))>; export { Range_2 as Range } export { RangeProps } @@ -1230,26 +1339,26 @@ export { ScreenVariant } // @public export const SegmentGroup: FunctionComponent<PropsType< { view: { -clear: string; -filled: string; +clear: PolymorphicClassName; +filled: PolymorphicClassName; }; size: { -xs: string; -s: string; -m: string; -l: string; +xs: PolymorphicClassName; +s: PolymorphicClassName; +m: PolymorphicClassName; +l: PolymorphicClassName; }; disabled: { -true: string; +true: PolymorphicClassName; }; pilled: { -true: string; +true: PolymorphicClassName; }; filledBackground: { -true: string; +true: PolymorphicClassName; }; stretch: { -true: string; +true: PolymorphicClassName; }; }> & HTMLAttributes<HTMLDivElement> & { selectionMode?: "multiple" | "single" | undefined; @@ -1266,21 +1375,21 @@ export { SegmentGroupProps } // @public export const SegmentItem: FunctionComponent<PropsType< { view: { -clear: string; -default: string; -secondary: string; +clear: PolymorphicClassName; +default: PolymorphicClassName; +secondary: PolymorphicClassName; }; size: { -xs: string; -s: string; -m: string; -l: string; +xs: PolymorphicClassName; +s: PolymorphicClassName; +m: PolymorphicClassName; +l: PolymorphicClassName; }; disabled: { -true: string; +true: PolymorphicClassName; }; pilled: { -true: string; +true: PolymorphicClassName; }; }> & ButtonHTMLAttributes<HTMLButtonElement> & { value: string; @@ -1298,43 +1407,10 @@ export { SegmentProvider } export { SegmentProviderProps } -// @public (undocumented) -export const Select: ForwardRefExoticComponent<SelectProps & RefAttributes<HTMLSelectElement>>; - -// @public (undocumented) -export const SelectDivider: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & { -id?: string | undefined; -size?: string | undefined; -view?: string | undefined; -} & RefAttributes<HTMLDivElement>>; - -// @public (undocumented) -export const SelectItem: FunctionComponent<PropsType<Variants> & Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> & { -id?: string | undefined; -disabled?: boolean | undefined; -label?: ReactNode; -role?: string | undefined; -contentLeft?: string | number | boolean | ReactFragment | ReactPortal | ReactElement<any, string | JSXElementConstructor<any>> | FunctionComponent<any> | ComponentClass<any, any> | null | undefined; -contentRight?: string | number | boolean | ReactFragment | ReactPortal | ReactElement<any, string | JSXElementConstructor<any>> | FunctionComponent<any> | ComponentClass<any, any> | null | undefined; -name?: string | undefined; -checked?: boolean | undefined; -text?: string | undefined; -value?: string | number | boolean | undefined; -isSelected?: boolean | undefined; -onClick?: ((event: MouseEvent_2<HTMLDivElement, MouseEvent>) => void) | undefined; -onSelect?: ((value?: any, text?: any) => void) | undefined; -size?: string | undefined; -view?: string | undefined; -} & RefAttributes<HTMLDivElement>>; - -export { SelectPrimitiveValue } - -export { SelectProps } - // @public export const Sheet: FunctionComponent<PropsType< { view: { -default: string; +default: PolymorphicClassName; }; }> & SheetProps & RefAttributes<HTMLDivElement>>; @@ -1347,17 +1423,17 @@ export { ShowToastArgs } // @public export const Slider: FunctionComponent<PropsType< { view: { -default: string; -accent: string; -gradient: string; +default: PolymorphicClassName; +accent: PolymorphicClassName; +gradient: PolymorphicClassName; }; size: { -l: string; -m: string; -s: string; +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; }; disabled: { -true: string; +true: PolymorphicClassName; }; }> & ((SingleSliderProps & RefAttributes<HTMLDivElement>) | (DoubleSliderProps & RefAttributes<HTMLDivElement>))>; @@ -1366,14 +1442,14 @@ export { SliderProps } // @public export const Spinner: StyledComponent<FunctionComponent<PropsType< { view: { -default: string; -secondary: string; -tertiary: string; -paragraph: string; -accent: string; -positive: string; -warning: string; -negative: string; +default: PolymorphicClassName; +secondary: PolymorphicClassName; +tertiary: PolymorphicClassName; +paragraph: PolymorphicClassName; +accent: PolymorphicClassName; +positive: PolymorphicClassName; +warning: PolymorphicClassName; +negative: PolymorphicClassName; }; }> & ((HTMLAttributes<HTMLDivElement> & { width?: undefined; @@ -1407,20 +1483,20 @@ export { SSRProvider } // @public (undocumented) export const Switch: FunctionComponent<PropsType< { size: { -m: string; +m: PolymorphicClassName; }; view: { -default: string; +default: PolymorphicClassName; }; labelPosition: { -before: string; -after: string; +before: PolymorphicClassName; +after: PolymorphicClassName; }; disabled: { -true: string; +true: PolymorphicClassName; }; focused: { -true: string; +true: PolymorphicClassName; }; }> & SwitchProps_2 & RefAttributes<HTMLInputElement>>; @@ -1432,27 +1508,27 @@ export type SwitchProps = ComponentProps<typeof SwitchComponent>; // @public export const TabItem: FunctionComponent<PropsType< { view: { -clear: string; -secondary: string; -divider: string; -default: string; +clear: PolymorphicClassName; +secondary: PolymorphicClassName; +divider: PolymorphicClassName; +default: PolymorphicClassName; }; size: { -xs: string; -s: string; -m: string; -l: string; -h5: string; -h4: string; -h3: string; -h2: string; -h1: string; +xs: PolymorphicClassName; +s: PolymorphicClassName; +m: PolymorphicClassName; +l: PolymorphicClassName; +h5: PolymorphicClassName; +h4: PolymorphicClassName; +h3: PolymorphicClassName; +h2: PolymorphicClassName; +h1: PolymorphicClassName; }; disabled: { -true: string; +true: PolymorphicClassName; }; pilled: { -true: string; +true: PolymorphicClassName; }; }> & HTMLAttributes<HTMLElement>>; @@ -1486,20 +1562,20 @@ export { TabsProps } // @public export const TextArea: FunctionComponent<PropsType< { size: { -xs: string; -s: string; -m: string; -l: string; +xs: PolymorphicClassName; +s: PolymorphicClassName; +m: PolymorphicClassName; +l: PolymorphicClassName; }; view: { -default: string; -primary: string; -positive: string; -warning: string; -negative: string; +default: PolymorphicClassName; +primary: PolymorphicClassName; +positive: PolymorphicClassName; +warning: PolymorphicClassName; +negative: PolymorphicClassName; }; disabled: { -true: string; +true: PolymorphicClassName; }; }> & ((Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "rows" | "cols"> & TextAreaPropsExtends & { autoResize?: boolean | undefined; @@ -1536,26 +1612,26 @@ width?: undefined; // @public export const TextField: FunctionComponent<PropsType< { view: { -default: string; -positive: string; -warning: string; -negative: string; +default: PolymorphicClassName; +positive: PolymorphicClassName; +warning: PolymorphicClassName; +negative: PolymorphicClassName; }; size: { -l: string; -m: string; -s: string; -xs: string; +l: PolymorphicClassName; +m: PolymorphicClassName; +s: PolymorphicClassName; +xs: PolymorphicClassName; }; labelPlacement: { -inner: string[]; -outer: string[]; +inner: PolymorphicClassName; +outer: PolymorphicClassName; }; disabled: { -true: string; +true: PolymorphicClassName; }; readOnly: { -true: string; +true: PolymorphicClassName; }; }> & (({ size?: string | undefined; @@ -1604,7 +1680,7 @@ export { textFieldTokens } // @public (undocumented) export const TextL: FunctionComponent<PropsType< { size: { -l: string; +l: PolymorphicClassName; }; }> & { breakWord?: boolean | undefined; @@ -1617,7 +1693,7 @@ export { textLBold } // @public (undocumented) export const TextM: FunctionComponent<PropsType< { size: { -m: string; +m: PolymorphicClassName; }; }> & { breakWord?: boolean | undefined; @@ -1630,7 +1706,7 @@ export { textMBold } // @public (undocumented) export const TextS: FunctionComponent<PropsType< { size: { -s: string; +s: PolymorphicClassName; }; }> & { breakWord?: boolean | undefined; @@ -1643,7 +1719,7 @@ export { textSBold } // @public (undocumented) export const TextXS: FunctionComponent<PropsType< { size: { -xs: string; +xs: PolymorphicClassName; }; }> & { breakWord?: boolean | undefined; @@ -1656,15 +1732,15 @@ export { textXSBold } // @public (undocumented) export const Toast: FunctionComponent<PropsType< { view: { -default: string; -dark: string; -light: string; +default: PolymorphicClassName; +dark: PolymorphicClassName; +light: PolymorphicClassName; }; size: { -m: string; +m: PolymorphicClassName; }; pilled: { -true: string; +true: PolymorphicClassName; }; }> & HTMLAttributes<HTMLButtonElement> & CustomToastProps & RefAttributes<HTMLDivElement>>; @@ -1682,13 +1758,13 @@ export { ToastRole } // @public export const Toolbar: FunctionComponent<PropsType< { view: { -default: string; +default: PolymorphicClassName; }; size: { -xs: string; -s: string; -m: string; -l: string; +xs: PolymorphicClassName; +s: PolymorphicClassName; +m: PolymorphicClassName; +l: PolymorphicClassName; }; }> & HTMLAttributes<HTMLDivElement> & { children: ReactNode; diff --git a/packages/sdds-serv/emotion/package.json b/packages/sdds-serv/emotion/package.json new file mode 100644 index 0000000000..0e8061e06b --- /dev/null +++ b/packages/sdds-serv/emotion/package.json @@ -0,0 +1,5 @@ +{ + "module": "es/index.js", + "main": "cjs/index.js", + "types": "../types/index.d.ts" +} diff --git a/packages/sdds-serv/package-lock.json b/packages/sdds-serv/package-lock.json index c983a1510c..710cc14513 100644 --- a/packages/sdds-serv/package-lock.json +++ b/packages/sdds-serv/package-lock.json @@ -1,16 +1,16 @@ { "name": "@salutejs/sdds-serv", - "version": "0.66.0", + "version": "0.77.1-dev.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@salutejs/sdds-serv", - "version": "0.66.0", + "version": "0.77.1-dev.0", "license": "MIT", "dependencies": { - "@salutejs/plasma-new-hope": "0.93.0", - "@salutejs/sdds-themes": "0.12.0" + "@salutejs/plasma-new-hope": "0.104.1-dev.0", + "@salutejs/sdds-themes": "0.14.0-dev.0" }, "devDependencies": { "@babel/cli": "7.24.1", @@ -20,12 +20,15 @@ "@babel/preset-env": "7.24.4", "@babel/preset-react": "7.24.1", "@babel/preset-typescript": "7.24.1", + "@emotion/babel-plugin": "11.11.0", + "@emotion/react": ">=11", + "@emotion/styled": ">=11", "@microsoft/api-extractor": "7.38.3", "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", - "@salutejs/plasma-cy-utils": "0.92.0", - "@salutejs/plasma-icons": "1.198.0", - "@salutejs/plasma-sb-utils": "0.158.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "@salutejs/plasma-cy-utils": "0.94.0-dev.0", + "@salutejs/plasma-icons": "1.198.3-dev.0", + "@salutejs/plasma-sb-utils": "0.160.0-dev.0", "@storybook/addon-docs": "7.6.17", "@storybook/addon-essentials": "7.6.17", "@storybook/addons": "7.6.17", @@ -50,9 +53,11 @@ "vite": "4.5.3" }, "peerDependencies": { + "@emotion/react": ">=11", + "@emotion/styled": ">=11", "react": ">=16.13.1", "react-dom": ">=16.13.1", - "styled-components": "^5.1.1" + "styled-components": "^5.3.1" } }, "node_modules/@ampproject/remapping": { @@ -212,6 +217,7 @@ "version": "7.22.5", "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz", "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==", + "dev": true, "dependencies": { "@babel/types": "^7.22.5" }, @@ -2385,10 +2391,79 @@ "node": ">=10.0.0" } }, + "node_modules/@emotion/babel-plugin": { + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz", + "integrity": "sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==", + "dev": true, + "dependencies": { + "@babel/helper-module-imports": "^7.16.7", + "@babel/runtime": "^7.18.3", + "@emotion/hash": "^0.9.1", + "@emotion/memoize": "^0.8.1", + "@emotion/serialize": "^1.1.2", + "babel-plugin-macros": "^3.1.0", + "convert-source-map": "^1.5.0", + "escape-string-regexp": "^4.0.0", + "find-root": "^1.1.0", + "source-map": "^0.5.7", + "stylis": "4.2.0" + } + }, + "node_modules/@emotion/babel-plugin/node_modules/@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==", + "dev": true + }, + "node_modules/@emotion/babel-plugin/node_modules/convert-source-map": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", + "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", + "dev": true + }, + "node_modules/@emotion/babel-plugin/node_modules/escape-string-regexp": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", + "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@emotion/cache": { + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", + "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", + "dev": true, + "dependencies": { + "@emotion/memoize": "^0.8.1", + "@emotion/sheet": "^1.2.2", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", + "stylis": "4.2.0" + } + }, + "node_modules/@emotion/cache/node_modules/@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==", + "dev": true + }, + "node_modules/@emotion/hash": { + "version": "0.9.1", + "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz", + "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==", + "dev": true + }, "node_modules/@emotion/is-prop-valid": { "version": "0.8.8", "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==", + "dev": true, "dependencies": { "@emotion/memoize": "0.7.4" } @@ -2396,17 +2471,113 @@ "node_modules/@emotion/memoize": { "version": "0.7.4", "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", - "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==" + "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==", + "dev": true + }, + "node_modules/@emotion/react": { + "version": "11.11.4", + "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.4.tgz", + "integrity": "sha512-t8AjMlF0gHpvvxk5mAtCqR4vmxiGHCeJBaQO6gncUSdklELOgtwjerNY2yuJNfwnc6vi16U/+uMF+afIawJ9iw==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.18.3", + "@emotion/babel-plugin": "^11.11.0", + "@emotion/cache": "^11.11.0", + "@emotion/serialize": "^1.1.3", + "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", + "hoist-non-react-statics": "^3.3.1" + }, + "peerDependencies": { + "react": ">=16.8.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@emotion/serialize": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.4.tgz", + "integrity": "sha512-RIN04MBT8g+FnDwgvIUi8czvr1LU1alUMI05LekWB5DGyTm8cCBMCRpq3GqaiyEDRptEXOyXnvZ58GZYu4kBxQ==", + "dev": true, + "dependencies": { + "@emotion/hash": "^0.9.1", + "@emotion/memoize": "^0.8.1", + "@emotion/unitless": "^0.8.1", + "@emotion/utils": "^1.2.1", + "csstype": "^3.0.2" + } + }, + "node_modules/@emotion/serialize/node_modules/@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==", + "dev": true + }, + "node_modules/@emotion/serialize/node_modules/@emotion/unitless": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", + "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==", + "dev": true + }, + "node_modules/@emotion/sheet": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz", + "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==", + "dev": true + }, + "node_modules/@emotion/styled": { + "version": "11.11.5", + "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.11.5.tgz", + "integrity": "sha512-/ZjjnaNKvuMPxcIiUkf/9SHoG4Q196DRl1w82hQ3WCsjo1IUR8uaGWrC6a87CrYAW0Kb/pK7hk8BnLgLRi9KoQ==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.18.3", + "@emotion/babel-plugin": "^11.11.0", + "@emotion/is-prop-valid": "^1.2.2", + "@emotion/serialize": "^1.1.4", + "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1", + "@emotion/utils": "^1.2.1" + }, + "peerDependencies": { + "@emotion/react": "^11.0.0-rc.0", + "react": ">=16.8.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@emotion/styled/node_modules/@emotion/is-prop-valid": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.2.tgz", + "integrity": "sha512-uNsoYd37AFmaCdXlg6EYD1KaPOaRWRByMCYzbKUX4+hhMfrxdVSelShywL4JVaAeM/eHUOSprYBQls+/neX3pw==", + "dev": true, + "dependencies": { + "@emotion/memoize": "^0.8.1" + } + }, + "node_modules/@emotion/styled/node_modules/@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==", + "dev": true }, "node_modules/@emotion/stylis": { "version": "0.8.5", "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", - "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==" + "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==", + "dev": true }, "node_modules/@emotion/unitless": { "version": "0.7.5", "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", - "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" + "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==", + "dev": true }, "node_modules/@emotion/use-insertion-effect-with-fallbacks": { "version": "1.0.1", @@ -2417,6 +2588,18 @@ "react": ">=16.8.0" } }, + "node_modules/@emotion/utils": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", + "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==", + "dev": true + }, + "node_modules/@emotion/weak-memoize": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz", + "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==", + "dev": true + }, "node_modules/@esbuild/android-arm": { "version": "0.18.20", "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz", @@ -5532,9 +5715,9 @@ "dev": true }, "node_modules/@salutejs/plasma-core": { - "version": "1.160.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.160.0.tgz", - "integrity": "sha512-ddpmy2lmCjPY0SQAcVma/rjqV+yzXY512MC6WtC6qq5RGZi+x/QKFGyL6eLVZbVE7QqxvvqSed/YiA22OaAXUA==", + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", "dependencies": { "@popperjs/core": "2.9.2", "@salutejs/plasma-typo": "0.40.0", @@ -5564,9 +5747,9 @@ } }, "node_modules/@salutejs/plasma-cy-utils": { - "version": "0.92.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.92.0.tgz", - "integrity": "sha512-huAKimH6MCBSk66ZtPoXGm4wC00nh78tPTEp+aC9/i3WifrXcZ8U3XSy3Sy1prSXygVCGdkF1jNVxTRp0Q/cSA==", + "version": "0.94.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.94.0-dev.0.tgz", + "integrity": "sha512-X778wOZh9VCzLwRqU0JfmeycdkqyI6ywYoIOFlM5oMUsbymRt3UqoTg/r9sEAD3BFCVmOSE1t6O1xgYI1iKXKg==", "dev": true, "peerDependencies": { "react": ">=16.13.1", @@ -5575,9 +5758,9 @@ } }, "node_modules/@salutejs/plasma-icons": { - "version": "1.198.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.0.tgz", - "integrity": "sha512-0OdHWq12uVhIGWKiHD7qyHEMNntphl1YOnuLwls83oE5nutlxeFHm9dWsLRY50jJZJN+lcpAe86pueb1Ie5JgA==", + "version": "1.198.3-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.3-dev.0.tgz", + "integrity": "sha512-pQv0PUF3280wVvZKxGriCozqgdQcx1xjPfQhYkbugu1WCU+/lPNb/FwfOnsfZRmIU0B9v7Moo0vwzxp/8sCfuA==", "dev": true, "peerDependencies": { "react": ">=16.13.1", @@ -5586,14 +5769,15 @@ } }, "node_modules/@salutejs/plasma-new-hope": { - "version": "0.93.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.93.0.tgz", - "integrity": "sha512-yGzNS6SR1u8WSXRIoPS4zwVRow5R/fGyKMry5pDSbQ6GPNJnLvFKVbGff6OhNIL7Tgt3XAYAt7qCN6Sw8s5tug==", + "version": "0.104.1-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.104.1-dev.0.tgz", + "integrity": "sha512-wzGlfIZXzAZ7XTNm6S49UUIt8VWYyXNy+GTvcDgITSm7nQGtYxa6d0tttCH7xDhMdjxJY5mya+0TvY+f9j7fZQ==", "dependencies": { "@linaria/core": "5.0.2", "@linaria/react": "5.0.3", "@popperjs/core": "2.11.8", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "dayjs": "1.11.11", "focus-visible": "5.2.0", "lodash.throttle": "4.1.1", "react-draggable": "4.4.3", @@ -5629,13 +5813,13 @@ } }, "node_modules/@salutejs/plasma-sb-utils": { - "version": "0.158.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.158.0.tgz", - "integrity": "sha512-VSuHeTFX/sYHeq/8sDxu3aB0b1sF6llju0QUOLke1WGzB+UIrjmXvjCLnfPAcymhUjSODx1wieDUvn+597l3uw==", + "version": "0.160.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.160.0-dev.0.tgz", + "integrity": "sha512-9jx+mpeC7CAf0t/eAaN7YsO5ozGBUzlWCz0RqomkiTkGTBb9f+CuYCxkZ58a9AZQI8SBHIaopjOP2IuRabuHSg==", "dev": true, "dependencies": { "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "param-case": "^3.0.4" }, "peerDependencies": { @@ -5655,13 +5839,9 @@ } }, "node_modules/@salutejs/sdds-themes": { - "version": "0.12.0", - "resolved": "https://registry.npmjs.org/@salutejs/sdds-themes/-/sdds-themes-0.12.0.tgz", - "integrity": "sha512-W1dZ1toPvchlFs/RtLZOzmt9QzHnHdY5XmjwkB0t+cmHasPGe37trhx41aXsjYbZWYGEeFm6GkezOtP84cqsVw==", - "dependencies": { - "@salutejs/plasma-typo": "0.40.0", - "styled-components": "5.3.1" - } + "version": "0.14.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/sdds-themes/-/sdds-themes-0.14.0-dev.0.tgz", + "integrity": "sha512-eMPBFQlct8NVWWDVmPdVaCWNMUM6c6FRA5Niin0ayV+SbDp3fhoHCmPg3pZkTfye3zPQ8ahylNv4H5Ly4++z3w==" }, "node_modules/@semantic-ui-react/event-stack": { "version": "3.1.3", @@ -7730,6 +7910,12 @@ "integrity": "sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==", "dev": true }, + "node_modules/@types/parse-json": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz", + "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==", + "dev": true + }, "node_modules/@types/pretty-hrtime": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/@types/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", @@ -8329,6 +8515,89 @@ "node": ">=8" } }, + "node_modules/babel-plugin-macros": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz", + "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.12.5", + "cosmiconfig": "^7.0.0", + "resolve": "^1.19.0" + }, + "engines": { + "node": ">=10", + "npm": ">=6" + } + }, + "node_modules/babel-plugin-macros/node_modules/cosmiconfig": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz", + "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==", + "dev": true, + "dependencies": { + "@types/parse-json": "^4.0.0", + "import-fresh": "^3.2.1", + "parse-json": "^5.0.0", + "path-type": "^4.0.0", + "yaml": "^1.10.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/babel-plugin-macros/node_modules/import-fresh": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", + "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==", + "dev": true, + "dependencies": { + "parent-module": "^1.0.0", + "resolve-from": "^4.0.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/babel-plugin-macros/node_modules/parse-json": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz", + "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.0.0", + "error-ex": "^1.3.1", + "json-parse-even-better-errors": "^2.3.0", + "lines-and-columns": "^1.1.6" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/babel-plugin-macros/node_modules/resolve-from": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", + "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/babel-plugin-macros/node_modules/yaml": { + "version": "1.10.2", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", + "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==", + "dev": true, + "engines": { + "node": ">= 6" + } + }, "node_modules/babel-plugin-polyfill-corejs2": { "version": "0.4.10", "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.10.tgz", @@ -8372,6 +8641,7 @@ "version": "1.13.2", "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-1.13.2.tgz", "integrity": "sha512-Vb1R3d4g+MUfPQPVDMCGjm3cDocJEUTR7Xq7QS95JWWeksN1wdFRYpD2kulDgI3Huuaf1CZd+NK4KQmqUFh5dA==", + "dev": true, "dependencies": { "@babel/helper-annotate-as-pure": "^7.0.0", "@babel/helper-module-imports": "^7.0.0", @@ -8385,7 +8655,8 @@ "node_modules/babel-plugin-syntax-jsx": { "version": "6.18.0", "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", - "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==" + "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==", + "dev": true }, "node_modules/babel-plugin-transform-flow-enums": { "version": "0.0.2", @@ -8720,6 +8991,7 @@ "version": "1.0.1", "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==", + "dev": true, "funding": { "url": "https://github.com/sponsors/ljharb" } @@ -9452,6 +9724,7 @@ "version": "1.0.0", "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==", + "dev": true, "engines": { "node": ">=4" } @@ -9460,6 +9733,7 @@ "version": "3.2.0", "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz", "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==", + "dev": true, "dependencies": { "camelize": "^1.0.0", "css-color-keywords": "^1.0.0", @@ -9473,10 +9747,9 @@ "dev": true }, "node_modules/dayjs": { - "version": "1.11.10", - "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz", - "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==", - "dev": true + "version": "1.11.11", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz", + "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==" }, "node_modules/debug": { "version": "4.3.4", @@ -10555,6 +10828,12 @@ "node": ">=8" } }, + "node_modules/find-root": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz", + "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==", + "dev": true + }, "node_modules/find-up": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz", @@ -11141,6 +11420,7 @@ "version": "3.3.2", "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", + "dev": true, "dependencies": { "react-is": "^16.7.0" } @@ -12520,7 +12800,8 @@ "node_modules/lodash": { "version": "4.17.21", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", - "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", + "dev": true }, "node_modules/lodash.debounce": { "version": "4.0.8", @@ -14237,6 +14518,27 @@ "tslib": "^2.0.3" } }, + "node_modules/parent-module": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", + "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==", + "dev": true, + "dependencies": { + "callsites": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/parent-module/node_modules/callsites": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", + "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==", + "dev": true, + "engines": { + "node": ">=6" + } + }, "node_modules/parse-json": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz", @@ -14464,7 +14766,8 @@ "node_modules/postcss-value-parser": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==" + "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", + "dev": true }, "node_modules/prettier": { "version": "2.8.8", @@ -15831,7 +16134,8 @@ "node_modules/shallowequal": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", - "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" + "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==", + "dev": true }, "node_modules/shebang-command": { "version": "2.0.0", @@ -16276,6 +16580,7 @@ "version": "5.3.1", "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.1.tgz", "integrity": "sha512-JThv2JRzyH0NOIURrk9iskdxMSAAtCfj/b2Sf1WJaCUsloQkblepy1jaCLX/bYE+mhYo3unmwVSI9I5d9ncSiQ==", + "dev": true, "dependencies": { "@babel/helper-module-imports": "^7.0.0", "@babel/traverse": "^7.4.5", @@ -16301,6 +16606,12 @@ "react-is": ">= 16.8.0" } }, + "node_modules/stylis": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz", + "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==", + "dev": true + }, "node_modules/sudo-prompt": { "version": "9.2.1", "resolved": "https://registry.npmjs.org/sudo-prompt/-/sudo-prompt-9.2.1.tgz", @@ -17741,6 +18052,7 @@ "version": "7.22.5", "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz", "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==", + "dev": true, "requires": { "@babel/types": "^7.22.5" } @@ -19209,10 +19521,77 @@ "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==", "dev": true }, + "@emotion/babel-plugin": { + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz", + "integrity": "sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==", + "dev": true, + "requires": { + "@babel/helper-module-imports": "^7.16.7", + "@babel/runtime": "^7.18.3", + "@emotion/hash": "^0.9.1", + "@emotion/memoize": "^0.8.1", + "@emotion/serialize": "^1.1.2", + "babel-plugin-macros": "^3.1.0", + "convert-source-map": "^1.5.0", + "escape-string-regexp": "^4.0.0", + "find-root": "^1.1.0", + "source-map": "^0.5.7", + "stylis": "4.2.0" + }, + "dependencies": { + "@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==", + "dev": true + }, + "convert-source-map": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", + "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", + "dev": true + }, + "escape-string-regexp": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", + "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", + "dev": true + } + } + }, + "@emotion/cache": { + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", + "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", + "dev": true, + "requires": { + "@emotion/memoize": "^0.8.1", + "@emotion/sheet": "^1.2.2", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", + "stylis": "4.2.0" + }, + "dependencies": { + "@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==", + "dev": true + } + } + }, + "@emotion/hash": { + "version": "0.9.1", + "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz", + "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==", + "dev": true + }, "@emotion/is-prop-valid": { "version": "0.8.8", "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==", + "dev": true, "requires": { "@emotion/memoize": "0.7.4" } @@ -19220,17 +19599,100 @@ "@emotion/memoize": { "version": "0.7.4", "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", - "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==" + "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==", + "dev": true + }, + "@emotion/react": { + "version": "11.11.4", + "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.4.tgz", + "integrity": "sha512-t8AjMlF0gHpvvxk5mAtCqR4vmxiGHCeJBaQO6gncUSdklELOgtwjerNY2yuJNfwnc6vi16U/+uMF+afIawJ9iw==", + "dev": true, + "requires": { + "@babel/runtime": "^7.18.3", + "@emotion/babel-plugin": "^11.11.0", + "@emotion/cache": "^11.11.0", + "@emotion/serialize": "^1.1.3", + "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", + "hoist-non-react-statics": "^3.3.1" + } + }, + "@emotion/serialize": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.4.tgz", + "integrity": "sha512-RIN04MBT8g+FnDwgvIUi8czvr1LU1alUMI05LekWB5DGyTm8cCBMCRpq3GqaiyEDRptEXOyXnvZ58GZYu4kBxQ==", + "dev": true, + "requires": { + "@emotion/hash": "^0.9.1", + "@emotion/memoize": "^0.8.1", + "@emotion/unitless": "^0.8.1", + "@emotion/utils": "^1.2.1", + "csstype": "^3.0.2" + }, + "dependencies": { + "@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==", + "dev": true + }, + "@emotion/unitless": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", + "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==", + "dev": true + } + } + }, + "@emotion/sheet": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz", + "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==", + "dev": true + }, + "@emotion/styled": { + "version": "11.11.5", + "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.11.5.tgz", + "integrity": "sha512-/ZjjnaNKvuMPxcIiUkf/9SHoG4Q196DRl1w82hQ3WCsjo1IUR8uaGWrC6a87CrYAW0Kb/pK7hk8BnLgLRi9KoQ==", + "dev": true, + "requires": { + "@babel/runtime": "^7.18.3", + "@emotion/babel-plugin": "^11.11.0", + "@emotion/is-prop-valid": "^1.2.2", + "@emotion/serialize": "^1.1.4", + "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1", + "@emotion/utils": "^1.2.1" + }, + "dependencies": { + "@emotion/is-prop-valid": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.2.tgz", + "integrity": "sha512-uNsoYd37AFmaCdXlg6EYD1KaPOaRWRByMCYzbKUX4+hhMfrxdVSelShywL4JVaAeM/eHUOSprYBQls+/neX3pw==", + "dev": true, + "requires": { + "@emotion/memoize": "^0.8.1" + } + }, + "@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==", + "dev": true + } + } }, "@emotion/stylis": { "version": "0.8.5", "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", - "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==" + "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==", + "dev": true }, "@emotion/unitless": { "version": "0.7.5", "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", - "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" + "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==", + "dev": true }, "@emotion/use-insertion-effect-with-fallbacks": { "version": "1.0.1", @@ -19238,6 +19700,18 @@ "integrity": "sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==", "dev": true }, + "@emotion/utils": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", + "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==", + "dev": true + }, + "@emotion/weak-memoize": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz", + "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==", + "dev": true + }, "@esbuild/android-arm": { "version": "0.18.20", "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz", @@ -21355,9 +21829,9 @@ "dev": true }, "@salutejs/plasma-core": { - "version": "1.160.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.160.0.tgz", - "integrity": "sha512-ddpmy2lmCjPY0SQAcVma/rjqV+yzXY512MC6WtC6qq5RGZi+x/QKFGyL6eLVZbVE7QqxvvqSed/YiA22OaAXUA==", + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", "requires": { "@popperjs/core": "2.9.2", "@salutejs/plasma-typo": "0.40.0", @@ -21379,26 +21853,27 @@ } }, "@salutejs/plasma-cy-utils": { - "version": "0.92.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.92.0.tgz", - "integrity": "sha512-huAKimH6MCBSk66ZtPoXGm4wC00nh78tPTEp+aC9/i3WifrXcZ8U3XSy3Sy1prSXygVCGdkF1jNVxTRp0Q/cSA==", + "version": "0.94.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.94.0-dev.0.tgz", + "integrity": "sha512-X778wOZh9VCzLwRqU0JfmeycdkqyI6ywYoIOFlM5oMUsbymRt3UqoTg/r9sEAD3BFCVmOSE1t6O1xgYI1iKXKg==", "dev": true }, "@salutejs/plasma-icons": { - "version": "1.198.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.0.tgz", - "integrity": "sha512-0OdHWq12uVhIGWKiHD7qyHEMNntphl1YOnuLwls83oE5nutlxeFHm9dWsLRY50jJZJN+lcpAe86pueb1Ie5JgA==", + "version": "1.198.3-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.3-dev.0.tgz", + "integrity": "sha512-pQv0PUF3280wVvZKxGriCozqgdQcx1xjPfQhYkbugu1WCU+/lPNb/FwfOnsfZRmIU0B9v7Moo0vwzxp/8sCfuA==", "dev": true }, "@salutejs/plasma-new-hope": { - "version": "0.93.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.93.0.tgz", - "integrity": "sha512-yGzNS6SR1u8WSXRIoPS4zwVRow5R/fGyKMry5pDSbQ6GPNJnLvFKVbGff6OhNIL7Tgt3XAYAt7qCN6Sw8s5tug==", + "version": "0.104.1-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.104.1-dev.0.tgz", + "integrity": "sha512-wzGlfIZXzAZ7XTNm6S49UUIt8VWYyXNy+GTvcDgITSm7nQGtYxa6d0tttCH7xDhMdjxJY5mya+0TvY+f9j7fZQ==", "requires": { "@linaria/core": "5.0.2", "@linaria/react": "5.0.3", "@popperjs/core": "2.11.8", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "dayjs": "1.11.11", "focus-visible": "5.2.0", "lodash.throttle": "4.1.1", "react-draggable": "4.4.3", @@ -21423,13 +21898,13 @@ } }, "@salutejs/plasma-sb-utils": { - "version": "0.158.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.158.0.tgz", - "integrity": "sha512-VSuHeTFX/sYHeq/8sDxu3aB0b1sF6llju0QUOLke1WGzB+UIrjmXvjCLnfPAcymhUjSODx1wieDUvn+597l3uw==", + "version": "0.160.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.160.0-dev.0.tgz", + "integrity": "sha512-9jx+mpeC7CAf0t/eAaN7YsO5ozGBUzlWCz0RqomkiTkGTBb9f+CuYCxkZ58a9AZQI8SBHIaopjOP2IuRabuHSg==", "dev": true, "requires": { "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "param-case": "^3.0.4" } }, @@ -21439,13 +21914,9 @@ "integrity": "sha512-wjIJwHb/N5wFyTwTKt4bimt0UpM0/TS3ZsKtJVBS5foqxxJFgv32Ma75RCnnqol38M+KHDa6Lrnu2po0jiicow==" }, "@salutejs/sdds-themes": { - "version": "0.12.0", - "resolved": "https://registry.npmjs.org/@salutejs/sdds-themes/-/sdds-themes-0.12.0.tgz", - "integrity": "sha512-W1dZ1toPvchlFs/RtLZOzmt9QzHnHdY5XmjwkB0t+cmHasPGe37trhx41aXsjYbZWYGEeFm6GkezOtP84cqsVw==", - "requires": { - "@salutejs/plasma-typo": "0.40.0", - "styled-components": "5.3.1" - } + "version": "0.14.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/sdds-themes/-/sdds-themes-0.14.0-dev.0.tgz", + "integrity": "sha512-eMPBFQlct8NVWWDVmPdVaCWNMUM6c6FRA5Niin0ayV+SbDp3fhoHCmPg3pZkTfye3zPQ8ahylNv4H5Ly4++z3w==" }, "@semantic-ui-react/event-stack": { "version": "3.1.3", @@ -23067,6 +23538,12 @@ "integrity": "sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==", "dev": true }, + "@types/parse-json": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz", + "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==", + "dev": true + }, "@types/pretty-hrtime": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/@types/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", @@ -23571,6 +24048,66 @@ "test-exclude": "^6.0.0" } }, + "babel-plugin-macros": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz", + "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==", + "dev": true, + "requires": { + "@babel/runtime": "^7.12.5", + "cosmiconfig": "^7.0.0", + "resolve": "^1.19.0" + }, + "dependencies": { + "cosmiconfig": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz", + "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==", + "dev": true, + "requires": { + "@types/parse-json": "^4.0.0", + "import-fresh": "^3.2.1", + "parse-json": "^5.0.0", + "path-type": "^4.0.0", + "yaml": "^1.10.0" + } + }, + "import-fresh": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", + "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==", + "dev": true, + "requires": { + "parent-module": "^1.0.0", + "resolve-from": "^4.0.0" + } + }, + "parse-json": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz", + "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==", + "dev": true, + "requires": { + "@babel/code-frame": "^7.0.0", + "error-ex": "^1.3.1", + "json-parse-even-better-errors": "^2.3.0", + "lines-and-columns": "^1.1.6" + } + }, + "resolve-from": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", + "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==", + "dev": true + }, + "yaml": { + "version": "1.10.2", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", + "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==", + "dev": true + } + } + }, "babel-plugin-polyfill-corejs2": { "version": "0.4.10", "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.10.tgz", @@ -23605,6 +24142,7 @@ "version": "1.13.2", "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-1.13.2.tgz", "integrity": "sha512-Vb1R3d4g+MUfPQPVDMCGjm3cDocJEUTR7Xq7QS95JWWeksN1wdFRYpD2kulDgI3Huuaf1CZd+NK4KQmqUFh5dA==", + "dev": true, "requires": { "@babel/helper-annotate-as-pure": "^7.0.0", "@babel/helper-module-imports": "^7.0.0", @@ -23615,7 +24153,8 @@ "babel-plugin-syntax-jsx": { "version": "6.18.0", "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", - "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==" + "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==", + "dev": true }, "babel-plugin-transform-flow-enums": { "version": "0.0.2", @@ -23856,7 +24395,8 @@ "camelize": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", - "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==" + "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==", + "dev": true }, "caniuse-lite": { "version": "1.0.30001611", @@ -24420,12 +24960,14 @@ "css-color-keywords": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", - "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==" + "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==", + "dev": true }, "css-to-react-native": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz", "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==", + "dev": true, "requires": { "camelize": "^1.0.0", "css-color-keywords": "^1.0.0", @@ -24439,10 +24981,9 @@ "dev": true }, "dayjs": { - "version": "1.11.10", - "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz", - "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==", - "dev": true + "version": "1.11.11", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz", + "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==" }, "debug": { "version": "4.3.4", @@ -25296,6 +25837,12 @@ } } }, + "find-root": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz", + "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==", + "dev": true + }, "find-up": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz", @@ -25723,6 +26270,7 @@ "version": "3.3.2", "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", + "dev": true, "requires": { "react-is": "^16.7.0" } @@ -26736,7 +27284,8 @@ "lodash": { "version": "4.17.21", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", - "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", + "dev": true }, "lodash.debounce": { "version": "4.0.8", @@ -28027,6 +28576,23 @@ "tslib": "^2.0.3" } }, + "parent-module": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", + "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==", + "dev": true, + "requires": { + "callsites": "^3.0.0" + }, + "dependencies": { + "callsites": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", + "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==", + "dev": true + } + } + }, "parse-json": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz", @@ -28186,7 +28752,8 @@ "postcss-value-parser": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==" + "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", + "dev": true }, "prettier": { "version": "2.8.8", @@ -29215,7 +29782,8 @@ "shallowequal": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", - "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" + "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==", + "dev": true }, "shebang-command": { "version": "2.0.0", @@ -29553,6 +30121,7 @@ "version": "5.3.1", "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.1.tgz", "integrity": "sha512-JThv2JRzyH0NOIURrk9iskdxMSAAtCfj/b2Sf1WJaCUsloQkblepy1jaCLX/bYE+mhYo3unmwVSI9I5d9ncSiQ==", + "dev": true, "requires": { "@babel/helper-module-imports": "^7.0.0", "@babel/traverse": "^7.4.5", @@ -29566,6 +30135,12 @@ "supports-color": "^5.5.0" } }, + "stylis": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz", + "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==", + "dev": true + }, "sudo-prompt": { "version": "9.2.1", "resolved": "https://registry.npmjs.org/sudo-prompt/-/sudo-prompt-9.2.1.tgz", diff --git a/packages/sdds-serv/package.json b/packages/sdds-serv/package.json index 5038862ffd..4f7123078d 100644 --- a/packages/sdds-serv/package.json +++ b/packages/sdds-serv/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/sdds-serv", - "version": "0.66.0", + "version": "0.77.1-dev.0", "description": "Salute Design System / React UI kit for SDDS SERV web applications", "author": "Salute Frontend Team <salute.developers@gmail.com>", "license": "MIT", @@ -10,6 +10,17 @@ "ui-kit", "react" ], + "files": [ + "emotion", + "components", + "mixins", + "es", + "api", + "tokens", + "index.d.ts", + "api-extractor.json", + "CHANGELOG.md" + ], "main": "index.js", "module": "es/index.js", "types": "index.d.ts", @@ -19,13 +30,15 @@ "directory": "packages/sdds-serv" }, "dependencies": { - "@salutejs/plasma-new-hope": "0.93.0", - "@salutejs/sdds-themes": "0.12.0" + "@salutejs/plasma-new-hope": "0.104.1-dev.0", + "@salutejs/sdds-themes": "0.14.0-dev.0" }, "peerDependencies": { "react": ">=16.13.1", "react-dom": ">=16.13.1", - "styled-components": "^5.1.1" + "styled-components": "^5.3.1", + "@emotion/styled": ">=11", + "@emotion/react": ">=11" }, "devDependencies": { "@babel/cli": "7.24.1", @@ -35,12 +48,15 @@ "@babel/preset-env": "7.24.4", "@babel/preset-react": "7.24.1", "@babel/preset-typescript": "7.24.1", + "@emotion/styled": ">=11", + "@emotion/react": ">=11", + "@emotion/babel-plugin": "11.11.0", "@microsoft/api-extractor": "7.38.3", "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", - "@salutejs/plasma-cy-utils": "0.92.0", - "@salutejs/plasma-icons": "1.198.0", - "@salutejs/plasma-sb-utils": "0.158.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "@salutejs/plasma-cy-utils": "0.94.0-dev.0", + "@salutejs/plasma-icons": "1.198.3-dev.0", + "@salutejs/plasma-sb-utils": "0.160.0-dev.0", "@storybook/addon-docs": "7.6.17", "@storybook/addon-essentials": "7.6.17", "@storybook/addons": "7.6.17", @@ -71,13 +87,24 @@ "preapi-report": "npm run generate:typings", "api-report": "npx api-extractor run --local", "prepare": "npm run build", - "prebuild": "rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map", - "build": "npm run build:cjs && npm run build:esm", + "prebuild": "rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map && npm run prebuild:emotion", + "prebuild:emotion": "rm -rf src-emotion && cp -R src src-emotion && npm run build:replace-st-emotion", + "build": "npm run build:styled-components && npm run build:emotion", + "build:replace-st-emotion": "./scripts/replace-st_emotion.sh", "postbuild": "npm run generate:typings", - "build:cjs": "BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx", - "build:esm": "BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx", + "build:emotion": "npm run build:emotion:esm && npm run build:emotion:cjs", + "build:emotion:cjs": "rm -rf emotion/cjs && BABEL_ENV=cjs EMOTION=true SC_NAMESPACE=sdds-srvc babel ./src-emotion --out-dir ./emotion/cjs --extensions .ts,.tsx --copy-files", + "build:emotion:esm": "rm -rf emotion/es && BABEL_ENV=esm EMOTION=true SC_NAMESPACE=sdds-srvc babel ./src-emotion --out-dir ./emotion/es --extensions .ts,.tsx --copy-files", + "build:styled-components": "npm run build:styled-components:esm && npm run build:styled-components:cjs", + "build:styled-components:cjs": "BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx", + "build:styled-components:esm": "BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx", + "postbuild:styled-components": "npm run generate:typings", + "postbuild:emotion": "rm -rf src-emotion && npm run generate:typings", "generate:typings": "tsc --outDir . --emitDeclarationOnly", "storybook": "storybook dev -p ${PORT:-7007} -c .storybook", + "prestorybook:emotion": "npm run prebuild:emotion", + "storybook:emotion": "USE_EMOTION_COMPONENTS=true storybook dev -p ${PORT:-7002} -c .storybook", + "storybook:sc": "USE_STYLED_COMPONENTS=true storybook dev -p ${PORT:-7002} -c .storybook", "storybook:build": "storybook build -c .storybook -o build-sb", "typescript-coverage": "npx typescript-coverage-report > /dev/null", "lint": "../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet" @@ -95,4 +122,4 @@ "Anton Vinogradov" ], "sideEffects": false -} +} \ No newline at end of file diff --git a/packages/sdds-serv/scripts/replace-st_emotion.sh b/packages/sdds-serv/scripts/replace-st_emotion.sh new file mode 100755 index 0000000000..27400d7fd6 --- /dev/null +++ b/packages/sdds-serv/scripts/replace-st_emotion.sh @@ -0,0 +1,9 @@ +#!/bin/bash + + +# TODO: rewrite to node.js + +files=$(find src-emotion -name '*.*'); + +perl -p -i -e "s/from '\@salutejs\/plasma-new-hope\/styled-components'/from '\@salutejs\/plasma-new-hope\/emotion'/g" $files +perl -p -i -e "s/from '\styled-components'/from '\@emotion\/styled'/g" $files \ No newline at end of file diff --git a/packages/sdds-serv/src/components/Combobox/Combobox.config.ts b/packages/sdds-serv/src/components/Combobox/Combobox.config.ts index 38c8312c51..3eac0dc10f 100644 --- a/packages/sdds-serv/src/components/Combobox/Combobox.config.ts +++ b/packages/sdds-serv/src/components/Combobox/Combobox.config.ts @@ -289,13 +289,13 @@ export const config = { ${comboboxTokens.targetColor}: var(--text-primary); ${comboboxTokens.targetLabelColor}: var(--text-secondary); ${comboboxTokens.targetArrowColor}: var(--text-secondary); - ${comboboxTokens.targetBorderColor}: var(--text-tertiary); - ${comboboxTokens.targetBorderColorHover}: var(--text-tertiary); - ${comboboxTokens.targetBorderColorActive}: var(--text-tertiary); - ${comboboxTokens.targetBorderColorOpen}: var(--text-accent); + ${comboboxTokens.targetBackgroundColor}: var(--surface-transparent-primary); + ${comboboxTokens.targetBackgroundColorHover}: var(--surface-transparent-primary-hover); + ${comboboxTokens.targetBackgroundColorActive}: var(--surface-transparent-primary-active); + ${comboboxTokens.targetBackgroundColorOpen}: var(--surface-transparent-secondary); ${comboboxTokens.background}: var(--surface-solid-card); - ${comboboxTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); /* TODO: Забирать из токена --shadow-down-soft-s */ + ${comboboxTokens.boxShadow}: var(--shadow-down-soft-s); ${comboboxTokens.itemBackground}: var(--plasma-colors-transparent); ${comboboxTokens.itemBackgroundHover}: var(--surface-transparent-secondary); @@ -307,9 +307,9 @@ export const config = { ${comboboxTokens.chipColor}: var(--text-primary); ${comboboxTokens.chipBackground}: var(--surface-transparent-secondary); ${comboboxTokens.chipColorHover}: var(--text-primary); - ${comboboxTokens.chipBackgroundHover}: var(--surface-transparent-secondary); + ${comboboxTokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover); ${comboboxTokens.chipColorActive}: var(--text-primary); - ${comboboxTokens.chipBackgroundActive}: var(--surface-transparent-secondary); + ${comboboxTokens.chipBackgroundActive}: var(--surface-transparent-secondary-active); ${comboboxTokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary); ${comboboxTokens.chipColorReadOnly}: var(--text-primary); ${comboboxTokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary); diff --git a/packages/sdds-serv/src/components/DatePicker/DatePicker.config.ts b/packages/sdds-serv/src/components/DatePicker/DatePicker.config.ts new file mode 100644 index 0000000000..eb38c9637a --- /dev/null +++ b/packages/sdds-serv/src/components/DatePicker/DatePicker.config.ts @@ -0,0 +1,515 @@ +import { datePickerTokens as tokens, css } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + }, + variations: { + view: { + default: css` + ${tokens.background}: var(--surface-transparent-primary); + ${tokens.backgroundError}: var(--surface-transparent-negative); + ${tokens.backgroundSuccess}: var(--surface-transparent-positive); + + ${tokens.dividerColor}: var(--text-primary); + ${tokens.labelColor}: var(--text-primary); + ${tokens.leftHelperColor}: var(--text-secondary); + + ${tokens.textFieldColor}: var(--text-primary); + ${tokens.textFieldPlaceholderColor}: var(--text-secondary); + ${tokens.textFieldCaretColor}: var(--text-accent); + + ${tokens.textFieldBackgroundColor}: var(--surface-transparent-secondary); + ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary); + ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative); + ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active); + ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive); + ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active); + + ${tokens.textFieldTextBeforeColor}: var(--text-tertiary); + ${tokens.textFieldTextAfterColor}: var(--text-tertiary); + + ${tokens.focusColor}: var(--text-accent); + + ${tokens.calendarShadow}: var(--shadow-down-soft-s); + ${tokens.calendarSeparatorBackground}: var(--surface-transparent-secondary); + ${tokens.calendarBackgroundColor}: var(--surface-solid-card); + ${tokens.calendarSelectedItemBackground}: var(--surface-solid-default); + ${tokens.calendarSelectedItemColor}: var(--inverse-text-primary); + ${tokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary); + ${tokens.calendarCurrentItemBorderColor}: var(--surface-solid-default); + ${tokens.calendarCurrentItemBackgroundHover}: transparent; + ${tokens.calendarCurrentItemColorHover}: var(--text-primary); + ${tokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary); + ${tokens.calendarActiveItemBackground}: var(--surface-solid-default); + ${tokens.calendarActiveItemColor}: var(--inverse-text-primary); + ${tokens.calendarHoveredItemBackground}: var(--surface-accent); + ${tokens.calendarHoveredItemColor}: var(--text-primary); + ${tokens.calendarRangeBackground}: var(--surface-transparent-secondary); + ${tokens.calendarOutlineFocusColor}: var(--surface-accent); + ${tokens.calendarContentPrimaryColor}: var(--surface-solid-default); + ${tokens.calendarContentSecondaryColor}: var(--text-secondary); + + ${tokens.iconButtonColor}: var(--text-primary); + ${tokens.iconButtonBackgroundColor}: var(--surface-clear); + ${tokens.iconButtonColorHover}: var(--text-primary-hover); + ${tokens.iconButtonBackgroundColorHover}: var(--surface-clear); + ${tokens.iconButtonColorActive}: var(--text-primary-hover); + ${tokens.iconButtonBackgroundColorActive}: var(--surface-clear); + ${tokens.iconButtonFocusColor}: var(--surface-accent); + `, + }, + size: { + l: css` + ${tokens.width}: 26.5rem; + ${tokens.borderRadius}: 0.875rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.leftContentMargin}: 0 0 0 1rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.75rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.textFieldHeight}: 3.5rem; + ${tokens.textFieldBorderRadius}: 0.875rem; + ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarBorderRadius}: 0.875rem; + ${tokens.calendarWidth}: 26.5rem; + + ${tokens.calendarYearsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarYearItemBorderRadius}: 0.75rem; + ${tokens.calendarYearItemWidth}: 7.8125rem; + ${tokens.calendarYearItemHeight}: 5.25rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarMonthItemBorderRadius}: 0.75rem; + ${tokens.calendarMonthItemWidth}: 7.8125rem; + ${tokens.calendarMonthItemHeight}: 5.25rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarDayItemBorderRadius}: 0.75rem; + ${tokens.calendarDayItemWidth}: 3.5rem; + ${tokens.calendarDayItemHeight}: 3rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.875rem 1rem 0 1rem; + ${tokens.calendarHeaderArrowGap}: 0.5rem; + + ${tokens.calendarHeaderPadding}: 0 0 0 1rem; + ${tokens.calendarHeaderDateGap}: 0.5rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h3-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h3-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h3-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h3-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h3-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h3-bold-font-weight); + + ${tokens.iconButtonHeight}: 3.5rem; + ${tokens.iconButtonWidth}: 3.5rem; + ${tokens.iconButtonPadding}: 1.5rem; + ${tokens.iconButtonRadius}: 0.875rem; + `, + m: css` + ${tokens.width}: 23rem; + ${tokens.borderRadius}: 0.75rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.leftContentMargin}: 0 0 0 0.875rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.625rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.textFieldHeight}: 3rem; + ${tokens.textFieldBorderRadius}: 0.75rem; + ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarWidth}: 23rem; + ${tokens.calendarBorderRadius}: 0.875rem; + + ${tokens.calendarYearsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarYearItemBorderRadius}: 0.625rem; + ${tokens.calendarYearItemWidth}: 6.688rem; + ${tokens.calendarYearItemHeight}: 4.375rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarMonthItemBorderRadius}: 0.625rem; + ${tokens.calendarMonthItemWidth}: 6.688rem; + ${tokens.calendarMonthItemHeight}: 4.375rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.5rem 1rem 1.125rem 1rem; + ${tokens.calendarDayItemBorderRadius}: 0.625rem; + ${tokens.calendarDayItemWidth}: 3rem; + ${tokens.calendarDayItemHeight}: 2.5rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.75rem 1rem 0 1rem; + ${tokens.calendarHeaderArrowGap}: 0.5rem; + + ${tokens.calendarHeaderPadding}: 0 0 0 0.875rem; + ${tokens.calendarHeaderDateGap}: 0.375rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${tokens.iconButtonHeight}: 3rem; + ${tokens.iconButtonWidth}: 3rem; + ${tokens.iconButtonPadding}: 1.25rem; + ${tokens.iconButtonRadius}: 0.75rem; + `, + s: css` + ${tokens.width}: 19.5rem; + ${tokens.borderRadius}: 0.625rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.leftContentMargin}: 0 0 0 0.75rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.5rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.textFieldHeight}: 2.5rem; + ${tokens.textFieldBorderRadius}: 0.625rem; + ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarWidth}: 19.5rem; + ${tokens.calendarBorderRadius}: 0.875rem; + + ${tokens.calendarYearsPadding}: 0.5rem 1rem 0.875rem 1rem; + ${tokens.calendarYearItemBorderRadius}: 0.5rem; + ${tokens.calendarYearItemWidth}: 5.5rem; + ${tokens.calendarYearItemHeight}: 3.5rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 1rem 0.875rem 1rem; + ${tokens.calendarMonthItemBorderRadius}: 0.5rem; + ${tokens.calendarMonthItemWidth}: 5.5rem; + ${tokens.calendarMonthItemHeight}: 3.5rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.5rem 1rem 0.875rem 1rem; + ${tokens.calendarDayItemBorderRadius}: 0.5rem; + ${tokens.calendarDayItemWidth}: 2.5rem; + ${tokens.calendarDayItemHeight}: 2rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.75rem 1rem 0 1rem; + ${tokens.calendarHeaderArrowGap}: 0.5rem; + + ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${tokens.calendarHeaderDateGap}: 0.25rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight); + + ${tokens.iconButtonHeight}: 2rem; + ${tokens.iconButtonWidth}: 2rem; + ${tokens.iconButtonPadding}: 0.75rem; + ${tokens.iconButtonRadius}: 0.5rem; + `, + xs: css` + ${tokens.width}: 19rem; + ${tokens.borderRadius}: 0.5rem; + + ${tokens.dividerPadding}: 0 0.375rem; + ${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.dividerFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.dividerFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.dividerFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.leftContentMargin}: 0 0 0 0.5rem; + ${tokens.rightContentMargin}: 0; + + ${tokens.labelOffset}: 0 0 0.375rem 0; + + ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldHeight}: 2rem; + ${tokens.textFieldBorderRadius}: 0.5rem; + ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem; + ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.leftHelperOffset}: 0.25rem 0 0 0; + ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem; + ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem; + ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem; + + ${tokens.calendarWidth}: 19rem; + ${tokens.calendarBorderRadius}: 0.5rem; + + ${tokens.calendarYearsPadding}: 0.5rem 0.75rem 0.625rem 0.75rem; + ${tokens.calendarYearItemBorderRadius}: 0.375rem; + ${tokens.calendarYearItemWidth}: 5.625rem; + ${tokens.calendarYearItemHeight}: 3.281rem; + + ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${tokens.calendarMonthsPadding}: 0.5rem 0.75rem 0.625rem 0.75rem; + ${tokens.calendarMonthItemBorderRadius}: 0.375rem; + ${tokens.calendarMonthItemWidth}: 5.625rem; + ${tokens.calendarMonthItemHeight}: 3.281rem; + + ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${tokens.calendarDaysPadding}: 0.375rem 0.75rem 0.625rem 0.75rem; + ${tokens.calendarDayItemBorderRadius}: 0.375rem; + ${tokens.calendarDayItemWidth}: 2.5rem; + ${tokens.calendarDayItemHeight}: 2rem; + + ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height); + ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + + ${tokens.calendarHeaderWrapperPadding}: 0.5rem 0.75rem 0 0.75rem; + ${tokens.calendarHeaderArrowGap}: 0; + + ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem; + ${tokens.calendarHeaderDateGap}: 0.25rem; + + ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family); + ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size); + ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style); + ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing); + ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height); + ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight); + ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight); + + ${tokens.iconButtonHeight}: 2rem; + ${tokens.iconButtonWidth}: 2rem; + ${tokens.iconButtonPadding}: 0.75rem; + ${tokens.iconButtonRadius}: 0.5rem; + `, + }, + disabled: { + true: css` + ${tokens.disabledOpacity}: 0.4; + `, + }, + readOnly: { + true: css` + ${tokens.backgroundReadOnly}: var(--surface-transparent-primary); + ${tokens.labelColorReadOnly}: var(--text-secondary); + ${tokens.leftHelperColorReadOnly}: var(--text-secondary); + ${tokens.dividerColorReadOnly}: var(--text-secondary); + + ${tokens.textFieldColorReadOnly}: var(--text-secondary); + ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary); + ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary); + `, + }, + }, +}; diff --git a/packages/sdds-serv/src/components/DatePicker/DatePicker.stories.tsx b/packages/sdds-serv/src/components/DatePicker/DatePicker.stories.tsx new file mode 100644 index 0000000000..a4246bab5c --- /dev/null +++ b/packages/sdds-serv/src/components/DatePicker/DatePicker.stories.tsx @@ -0,0 +1,255 @@ +import React, { ComponentProps, useRef, useState } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { action } from '@storybook/addon-actions'; +import { IconPlaceholder, InSpacingDecorator } from '@salutejs/plasma-sb-utils'; + +import { IconButton } from '../IconButton/IconButton'; + +import { DatePicker, DatePickerRange } from './DatePicker'; + +const onChangeValue = action('onChangeValue'); +const onBlur = action('onBlur'); +const onFocus = action('onFocus'); + +const onChangeFirstValue = action('onChangeFirstValue'); +const onChangeSecondValue = action('onChangeSecondValue'); + +const sizes = ['l', 'm', 's', 'xs']; +const views = ['default']; +const dividers = ['none', 'dash', 'icon']; + +const meta: Meta = { + title: 'Controls/DatePicker', + decorators: [InSpacingDecorator], + argTypes: { + view: { + options: views, + control: { + type: 'inline-radio', + }, + }, + size: { + options: sizes, + control: { + type: 'inline-radio', + }, + }, + min: { + control: { + type: 'date', + }, + }, + max: { + control: { + type: 'date', + }, + }, + }, +}; + +export default meta; + +type StoryPropsDefault = ComponentProps<typeof DatePicker> & { + enableContentLeft: boolean; + enableContentRight: boolean; +}; + +const StoryDefault = ({ + enableContentLeft, + enableContentRight, + valueError, + valueSuccess, + size, + ...rest +}: StoryPropsDefault) => { + const [isOpen, setIsOpen] = useState(false); + + const iconSize = size === 'xs' ? 'xs' : 's'; + + return ( + <DatePicker + isOpen={isOpen} + size={size} + valueError={valueError} + valueSuccess={valueSuccess} + contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined} + contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined} + onBlur={onBlur} + onFocus={onFocus} + onToggle={(is) => setIsOpen(is)} + onChangeValue={(e, currentValue) => { + onChangeValue(e, currentValue); + }} + onCommitDate={() => setIsOpen(false)} + {...rest} + /> + ); +}; + +export const Default: StoryObj<StoryPropsDefault> = { + argTypes: { + defaultDate: { + control: { + type: 'date', + }, + }, + }, + args: { + label: 'Лейбл', + leftHelper: 'Подсказка к полю', + placeholder: '30.05.2024', + size: 'l', + view: 'default', + defaultDate: new Date(2024, 5, 14), + min: new Date(2024, 1, 1), + max: new Date(2024, 12, 29), + maskWithFormat: false, + disabled: false, + readOnly: false, + textBefore: '', + enableContentLeft: true, + enableContentRight: true, + valueError: false, + valueSuccess: false, + }, + render: (args) => <StoryDefault {...args} />, +}; + +type StoryPropsRange = ComponentProps<typeof DatePickerRange> & { + enableContentLeft: boolean; + enableContentRight: boolean; + enableFirstTextfieldContentLeft: boolean; + enableSecondTextfieldContentLeft: boolean; + enableFirstTextfieldContentRight: boolean; + enableSecondTextfieldContentRight: boolean; +}; + +const ActionButton = ({ size }) => { + const iconSize = size === 'xs' ? 'xs' : 's'; + return ( + <IconButton view="clear" size={size}> + <IconPlaceholder size={iconSize} /> + </IconButton> + ); +}; + +const StoryRange = ({ + dividerVariant, + enableContentLeft, + enableContentRight, + firstTextfieldTextBefore, + secondTextfieldTextBefore, + enableFirstTextfieldContentLeft, + enableSecondTextfieldContentLeft, + enableFirstTextfieldContentRight, + enableSecondTextfieldContentRight, + firstValueError, + firstValueSuccess, + secondValueError, + secondValueSuccess, + size, + ...rest +}: StoryPropsRange) => { + const rangeRef = useRef(null); + + const [isOpen, setIsOpen] = useState(false); + const [firstDate, setFirstDate] = useState<string | Date>(''); + + const iconSize = size === 'xs' ? 'xs' : 's'; + const showDividerIcon = dividerVariant === 'icon'; + const showDefaultTextBefore = dividerVariant === 'none'; + + const dividerIconProps = { + dividerIcon: showDividerIcon ? <IconPlaceholder size={iconSize} /> : null, + dividerVariant, + }; + + return ( + <DatePickerRange + size={size} + ref={rangeRef} + isOpen={isOpen} + firstValueError={firstValueError} + firstValueSuccess={firstValueSuccess} + secondValueError={secondValueError} + secondValueSuccess={secondValueSuccess} + contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined} + contentRight={enableContentRight ? <ActionButton size={size} /> : undefined} + firstTextfieldContentLeft={ + enableFirstTextfieldContentLeft ? <IconPlaceholder size={iconSize} /> : undefined + } + firstTextfieldContentRight={ + enableFirstTextfieldContentRight ? <IconPlaceholder size={iconSize} /> : undefined + } + secondTextfieldContentLeft={ + enableSecondTextfieldContentLeft ? <IconPlaceholder size={iconSize} /> : undefined + } + secondTextfieldContentRight={ + enableSecondTextfieldContentRight ? <IconPlaceholder size={iconSize} /> : undefined + } + firstTextfieldTextBefore={ + showDefaultTextBefore ? firstTextfieldTextBefore || 'С' : firstTextfieldTextBefore + } + secondTextfieldTextBefore={ + showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore + } + onToggle={(is) => setIsOpen(is)} + onChangeFirstValue={(e, currentValue) => { + onChangeFirstValue(e, currentValue); + }} + onChangeSecondValue={(e, currentValue) => { + onChangeSecondValue(e, currentValue); + }} + onCommitFirstDate={(currentValue) => { + setFirstDate(currentValue); + }} + onCommitSecondDate={(currentValue) => { + firstDate && currentValue && setIsOpen(false); + }} + {...dividerIconProps} + {...rest} + /> + ); +}; + +export const Range: StoryObj<StoryPropsRange> = { + argTypes: { + dividerVariant: { + options: dividers, + control: { + type: 'inline-radio', + }, + }, + }, + args: { + label: 'Лейбл', + leftHelper: 'Подсказка к полю', + firstPlaceholder: '30.05.2024', + secondPlaceholder: '04.06.2024', + firstTextfieldTextBefore: '', + secondTextfieldTextBefore: '', + firstTextfieldTextAfter: '', + secondTextfieldTextAfter: '', + size: 'l', + view: 'default', + isDoubleCalendar: false, + dividerVariant: 'dash', + min: new Date(2024, 1, 1), + max: new Date(2024, 12, 29), + maskWithFormat: false, + disabled: false, + readOnly: false, + enableContentLeft: true, + enableContentRight: true, + enableFirstTextfieldContentLeft: false, + enableFirstTextfieldContentRight: false, + enableSecondTextfieldContentLeft: false, + enableSecondTextfieldContentRight: false, + + firstValueError: false, + firstValueSuccess: false, + secondValueError: false, + secondValueSuccess: false, + }, + render: (args) => <StoryRange {...args} />, +}; diff --git a/packages/sdds-serv/src/components/DatePicker/DatePicker.ts b/packages/sdds-serv/src/components/DatePicker/DatePicker.ts new file mode 100644 index 0000000000..2c664ca314 --- /dev/null +++ b/packages/sdds-serv/src/components/DatePicker/DatePicker.ts @@ -0,0 +1,14 @@ +import { + datePickerConfig, + datePickerRangeConfig, + component, + mergeConfig, +} from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './DatePicker.config'; + +const mergedConfig = mergeConfig(datePickerConfig, config); +export const DatePicker = component(mergedConfig); + +const mergedRangeConfig = mergeConfig(datePickerRangeConfig, config); +export const DatePickerRange = component(mergedRangeConfig); diff --git a/packages/sdds-serv/src/components/DatePicker/index.ts b/packages/sdds-serv/src/components/DatePicker/index.ts new file mode 100644 index 0000000000..0675665ef9 --- /dev/null +++ b/packages/sdds-serv/src/components/DatePicker/index.ts @@ -0,0 +1,10 @@ +export type { + DatePickerProps, + DatePickerPlacementBasic, + DatePickerPlacement, + DatePickerRangeProps, + DatePickerRangePlacement, +} from '@salutejs/plasma-new-hope/styled-components'; + +export { DatePicker, DatePickerRange } from './DatePicker'; +export { datePickerClasses, datePickerTokens } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-serv/src/components/Portal/Portal.stories.tsx b/packages/sdds-serv/src/components/Portal/Portal.stories.tsx new file mode 100644 index 0000000000..73b9db5f28 --- /dev/null +++ b/packages/sdds-serv/src/components/Portal/Portal.stories.tsx @@ -0,0 +1,57 @@ +import React, { useState, useRef } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { InSpacingDecorator } from '@salutejs/plasma-sb-utils'; +import type { ComponentProps } from 'react'; +import styled from 'styled-components'; + +import { Button } from '../Button/Button'; +import { BodyM } from '../Typography'; + +import { Portal } from './Portal'; + +const meta: Meta<typeof Portal> = { + title: 'Controls/Portal', + decorators: [InSpacingDecorator], + args: { + disabled: false, + }, +}; + +export default meta; + +type StoryPortalProps = ComponentProps<typeof Portal>; + +const StyledWrapper = styled.div` + padding: 1.25rem; + margin-bottom: 0.625rem; + margin-top: 0.625rem; + + border: 1px solid; +`; + +const StoryDefault = ({ disabled }: StoryPortalProps) => { + const [show, setShow] = useState(false); + const containerRef = useRef<HTMLDivElement>(null); + + return ( + <> + <Button onClick={() => setShow(!show)}>{show ? 'Скрыть' : 'Показать'}</Button> + <StyledWrapper> + <BodyM style={{ marginBottom: '1.25rem' }}>Содержимое портала появится в нижнем блоке.</BodyM> + <BodyM style={{ marginBottom: '1.25rem' }}> + Если портал выключен (disabled), то содержимое появится в данном блоке. + </BodyM> + {show && containerRef.current && ( + <Portal disabled={disabled} container={containerRef.current}> + <BodyM bold>Содержимое портала</BodyM> + </Portal> + )} + </StyledWrapper> + <StyledWrapper ref={containerRef} /> + </> + ); +}; + +export const Default: StoryObj<StoryPortalProps> = { + render: (args) => <StoryDefault {...args} />, +}; diff --git a/packages/sdds-serv/src/components/Portal/Portal.tsx b/packages/sdds-serv/src/components/Portal/Portal.tsx new file mode 100644 index 0000000000..60ea33d97a --- /dev/null +++ b/packages/sdds-serv/src/components/Portal/Portal.tsx @@ -0,0 +1,10 @@ +import { portalConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +const mergedConfig = mergeConfig(portalConfig); +const PortalComponent = component(mergedConfig); + +/* + * Вспомогательный компонент. Используется в Popup, Popover. + * Представляет собой ReactDOM.createPortal() в форме компонента. + */ +export const Portal = PortalComponent; diff --git a/packages/sdds-serv/src/components/Portal/index.ts b/packages/sdds-serv/src/components/Portal/index.ts new file mode 100644 index 0000000000..922be8e235 --- /dev/null +++ b/packages/sdds-serv/src/components/Portal/index.ts @@ -0,0 +1,3 @@ +export { Portal } from './Portal'; + +export type { PortalProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-serv/src/components/Select/Select.config.ts b/packages/sdds-serv/src/components/Select/Select.config.ts deleted file mode 100644 index e95cc5cc11..0000000000 --- a/packages/sdds-serv/src/components/Select/Select.config.ts +++ /dev/null @@ -1,338 +0,0 @@ -import { css, selectTokens } from '@salutejs/plasma-new-hope/styled-components'; - -export const config = { - defaults: { - target: 'button-like', - view: 'default', - size: 'm', - }, - variations: { - target: { - 'textField-like': css` - ${selectTokens.targetColor}: var(--text-primary); - ${selectTokens.targetLabelColor}: var(--text-secondary); - ${selectTokens.targetArrowColor}: var(--text-secondary); - ${selectTokens.targetBackgroundColor}: var(--surface-transparent-primary); - ${selectTokens.targetBackgroundColorHover}: var(--surface-transparent-primary-hover); - ${selectTokens.targetBackgroundColorActive}: var(--surface-transparent-primary-active); - ${selectTokens.targetBackgroundColorOpen}: var(--surface-transparent-secondary); - `, - 'button-like': css` - ${selectTokens.targetColor}: var(--text-primary); - ${selectTokens.targetLabelColor}: var(--text-primary); - ${selectTokens.targetArrowColor}: var(--text-secondary); - ${selectTokens.targetBackgroundColor}: var(--surface-transparent-secondary); - ${selectTokens.targetBackgroundColorHover}: var(--surface-transparent-secondary-hover); - ${selectTokens.targetBackgroundColorActive}: var(--surface-transparent-secondary-active); - ${selectTokens.targetBackgroundColorOpen}: var(--surface-transparent-secondary); - ${selectTokens.targetFontWeight}: 600 !important; /* TODO: Переделать когда появится возможность пересечения свойств */ - `, - }, - size: { - xs: css` - ${selectTokens.width}: 100%; - ${selectTokens.height}: auto; - ${selectTokens.borderRadius}: 0.5rem; - ${selectTokens.paddingTop}: 0.125rem; - ${selectTokens.paddingRight}: 0.125rem; - ${selectTokens.paddingBottom}: 0.125rem; - ${selectTokens.paddingLeft}: 0.125rem; - - ${selectTokens.dividerColor}: var(--surface-transparent-tertiary); - ${selectTokens.dividerHeight}: 0.063rem; - ${selectTokens.dividerMarginTop}: 0; - ${selectTokens.dividerMarginRight}: 0.5rem; - ${selectTokens.dividerMarginBottom}: 0; - ${selectTokens.dividerMarginLeft}: 0.375rem; - - ${selectTokens.itemWidth}: auto; - ${selectTokens.itemHeight}: 1rem; - ${selectTokens.itemPaddingTop}: 0.5rem; - ${selectTokens.itemPaddingRight}: 0.5rem; - ${selectTokens.itemPaddingBottom}: 0.5rem; - ${selectTokens.itemPaddingLeft}: 0.375rem; - ${selectTokens.itemBorderRadius}: 0.375rem; - ${selectTokens.itemContentLeftWidth}: 1.25rem; - ${selectTokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family); - ${selectTokens.itemFontSize}: var(--plasma-typo-body-xs-font-size); - ${selectTokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style); - ${selectTokens.itemFontWeightBold}: var(--plasma-typo-body-xs-font-weight); - ${selectTokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); - ${selectTokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height); - - ${selectTokens.chipGap}: 0.25rem; - ${selectTokens.chipBorderRadius}: 0.125rem; - ${selectTokens.chipWidth}: auto; - ${selectTokens.chipHeight}: 1.25rem; - ${selectTokens.chipPaddingRight}: 0.375rem; - ${selectTokens.chipPaddingLeft}: 0.625rem; - ${selectTokens.chipClearContentMarginLeft}: 0.25rem; - ${selectTokens.chipClearContentMarginRight}: 0rem; - ${selectTokens.chipCloseIconSize}: 0.75rem; - ${selectTokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family); - ${selectTokens.chipFontSize}: var(--plasma-typo-body-xs-font-size); - ${selectTokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style); - ${selectTokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight); - ${selectTokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); - ${selectTokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height); - - ${selectTokens.targetArrowRight}: 0.5rem; - ${selectTokens.targetHeight}: 2rem; - ${selectTokens.targetWidth}: 100%; - ${selectTokens.targetRadius}: 0.5rem; - ${selectTokens.targetPadding}: 0 2.5rem 0 0.75rem; - ${selectTokens.targetPaddingHasChips}: 0 2.625rem 0 0.375rem; - ${selectTokens.targetPaddingWithInput}: 0 2.625rem 0 0.625rem; - ${selectTokens.targetInnerTop}: 0.5rem; - ${selectTokens.targetLabelInnerTop}: 0.375rem; - ${selectTokens.targetFontFamily}: var(--plasma-typo-body-xs-font-family); - ${selectTokens.targetFontSize}: var(--plasma-typo-body-xs-font-size); - ${selectTokens.targetFontStyle}: var(--plasma-typo-body-xs-font-style); - ${selectTokens.targetFontWeight}: var(--plasma-typo-body-xs-font-weight); - ${selectTokens.targetLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); - ${selectTokens.targetLineHeight}: var(--plasma-typo-body-xs-line-height); - ${selectTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family); - ${selectTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size); - ${selectTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style); - ${selectTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight); - ${selectTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); - ${selectTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height); - `, - s: css` - ${selectTokens.width}: 100%; - ${selectTokens.height}: auto; - ${selectTokens.borderRadius}: 0.625rem; - ${selectTokens.paddingTop}: 0.125rem; - ${selectTokens.paddingRight}: 0.125rem; - ${selectTokens.paddingBottom}: 0.125rem; - ${selectTokens.paddingLeft}: 0.125rem; - - ${selectTokens.dividerColor}: var(--surface-transparent-tertiary); - ${selectTokens.dividerHeight}: 0.063rem; - ${selectTokens.dividerMarginTop}: 0; - ${selectTokens.dividerMarginRight}: 0.75rem; - ${selectTokens.dividerMarginBottom}: 0; - ${selectTokens.dividerMarginLeft}: 0.75rem; - - ${selectTokens.itemWidth}: auto; - ${selectTokens.itemHeight}: 1.5rem; - ${selectTokens.itemPaddingTop}: 0.5rem; - ${selectTokens.itemPaddingRight}: 0.75rem; - ${selectTokens.itemPaddingBottom}: 0.5rem; - ${selectTokens.itemPaddingLeft}: 0.75rem; - ${selectTokens.itemBorderRadius}: 0.5rem; - ${selectTokens.itemContentLeftWidth}: 1.75rem; - ${selectTokens.itemFontFamily}: var(--plasma-typo-body-s-font-family); - ${selectTokens.itemFontSize}: var(--plasma-typo-body-s-font-size); - ${selectTokens.itemFontStyle}: var(--plasma-typo-body-s-font-style); - ${selectTokens.itemFontWeightBold}: var(--plasma-typo-body-s-font-weight); - ${selectTokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); - ${selectTokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height); - - ${selectTokens.chipGap}: 0.25rem; - ${selectTokens.chipBorderRadius}: 0.25rem; - ${selectTokens.chipWidth}: auto; - ${selectTokens.chipHeight}: 1.75rem; - ${selectTokens.chipPaddingRight}: 0.5rem; - ${selectTokens.chipPaddingLeft}: 0.75rem; - ${selectTokens.chipClearContentMarginLeft}: 0.375rem; - ${selectTokens.chipClearContentMarginRight}: 0rem; - ${selectTokens.chipCloseIconSize}: 0.75rem; - ${selectTokens.chipFontFamily}: var(--plasma-typo-body-s-font-family); - ${selectTokens.chipFontSize}: var(--plasma-typo-body-s-font-size); - ${selectTokens.chipFontStyle}: var(--plasma-typo-body-s-font-style); - ${selectTokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight); - ${selectTokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); - ${selectTokens.chipLineHeight}: var(--plasma-typo-body-s-line-height); - - ${selectTokens.targetArrowRight}: 0.75rem; - ${selectTokens.targetHeight}: 2.5rem; - ${selectTokens.targetWidth}: 100%; - ${selectTokens.targetRadius}: 0.625rem; - ${selectTokens.targetPadding}: 0 3rem 0 1rem; - ${selectTokens.targetPaddingHasChips}: 0 3.125rem 0 0.375rem; - ${selectTokens.targetPaddingWithInput}: 0 3.125rem 0 0.625rem; - ${selectTokens.targetInnerTop}: 0.5rem; - ${selectTokens.targetLabelInnerTop}: 0.375rem; - ${selectTokens.targetFontFamily}: var(--plasma-typo-body-s-font-family); - ${selectTokens.targetFontSize}: var(--plasma-typo-body-s-font-size); - ${selectTokens.targetFontStyle}: var(--plasma-typo-body-s-font-style); - ${selectTokens.targetFontWeight}: var(--plasma-typo-body-s-font-weight); - ${selectTokens.targetLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); - ${selectTokens.targetLineHeight}: var(--plasma-typo-body-s-line-height); - ${selectTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-xxs-font-family); - ${selectTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-xxs-font-size); - ${selectTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-xxs-font-style); - ${selectTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-xxs-font-weight); - ${selectTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing); - ${selectTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-xxs-line-height); - `, - m: css` - ${selectTokens.width}: 100%; - ${selectTokens.height}: auto; - ${selectTokens.borderRadius}: 0.75rem; - ${selectTokens.paddingTop}: 0.125rem; - ${selectTokens.paddingRight}: 0.125rem; - ${selectTokens.paddingBottom}: 0.125rem; - ${selectTokens.paddingLeft}: 0.125rem; - - ${selectTokens.dividerColor}: var(--surface-transparent-tertiary); - ${selectTokens.dividerHeight}: 0.063rem; - ${selectTokens.dividerMarginTop}: 0; - ${selectTokens.dividerMarginRight}: 0.875rem; - ${selectTokens.dividerMarginBottom}: 0; - ${selectTokens.dividerMarginLeft}: 0.875rem; - - ${selectTokens.itemWidth}: auto; - ${selectTokens.itemHeight}: 1.5rem; - ${selectTokens.itemPaddingTop}: 0.75rem; - ${selectTokens.itemPaddingRight}: 0.875rem; - ${selectTokens.itemPaddingBottom}: 0.75rem; - ${selectTokens.itemPaddingLeft}: 0.875rem; - ${selectTokens.itemBorderRadius}: 0.625rem; - ${selectTokens.itemContentLeftWidth}: 1.75rem; - ${selectTokens.itemFontFamily}: var(--plasma-typo-body-m-font-family); - ${selectTokens.itemFontSize}: var(--plasma-typo-body-m-font-size); - ${selectTokens.itemFontStyle}: var(--plasma-typo-body-m-font-style); - ${selectTokens.itemFontWeightBold}: var(--plasma-typo-body-m-font-weight); - ${selectTokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); - ${selectTokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height); - - ${selectTokens.chipGap}: 0.25rem; - ${selectTokens.chipBorderRadius}: 0.375rem; - ${selectTokens.chipWidth}: auto; - ${selectTokens.chipHeight}: 2.25rem; - ${selectTokens.chipPaddingRight}: 0.875rem; - ${selectTokens.chipPaddingLeft}: 0.625rem; - ${selectTokens.chipClearContentMarginLeft}: 0.5rem; - ${selectTokens.chipClearContentMarginRight}: 0rem; - ${selectTokens.chipCloseIconSize}: 1rem; - ${selectTokens.chipFontFamily}: var(--plasma-typo-body-m-font-family); - ${selectTokens.chipFontSize}: var(--plasma-typo-body-m-font-size); - ${selectTokens.chipFontStyle}: var(--plasma-typo-body-m-font-style); - ${selectTokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight); - ${selectTokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); - ${selectTokens.chipLineHeight}: var(--plasma-typo-body-m-line-height); - - ${selectTokens.targetArrowRight}: 0.875rem; - ${selectTokens.targetHeight}: 3rem; - ${selectTokens.targetWidth}: 100%; - ${selectTokens.targetRadius}: 0.75rem; - ${selectTokens.targetPadding}: 0 3.25rem 0 1.25rem; - ${selectTokens.targetPaddingHasChips}: 0 3.375rem 0 0.375rem; - ${selectTokens.targetPaddingWithInput}: 0 3.375rem 0 0.625rem; - ${selectTokens.targetInnerTop}: 0.5rem; - ${selectTokens.targetLabelInnerTop}: 0.375rem; - ${selectTokens.targetFontFamily}: var(--plasma-typo-body-m-font-family); - ${selectTokens.targetFontSize}: var(--plasma-typo-body-m-font-size); - ${selectTokens.targetFontStyle}: var(--plasma-typo-body-m-font-style); - ${selectTokens.targetFontWeight}: var(--plasma-typo-body-m-font-weight); - ${selectTokens.targetLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); - ${selectTokens.targetLineHeight}: var(--plasma-typo-body-m-line-height); - ${selectTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family); - ${selectTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size); - ${selectTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style); - ${selectTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight); - ${selectTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); - ${selectTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height); - `, - l: css` - ${selectTokens.width}: 100%; - ${selectTokens.height}: auto; - ${selectTokens.borderRadius}: 0.875rem; - ${selectTokens.paddingTop}: 0.125rem; - ${selectTokens.paddingRight}: 0.125rem; - ${selectTokens.paddingBottom}: 0.125rem; - ${selectTokens.paddingLeft}: 0.125rem; - - ${selectTokens.dividerColor}: var(--surface-transparent-tertiary); - ${selectTokens.dividerHeight}: 0.063rem; - ${selectTokens.dividerMarginTop}: 0; - ${selectTokens.dividerMarginRight}: 1rem; - ${selectTokens.dividerMarginBottom}: 0; - ${selectTokens.dividerMarginLeft}: 1rem; - - ${selectTokens.itemWidth}: auto; - ${selectTokens.itemHeight}: 1.5rem; - ${selectTokens.itemPaddingTop}: 1rem; - ${selectTokens.itemPaddingRight}: 1rem; - ${selectTokens.itemPaddingBottom}: 1rem; - ${selectTokens.itemPaddingLeft}: 1rem; - ${selectTokens.itemBorderRadius}: 0.75rem; - ${selectTokens.itemContentLeftWidth}: 1.875rem; - ${selectTokens.itemFontFamily}: var(--plasma-typo-body-l-font-family); - ${selectTokens.itemFontSize}: var(--plasma-typo-body-l-font-size); - ${selectTokens.itemFontStyle}: var(--plasma-typo-body-l-font-style); - ${selectTokens.itemFontWeightBold}: var(--plasma-typo-body-l-font-weight); - ${selectTokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); - ${selectTokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height); - - ${selectTokens.chipGap}: 0.25rem; - ${selectTokens.chipBorderRadius}: 0.5rem; - ${selectTokens.chipWidth}: auto; - ${selectTokens.chipHeight}: 2.75rem; - ${selectTokens.chipPaddingRight}: 0.75rem; - ${selectTokens.chipPaddingLeft}: 1rem; - ${selectTokens.chipClearContentMarginLeft}: 0.625rem; - ${selectTokens.chipClearContentMarginRight}: 0rem; - ${selectTokens.chipCloseIconSize}: 1rem; - ${selectTokens.chipFontFamily}: var(--plasma-typo-body-m-font-family); - ${selectTokens.chipFontSize}: var(--plasma-typo-body-m-font-size); - ${selectTokens.chipFontStyle}: var(--plasma-typo-body-m-font-style); - ${selectTokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight); - ${selectTokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); - ${selectTokens.chipLineHeight}: var(--plasma-typo-body-m-line-height); - - ${selectTokens.targetArrowRight}: 1rem; - ${selectTokens.targetHeight}: 3.5rem; - ${selectTokens.targetWidth}: 100%; - ${selectTokens.targetRadius}: 0.875rem; - ${selectTokens.targetPadding}: 0 3.5rem 0 1.5rem; - ${selectTokens.targetPaddingHasChips}: 0 3.625rem 0 0.375rem; - ${selectTokens.targetPaddingWithInput}: 0 3.625rem 0 0.625rem; - ${selectTokens.targetInnerTop}: 0.5rem; - ${selectTokens.targetLabelInnerTop}: 0.375rem; - ${selectTokens.targetFontFamily}: var(--plasma-typo-body-l-font-family); - ${selectTokens.targetFontSize}: var(--plasma-typo-body-l-font-size); - ${selectTokens.targetFontStyle}: var(--plasma-typo-body-l-font-style); - ${selectTokens.targetFontWeight}: var(--plasma-typo-body-l-font-weight); - ${selectTokens.targetLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); - ${selectTokens.targetLineHeight}: var(--plasma-typo-body-l-line-height); - ${selectTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-s-font-family); - ${selectTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-s-font-size); - ${selectTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-s-font-style); - ${selectTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-s-font-weight); - ${selectTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); - ${selectTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-s-line-height); - `, - }, - view: { - default: css` - ${selectTokens.background}: var(--surface-solid-card); - ${selectTokens.boxShadow}: var(--shadow-down-soft-s); - - ${selectTokens.itemBackground}: var(--plasma-colors-transparent); - ${selectTokens.itemBackgroundHover}: var(--surface-transparent-secondary); - ${selectTokens.itemBackgroundSelectedHover}: var(--surface-transparent-secondary); - ${selectTokens.itemColor}: var(--text-primary); - ${selectTokens.itemContentLeftColor}: var(--text-accent); - - ${selectTokens.chipCloseIconColor}: var(--text-secondary); - ${selectTokens.chipColor}: var(--text-primary); - ${selectTokens.chipBackground}: var(--surface-transparent-secondary); - ${selectTokens.chipColorHover}: var(--text-primary); - ${selectTokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover); - ${selectTokens.chipColorActive}: var(--text-primary); - ${selectTokens.chipBackgroundActive}: var(--surface-transparent-secondary-active); - ${selectTokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary); - ${selectTokens.chipColorReadOnly}: var(--text-primary); - ${selectTokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary); - ${selectTokens.chipColorReadOnlyHover}: var(--text-primary); - ${selectTokens.chipOpacityReadonly}: 0.72; - - ${selectTokens.disabledOpacity}: 0.4; - ${selectTokens.focusColor}: var(--surface-accent); - `, - }, - }, -}; diff --git a/packages/sdds-serv/src/components/Select/Select.stories.tsx b/packages/sdds-serv/src/components/Select/Select.stories.tsx deleted file mode 100644 index 740b8ab850..0000000000 --- a/packages/sdds-serv/src/components/Select/Select.stories.tsx +++ /dev/null @@ -1,287 +0,0 @@ -import React, { useState } from 'react'; -import type { ComponentProps } from 'react'; -import type { Meta, StoryObj } from '@storybook/react'; -import { action } from '@storybook/addon-actions'; -import { IconDone, IconClose } from '@salutejs/plasma-icons'; -import { SelectPrimitiveValue } from '@salutejs/plasma-new-hope/styled-components'; - -import { Checkbox } from '../Checkbox'; -import { Button } from '../Button'; -import { InSpacingDecorator } from '../../helpers'; - -import { Select, SelectDivider, SelectItem } from './Select'; - -const placements: Array<string> = ['top', 'bottom', 'right', 'left', 'auto']; -const enumerations: Array<string> = ['comma', 'chip']; -const target: Array<string> = ['button-like', 'textField-like']; -const size: Array<string> = ['xs', 's', 'm', 'l']; - -type StorySelectPropsCustom = { - skidding?: number; - distance?: number; -}; - -type StorySelectProps = ComponentProps<typeof Select> & StorySelectPropsCustom; - -const meta: Meta<StorySelectProps> = { - title: 'Controls/Select', - decorators: [InSpacingDecorator], - component: Select, - argTypes: { - placement: { - options: placements, - control: { - type: 'select', - }, - }, - enumerationType: { - options: enumerations, - control: { - type: 'select', - }, - }, - target: { - options: target, - control: { - type: 'select', - }, - }, - size: { - options: size, - control: { - type: 'select', - }, - }, - }, - args: { - usePortal: false, - disabled: false, - readOnly: false, - label: 'Label', - target: 'button-like', - enumerationType: 'comma', - size: 'm', - view: 'default', - placement: 'bottom', - }, -}; - -export default meta; - -const onChangeAction = action('onChange'); - -const iconDoneToSelectSizeMap: Record<string, 'xs' | 's'> = { - xs: 'xs', - s: 's', - m: 's', - l: 's', -}; - -const checkboxToSelectSizeMap: Record<string, 's' | 'm'> = { - xs: 's', - s: 'm', - m: 'm', - l: 'm', -}; - -const getSelectItems = (slug: string, elemCount: number) => - [...Array(elemCount).keys()].map((num) => ({ - value: `${slug}_${num}`, - child: `${slug} ${num}`, - })); - -const StorySingle = (args: StorySelectProps) => { - const { usePortal, placement, label, readOnly, disabled, size = 'm', view, target } = args; - - const [value, setValue] = useState<SelectPrimitiveValue | undefined>('item_0'); - - const onChangeValue = (newValue?: SelectPrimitiveValue) => { - setValue(newValue); - onChangeAction(newValue); - }; - - return ( - <div style={{ width: '50%' }} id="portal-test"> - <Select - frame="theme-root" - usePortal={usePortal} - valueType="single" - value={value} - placement={placement} - label={label} - size={size} - view={view} - target={target} - disabled={disabled} - readOnly={readOnly} - onChangeValue={onChangeValue} - > - <SelectItem value={undefined} text="Clear" /> - {getSelectItems('item', 6).map((item) => ( - <SelectItem - key={item.value} - contentLeft={ - item.value === value ? ( - <IconDone size={iconDoneToSelectSizeMap[size]} color="inherit" /> - ) : undefined - } - value={item.value} - text={item.child} - /> - ))} - </Select> - </div> - ); -}; - -export const Single: StoryObj<StorySelectProps> = { - render: (args) => <StorySingle {...args} />, -}; - -const StoryMultiple = (args: StorySelectProps) => { - const { usePortal, placement, label, readOnly, disabled, enumerationType, size = 'm', view, target } = args; - - const [value, setValue] = useState<Array<SelectPrimitiveValue> | undefined>(['item_2', 'item_3']); - - const onChangeValue = (newValue?: Array<SelectPrimitiveValue>) => { - setValue(newValue); - onChangeAction(newValue); - }; - - return ( - <div style={{ width: '50%' }}> - <Select - frame="theme-root" - usePortal={usePortal} - valueType="multiple" - value={value} - placement={placement} - label={label} - size={size} - view={view} - target={target} - enumerationType={enumerationType} - disabled={disabled} - readOnly={readOnly} - onChangeValue={onChangeValue} - > - {getSelectItems('item', 6).map((item) => ( - <SelectItem - key={item.value} - contentLeft={<Checkbox size={checkboxToSelectSizeMap[size]} />} - value={item.value} - text={item.child} - /> - ))} - </Select> - </div> - ); -}; - -export const Multiple: StoryObj<StorySelectProps> = { - render: (args) => <StoryMultiple {...args} />, -}; - -const StoryNative = (args: StorySelectProps) => { - const { usePortal, placement, label, readOnly, disabled, size = 'm', view, target } = args; - - const [value, setValue] = useState<SelectPrimitiveValue | undefined>('item_0'); - - const onChangeValue = (newValue?: SelectPrimitiveValue) => { - setValue(newValue); - onChangeAction(newValue); - }; - - return ( - <div style={{ width: '50%' }}> - <Select - frame="theme-root" - usePortal={usePortal} - valueType="native" - value={value} - placement={placement} - label={label} - size={size} - view={view} - target={target} - disabled={disabled} - readOnly={readOnly} - onChangeValue={onChangeValue} - > - {getSelectItems('item', 6).map((item) => ( - <option key={item.value} value={item.value}> - {item.child} - </option> - ))} - </Select> - </div> - ); -}; - -export const Native: StoryObj<StorySelectProps> = { - render: (args) => <StoryNative {...args} />, -}; - -const StoryControlledOpen = (args: StorySelectProps) => { - const { usePortal, placement, label, readOnly, disabled, size = 'm', view, target } = args; - - const [opened, setOpened] = useState(true); - const [iconColor, setIconColor] = useState('green'); - const [value, setV] = useState<string | number | boolean | undefined>('item_0'); - - const onChangeValue = (newValue?: SelectPrimitiveValue) => { - setV(newValue); - onChangeAction(newValue); - }; - const onToggle = (openValue: boolean) => setOpened(openValue); - const onOpen = () => setOpened((v) => !v); - const onMouseEnter = () => setIconColor('red'); - const onMouseLeave = () => setIconColor('green'); - - return ( - <> - <Button onClick={onOpen}>Open select</Button> - <div style={{ width: '50%' }}> - <Select - frame="theme-root" - usePortal={usePortal} - value={value} - opened={opened} - onToggle={onToggle} - placement={placement} - label={label} - size={size} - view={view} - target={target} - disabled={disabled} - readOnly={readOnly} - onChangeValue={onChangeValue} - > - {getSelectItems('item', 6).map((item) => ( - <SelectItem - key={item.value} - contentLeft={ - item.value === value ? ( - <IconDone size={iconDoneToSelectSizeMap[size]} color="inherit" /> - ) : undefined - } - value={item.value} - text={item.child} - /> - ))} - <SelectDivider /> - <SelectItem value="custom"> - <div onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}> - <IconClose color={iconColor} /> - </div> - <div>Custom item element</div> - </SelectItem> - </Select> - </div> - </> - ); -}; - -export const ControlledOpen: StoryObj<StorySelectProps> = { - render: (args) => <StoryControlledOpen {...args} />, -}; diff --git a/packages/sdds-serv/src/components/Select/Select.ts b/packages/sdds-serv/src/components/Select/Select.ts deleted file mode 100644 index 56aa7d5841..0000000000 --- a/packages/sdds-serv/src/components/Select/Select.ts +++ /dev/null @@ -1,23 +0,0 @@ -import { - selectConfig, - component, - mergeConfig, - selectDividerConfig, - selectItemConfig, -} from '@salutejs/plasma-new-hope/styled-components'; -import type { ForwardRefExoticComponent, RefAttributes } from 'react'; - -import { config } from './Select.config'; - -import type { SelectProps } from '.'; - -const mergedConfig = mergeConfig(selectConfig, config); -export const Select = component(mergedConfig) as ForwardRefExoticComponent< - SelectProps & RefAttributes<HTMLSelectElement> ->; - -const mergedItemConfig = mergeConfig(selectItemConfig); -export const SelectItem = component(mergedItemConfig); - -const mergedDividerConfig = mergeConfig(selectDividerConfig); -export const SelectDivider = component(mergedDividerConfig); diff --git a/packages/sdds-serv/src/components/Select/index.ts b/packages/sdds-serv/src/components/Select/index.ts deleted file mode 100644 index 4b4d13af7a..0000000000 --- a/packages/sdds-serv/src/components/Select/index.ts +++ /dev/null @@ -1,2 +0,0 @@ -export { Select, SelectDivider, SelectItem } from './Select'; -export type { SelectProps, SelectPrimitiveValue } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/sdds-serv/src/components/Sheet/Sheet.stories.tsx b/packages/sdds-serv/src/components/Sheet/Sheet.stories.tsx index 397f8c0c40..7ed7f92fca 100644 --- a/packages/sdds-serv/src/components/Sheet/Sheet.stories.tsx +++ b/packages/sdds-serv/src/components/Sheet/Sheet.stories.tsx @@ -222,7 +222,7 @@ const StoryWithInsideScroll = ({ <div style={{ height: '150px', - overflow: 'scroll', + overflowY: 'scroll', display: 'flex', flexDirection: 'column', gap: '1rem', @@ -296,7 +296,7 @@ const StoryWithDoubleScroll = ({ <div style={{ height: '150px', - overflow: 'scroll', + overflowY: 'scroll', display: 'flex', flexDirection: 'column', gap: '1rem', diff --git a/packages/sdds-serv/src/components/TextField/TextField.config.ts b/packages/sdds-serv/src/components/TextField/TextField.config.ts index e199d625a4..e4c6319a94 100644 --- a/packages/sdds-serv/src/components/TextField/TextField.config.ts +++ b/packages/sdds-serv/src/components/TextField/TextField.config.ts @@ -1,9 +1,4 @@ -import { - css, - textFieldTokens as tokens, - textField_labelPlacement_inner as labelPlacement_inner, - textField_labelPlacement_outer as labelPlacement_outer, -} from '@salutejs/plasma-new-hope/styled-components'; +import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope/styled-components'; export const config = { defaults: { @@ -19,6 +14,8 @@ export const config = { ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary); ${tokens.caretColor}: var(--text-accent); ${tokens.placeholderColor}: var(--text-secondary); + ${tokens.textBeforeColor}: var(--text-tertiary); + ${tokens.textAfterColor}: var(--text-tertiary); ${tokens.labelColor}: var(--text-primary); ${tokens.leftHelperColor}: var(--text-secondary); @@ -37,13 +34,14 @@ export const config = { ${tokens.focusColor}: var(--text-accent); `, - // TODO заменить --surface-transparent-positive на корректный токен positive: css` ${tokens.color}: var(--plasma-colors-primary); ${tokens.backgroundColor}: var(--surface-transparent-positive); ${tokens.backgroundColorFocus}: var(--surface-transparent-positive-active); ${tokens.caretColor}: var(--text-accent); ${tokens.placeholderColor}: var(--text-secondary); + ${tokens.textBeforeColor}: var(--text-tertiary); + ${tokens.textAfterColor}: var(--text-tertiary); ${tokens.labelColor}: var(--text-primary); ${tokens.leftHelperColor}: var(--text-positive); @@ -62,13 +60,14 @@ export const config = { ${tokens.focusColor}: var(--text-accent); `, - // // TODO заменить --surface-transparent-warning на корректный токен warning: css` ${tokens.color}: var(--plasma-colors-primary); ${tokens.backgroundColor}: var(--surface-transparent-warning); ${tokens.backgroundColorFocus}: var(--surface-transparent-warning-active); ${tokens.caretColor}: var(--text-accent); ${tokens.placeholderColor}: var(--text-secondary); + ${tokens.textBeforeColor}: var(--text-tertiary); + ${tokens.textAfterColor}: var(--text-tertiary); ${tokens.labelColor}: var(--text-primary); ${tokens.leftHelperColor}: var(--text-warning); @@ -87,13 +86,14 @@ export const config = { ${tokens.focusColor}: var(--text-accent); `, - // // TODO заменить --surface-transparent-negative на корректный токен negative: css` ${tokens.color}: var(--plasma-colors-primary); ${tokens.backgroundColor}: var(--surface-transparent-negative); ${tokens.backgroundColorFocus}: var(--surface-transparent-negative-active); ${tokens.caretColor}: var(--text-accent); ${tokens.placeholderColor}: var(--text-secondary); + ${tokens.textBeforeColor}: var(--text-tertiary); + ${tokens.textAfterColor}: var(--text-tertiary); ${tokens.labelColor}: var(--text-primary); ${tokens.leftHelperColor}: var(--text-negative); @@ -123,6 +123,9 @@ export const config = { ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem; ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem; + ${tokens.textBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textAfterMargin}: 0 0 0 0.25rem; + ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family); ${tokens.fontSize}: var(--plasma-typo-body-l-font-size); ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style); @@ -174,6 +177,9 @@ export const config = { ${tokens.leftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem; ${tokens.rightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem; + ${tokens.textBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textAfterMargin}: 0 0 0 0.25rem; + ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family); ${tokens.fontSize}: var(--plasma-typo-body-m-font-size); ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style); @@ -225,6 +231,9 @@ export const config = { ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem; ${tokens.rightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem; + ${tokens.textBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textAfterMargin}: 0 0 0 0.25rem; + ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family); ${tokens.fontSize}: var(--plasma-typo-body-s-font-size); ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style); @@ -276,6 +285,9 @@ export const config = { ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem; ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem; + ${tokens.textBeforeMargin}: 0 0.25rem 0 0; + ${tokens.textAfterMargin}: 0 0 0 0.25rem; + ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family); ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size); ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style); @@ -320,34 +332,22 @@ export const config = { `, }, labelPlacement: { - inner: [ - labelPlacement_inner, - css` - &.${labelPlacement_inner} { - ${tokens.placeholderColor}: var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary))); - ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family); - ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size); - ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style); - ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight); - ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); - ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height); - } - `, - ], - outer: [ - labelPlacement_outer, - css` - &.${labelPlacement_outer} { - } - `, - ], + inner: css` + ${tokens.placeholderColor}: var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary))); + ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family); + ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size); + ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style); + ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + outer: css``, }, disabled: { true: css` ${tokens.disabledOpacity}: 0.4; `, }, - // TODO заменить --surface-transparent-primary на корректный токен readOnly: { true: css` ${tokens.colorReadOnly}: var(--text-secondary); diff --git a/packages/sdds-serv/src/index.ts b/packages/sdds-serv/src/index.ts index 8702d71fe5..1ce481f4e8 100644 --- a/packages/sdds-serv/src/index.ts +++ b/packages/sdds-serv/src/index.ts @@ -11,6 +11,7 @@ export * from './components/Chip'; export * from './components/Cell'; export * from './components/Combobox'; export * from './components/Counter'; +export * from './components/DatePicker'; export * from './components/Dropdown'; export * from './components/IconButton'; export * from './components/Image'; @@ -20,6 +21,7 @@ export * from './components/Modal'; export * from './components/Overlay'; export * from './components/Popover'; export * from './components/Popup'; +export * from './components/Portal'; export * from './components/Progress'; export * from './components/Pagination'; export * from './components/Range'; @@ -37,7 +39,6 @@ export * from './components/Toast'; export * from './components/Toolbar'; export * from './components/Tooltip'; export * from './components/Typography'; -export * from './components/Select'; export * from './mixins'; export * from './tokens'; diff --git a/packages/themes/caldera-online-themes/lib/index.ts b/packages/themes/caldera-online-themes/lib/index.ts index 7c83cf0c1a..8a37186e35 100644 --- a/packages/themes/caldera-online-themes/lib/index.ts +++ b/packages/themes/caldera-online-themes/lib/index.ts @@ -1,3 +1,8 @@ -import { generate } from '@salutejs/data-themes'; +import { generate } from '@salutejs/core-themes'; -generate(['caldera_online'], 'mage'); +generate([ + { + name: 'caldera_online', + version: 'latest', + }, +]); diff --git a/packages/themes/caldera-online-themes/package-lock.json b/packages/themes/caldera-online-themes/package-lock.json index 1b4b631929..d58430c927 100644 --- a/packages/themes/caldera-online-themes/package-lock.json +++ b/packages/themes/caldera-online-themes/package-lock.json @@ -1,201 +1,20 @@ { "name": "@salutejs/caldera-online-themes", - "version": "0.12.0", + "version": "0.13.0-dev.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@salutejs/caldera-online-themes", - "version": "0.12.0", + "version": "0.13.0-dev.0", "license": "MIT", - "dependencies": { - "@salutejs/plasma-typo": "0.40.0", - "styled-components": "5.3.1" - }, "devDependencies": { - "@salutejs/data-themes": "0.11.0", + "@salutejs/core-themes": "0.12.0-dev.0", "@types/node": "16.7.13", "ts-node": "10.2.1", "typescript": "4.2.4" } }, - "node_modules/@babel/code-frame": { - "version": "7.24.2", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.2.tgz", - "integrity": "sha512-y5+tLQyV8pg3fsiln67BVLD1P13Eg4lh5RW9mF0zUuvLrv9uIQ4MCL+CRT+FTsBlBjcIan6PGsLcBN0m3ClUyQ==", - "dependencies": { - "@babel/highlight": "^7.24.2", - "picocolors": "^1.0.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/generator": { - "version": "7.24.4", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.4.tgz", - "integrity": "sha512-Xd6+v6SnjWVx/nus+y0l1sxMOTOMBkyL4+BIdbALyatQnAe/SRVjANeDPSCYaX+i1iJmuGSKf3Z+E+V/va1Hvw==", - "dependencies": { - "@babel/types": "^7.24.0", - "@jridgewell/gen-mapping": "^0.3.5", - "@jridgewell/trace-mapping": "^0.3.25", - "jsesc": "^2.5.1" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-annotate-as-pure": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz", - "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==", - "dependencies": { - "@babel/types": "^7.22.5" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-environment-visitor": { - "version": "7.22.20", - "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz", - "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==", - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-function-name": { - "version": "7.23.0", - "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz", - "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==", - "dependencies": { - "@babel/template": "^7.22.15", - "@babel/types": "^7.23.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-hoist-variables": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz", - "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==", - "dependencies": { - "@babel/types": "^7.22.5" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-module-imports": { - "version": "7.24.3", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.24.3.tgz", - "integrity": "sha512-viKb0F9f2s0BCS22QSF308z/+1YWKV/76mwt61NBzS5izMzDPwdq1pTrzf+Li3npBWX9KdQbkeCt1jSAM7lZqg==", - "dependencies": { - "@babel/types": "^7.24.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-split-export-declaration": { - "version": "7.22.6", - "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz", - "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==", - "dependencies": { - "@babel/types": "^7.22.5" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-string-parser": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz", - "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==", - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-validator-identifier": { - "version": "7.22.20", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz", - "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==", - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/highlight": { - "version": "7.24.2", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.2.tgz", - "integrity": "sha512-Yac1ao4flkTxTteCDZLEvdxg2fZfz1v8M4QpaGypq/WPDqg3ijHYbDfs+LG5hvzSoqaSZ9/Z9lKSP3CjZjv+pA==", - "dependencies": { - "@babel/helper-validator-identifier": "^7.22.20", - "chalk": "^2.4.2", - "js-tokens": "^4.0.0", - "picocolors": "^1.0.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/parser": { - "version": "7.24.4", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.4.tgz", - "integrity": "sha512-zTvEBcghmeBma9QIGunWevvBAp4/Qu9Bdq+2k0Ot4fVMD6v3dsC9WOcRSKk7tRRyBM/53yKMJko9xOatGQAwSg==", - "bin": { - "parser": "bin/babel-parser.js" - }, - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@babel/template": { - "version": "7.24.0", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.24.0.tgz", - "integrity": "sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==", - "dependencies": { - "@babel/code-frame": "^7.23.5", - "@babel/parser": "^7.24.0", - "@babel/types": "^7.24.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/traverse": { - "version": "7.24.1", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.1.tgz", - "integrity": "sha512-xuU6o9m68KeqZbQuDt2TcKSxUw/mrsvavlEqQ1leZ/B+C9tk6E4sRWy97WaXgvq5E+nU3cXMxv3WKOCanVMCmQ==", - "dependencies": { - "@babel/code-frame": "^7.24.1", - "@babel/generator": "^7.24.1", - "@babel/helper-environment-visitor": "^7.22.20", - "@babel/helper-function-name": "^7.23.0", - "@babel/helper-hoist-variables": "^7.22.5", - "@babel/helper-split-export-declaration": "^7.22.6", - "@babel/parser": "^7.24.1", - "@babel/types": "^7.24.0", - "debug": "^4.3.1", - "globals": "^11.1.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/types": { - "version": "7.24.0", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.0.tgz", - "integrity": "sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==", - "dependencies": { - "@babel/helper-string-parser": "^7.23.4", - "@babel/helper-validator-identifier": "^7.22.20", - "to-fast-properties": "^2.0.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, "node_modules/@cspotcode/source-map-consumer": { "version": "0.8.0", "resolved": "https://registry.npmjs.org/@cspotcode/source-map-consumer/-/source-map-consumer-0.8.0.tgz", @@ -217,88 +36,12 @@ "node": ">=12" } }, - "node_modules/@emotion/is-prop-valid": { - "version": "0.8.8", - "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", - "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==", - "dependencies": { - "@emotion/memoize": "0.7.4" - } - }, - "node_modules/@emotion/memoize": { - "version": "0.7.4", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", - "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==" - }, - "node_modules/@emotion/stylis": { - "version": "0.8.5", - "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", - "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==" - }, - "node_modules/@emotion/unitless": { - "version": "0.7.5", - "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", - "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" - }, - "node_modules/@jridgewell/gen-mapping": { - "version": "0.3.5", - "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz", - "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==", - "dependencies": { - "@jridgewell/set-array": "^1.2.1", - "@jridgewell/sourcemap-codec": "^1.4.10", - "@jridgewell/trace-mapping": "^0.3.24" - }, - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@jridgewell/resolve-uri": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", - "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==", - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@jridgewell/set-array": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz", - "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==", - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@jridgewell/sourcemap-codec": { - "version": "1.4.15", - "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", - "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==" - }, - "node_modules/@jridgewell/trace-mapping": { - "version": "0.3.25", - "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz", - "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==", - "dependencies": { - "@jridgewell/resolve-uri": "^3.1.0", - "@jridgewell/sourcemap-codec": "^1.4.14" - } - }, - "node_modules/@salutejs/data-themes": { - "version": "0.11.0", - "resolved": "https://registry.npmjs.org/@salutejs/data-themes/-/data-themes-0.11.0.tgz", - "integrity": "sha512-thx8Mmxu1vpe70vhYh6rgIYJpkSSYQOmb1ilLcurfCbwT92wM7KMwpsH1Kd9fPMJ5gOi6SP4HBv2d2dWF4bdqQ==", + "node_modules/@salutejs/core-themes": { + "version": "0.12.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/core-themes/-/core-themes-0.12.0-dev.0.tgz", + "integrity": "sha512-4WCxFt222gIWwWVIcDRbSJbaZJGgXGkvH3LNb2xoq9DU502h+U3DNlubMYY4grjopZMgCDSesYNNrLgRNHpQlA==", "dev": true }, - "node_modules/@salutejs/plasma-typo": { - "version": "0.40.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-typo/-/plasma-typo-0.40.0.tgz", - "integrity": "sha512-wjIJwHb/N5wFyTwTKt4bimt0UpM0/TS3ZsKtJVBS5foqxxJFgv32Ma75RCnnqol38M+KHDa6Lrnu2po0jiicow==", - "peerDependencies": { - "react": ">=16.13.1", - "react-dom": ">=16.13.1", - "styled-components": "^5.1.1" - } - }, "node_modules/@tsconfig/node10": { "version": "1.0.8", "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.8.tgz", @@ -341,116 +84,17 @@ "node": ">=0.4.0" } }, - "node_modules/ansi-styles": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", - "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "dependencies": { - "color-convert": "^1.9.0" - }, - "engines": { - "node": ">=4" - } - }, "node_modules/arg": { "version": "4.1.3", "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==", "dev": true }, - "node_modules/babel-plugin-styled-components": { - "version": "2.0.7", - "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.7.tgz", - "integrity": "sha512-i7YhvPgVqRKfoQ66toiZ06jPNA3p6ierpfUuEWxNF+fV27Uv5gxBkf8KZLHUCc1nFA9j6+80pYoIpqCeyW3/bA==", - "dependencies": { - "@babel/helper-annotate-as-pure": "^7.16.0", - "@babel/helper-module-imports": "^7.16.0", - "babel-plugin-syntax-jsx": "^6.18.0", - "lodash": "^4.17.11", - "picomatch": "^2.3.0" - }, - "peerDependencies": { - "styled-components": ">= 2" - } - }, - "node_modules/babel-plugin-syntax-jsx": { - "version": "6.18.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", - "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==" - }, - "node_modules/camelize": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", - "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==", - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, - "node_modules/chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "dependencies": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "dependencies": { - "color-name": "1.1.3" - } - }, - "node_modules/color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==" - }, "node_modules/create-require": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz", "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==", "dev": true }, - "node_modules/css-color-keywords": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", - "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==", - "engines": { - "node": ">=4" - } - }, - "node_modules/css-to-react-native": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.0.0.tgz", - "integrity": "sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==", - "dependencies": { - "camelize": "^1.0.0", - "css-color-keywords": "^1.0.0", - "postcss-value-parser": "^4.0.2" - } - }, - "node_modules/debug": { - "version": "4.3.2", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.2.tgz", - "integrity": "sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==", - "dependencies": { - "ms": "2.1.2" - }, - "engines": { - "node": ">=6.0" - }, - "peerDependenciesMeta": { - "supports-color": { - "optional": true - } - } - }, "node_modules/diff": { "version": "4.0.2", "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==", @@ -459,148 +103,11 @@ "node": ">=0.3.1" } }, - "node_modules/escape-string-regexp": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", - "engines": { - "node": ">=0.8.0" - } - }, - "node_modules/globals": { - "version": "11.12.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", - "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", - "engines": { - "node": ">=4" - } - }, - "node_modules/has-flag": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", - "engines": { - "node": ">=4" - } - }, - "node_modules/hoist-non-react-statics": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", - "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", - "dependencies": { - "react-is": "^16.7.0" - } - }, - "node_modules/js-tokens": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" - }, - "node_modules/jsesc": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", - "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", - "bin": { - "jsesc": "bin/jsesc" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/lodash": { - "version": "4.17.21", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", - "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" - }, "node_modules/make-error": { "version": "1.3.6", "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==", "dev": true }, - "node_modules/ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" - }, - "node_modules/picocolors": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", - "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" - }, - "node_modules/picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "engines": { - "node": ">=8.6" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } - }, - "node_modules/postcss-value-parser": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==" - }, - "node_modules/react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" - }, - "node_modules/shallowequal": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", - "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" - }, - "node_modules/styled-components": { - "version": "5.3.1", - "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.1.tgz", - "integrity": "sha512-JThv2JRzyH0NOIURrk9iskdxMSAAtCfj/b2Sf1WJaCUsloQkblepy1jaCLX/bYE+mhYo3unmwVSI9I5d9ncSiQ==", - "dependencies": { - "@babel/helper-module-imports": "^7.0.0", - "@babel/traverse": "^7.4.5", - "@emotion/is-prop-valid": "^0.8.8", - "@emotion/stylis": "^0.8.4", - "@emotion/unitless": "^0.7.4", - "babel-plugin-styled-components": ">= 1.12.0", - "css-to-react-native": "^3.0.0", - "hoist-non-react-statics": "^3.0.0", - "shallowequal": "^1.1.0", - "supports-color": "^5.5.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/styled-components" - }, - "peerDependencies": { - "react": ">= 16.8.0", - "react-dom": ">= 16.8.0", - "react-is": ">= 16.8.0" - } - }, - "node_modules/supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dependencies": { - "has-flag": "^3.0.0" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/to-fast-properties": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", - "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", - "engines": { - "node": ">=4" - } - }, "node_modules/ts-node": { "version": "10.2.1", "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.2.1.tgz", @@ -677,135 +184,6 @@ } }, "dependencies": { - "@babel/code-frame": { - "version": "7.24.2", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.2.tgz", - "integrity": "sha512-y5+tLQyV8pg3fsiln67BVLD1P13Eg4lh5RW9mF0zUuvLrv9uIQ4MCL+CRT+FTsBlBjcIan6PGsLcBN0m3ClUyQ==", - "requires": { - "@babel/highlight": "^7.24.2", - "picocolors": "^1.0.0" - } - }, - "@babel/generator": { - "version": "7.24.4", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.4.tgz", - "integrity": "sha512-Xd6+v6SnjWVx/nus+y0l1sxMOTOMBkyL4+BIdbALyatQnAe/SRVjANeDPSCYaX+i1iJmuGSKf3Z+E+V/va1Hvw==", - "requires": { - "@babel/types": "^7.24.0", - "@jridgewell/gen-mapping": "^0.3.5", - "@jridgewell/trace-mapping": "^0.3.25", - "jsesc": "^2.5.1" - } - }, - "@babel/helper-annotate-as-pure": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz", - "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==", - "requires": { - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-environment-visitor": { - "version": "7.22.20", - "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz", - "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==" - }, - "@babel/helper-function-name": { - "version": "7.23.0", - "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz", - "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==", - "requires": { - "@babel/template": "^7.22.15", - "@babel/types": "^7.23.0" - } - }, - "@babel/helper-hoist-variables": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz", - "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==", - "requires": { - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-module-imports": { - "version": "7.24.3", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.24.3.tgz", - "integrity": "sha512-viKb0F9f2s0BCS22QSF308z/+1YWKV/76mwt61NBzS5izMzDPwdq1pTrzf+Li3npBWX9KdQbkeCt1jSAM7lZqg==", - "requires": { - "@babel/types": "^7.24.0" - } - }, - "@babel/helper-split-export-declaration": { - "version": "7.22.6", - "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz", - "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==", - "requires": { - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-string-parser": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz", - "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==" - }, - "@babel/helper-validator-identifier": { - "version": "7.22.20", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz", - "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==" - }, - "@babel/highlight": { - "version": "7.24.2", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.2.tgz", - "integrity": "sha512-Yac1ao4flkTxTteCDZLEvdxg2fZfz1v8M4QpaGypq/WPDqg3ijHYbDfs+LG5hvzSoqaSZ9/Z9lKSP3CjZjv+pA==", - "requires": { - "@babel/helper-validator-identifier": "^7.22.20", - "chalk": "^2.4.2", - "js-tokens": "^4.0.0", - "picocolors": "^1.0.0" - } - }, - "@babel/parser": { - "version": "7.24.4", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.4.tgz", - "integrity": "sha512-zTvEBcghmeBma9QIGunWevvBAp4/Qu9Bdq+2k0Ot4fVMD6v3dsC9WOcRSKk7tRRyBM/53yKMJko9xOatGQAwSg==" - }, - "@babel/template": { - "version": "7.24.0", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.24.0.tgz", - "integrity": "sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==", - "requires": { - "@babel/code-frame": "^7.23.5", - "@babel/parser": "^7.24.0", - "@babel/types": "^7.24.0" - } - }, - "@babel/traverse": { - "version": "7.24.1", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.1.tgz", - "integrity": "sha512-xuU6o9m68KeqZbQuDt2TcKSxUw/mrsvavlEqQ1leZ/B+C9tk6E4sRWy97WaXgvq5E+nU3cXMxv3WKOCanVMCmQ==", - "requires": { - "@babel/code-frame": "^7.24.1", - "@babel/generator": "^7.24.1", - "@babel/helper-environment-visitor": "^7.22.20", - "@babel/helper-function-name": "^7.23.0", - "@babel/helper-hoist-variables": "^7.22.5", - "@babel/helper-split-export-declaration": "^7.22.6", - "@babel/parser": "^7.24.1", - "@babel/types": "^7.24.0", - "debug": "^4.3.1", - "globals": "^11.1.0" - } - }, - "@babel/types": { - "version": "7.24.0", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.0.tgz", - "integrity": "sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==", - "requires": { - "@babel/helper-string-parser": "^7.23.4", - "@babel/helper-validator-identifier": "^7.22.20", - "to-fast-properties": "^2.0.0" - } - }, "@cspotcode/source-map-consumer": { "version": "0.8.0", "resolved": "https://registry.npmjs.org/@cspotcode/source-map-consumer/-/source-map-consumer-0.8.0.tgz", @@ -821,74 +199,12 @@ "@cspotcode/source-map-consumer": "0.8.0" } }, - "@emotion/is-prop-valid": { - "version": "0.8.8", - "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", - "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==", - "requires": { - "@emotion/memoize": "0.7.4" - } - }, - "@emotion/memoize": { - "version": "0.7.4", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", - "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==" - }, - "@emotion/stylis": { - "version": "0.8.5", - "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", - "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==" - }, - "@emotion/unitless": { - "version": "0.7.5", - "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", - "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" - }, - "@jridgewell/gen-mapping": { - "version": "0.3.5", - "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz", - "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==", - "requires": { - "@jridgewell/set-array": "^1.2.1", - "@jridgewell/sourcemap-codec": "^1.4.10", - "@jridgewell/trace-mapping": "^0.3.24" - } - }, - "@jridgewell/resolve-uri": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", - "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==" - }, - "@jridgewell/set-array": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz", - "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==" - }, - "@jridgewell/sourcemap-codec": { - "version": "1.4.15", - "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", - "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==" - }, - "@jridgewell/trace-mapping": { - "version": "0.3.25", - "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz", - "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==", - "requires": { - "@jridgewell/resolve-uri": "^3.1.0", - "@jridgewell/sourcemap-codec": "^1.4.14" - } - }, - "@salutejs/data-themes": { - "version": "0.11.0", - "resolved": "https://registry.npmjs.org/@salutejs/data-themes/-/data-themes-0.11.0.tgz", - "integrity": "sha512-thx8Mmxu1vpe70vhYh6rgIYJpkSSYQOmb1ilLcurfCbwT92wM7KMwpsH1Kd9fPMJ5gOi6SP4HBv2d2dWF4bdqQ==", + "@salutejs/core-themes": { + "version": "0.12.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/core-themes/-/core-themes-0.12.0-dev.0.tgz", + "integrity": "sha512-4WCxFt222gIWwWVIcDRbSJbaZJGgXGkvH3LNb2xoq9DU502h+U3DNlubMYY4grjopZMgCDSesYNNrLgRNHpQlA==", "dev": true }, - "@salutejs/plasma-typo": { - "version": "0.40.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-typo/-/plasma-typo-0.40.0.tgz", - "integrity": "sha512-wjIJwHb/N5wFyTwTKt4bimt0UpM0/TS3ZsKtJVBS5foqxxJFgv32Ma75RCnnqol38M+KHDa6Lrnu2po0jiicow==" - }, "@tsconfig/node10": { "version": "1.0.8", "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.8.tgz", @@ -925,201 +241,27 @@ "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==", "dev": true }, - "ansi-styles": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", - "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "requires": { - "color-convert": "^1.9.0" - } - }, "arg": { "version": "4.1.3", "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==", "dev": true }, - "babel-plugin-styled-components": { - "version": "2.0.7", - "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.7.tgz", - "integrity": "sha512-i7YhvPgVqRKfoQ66toiZ06jPNA3p6ierpfUuEWxNF+fV27Uv5gxBkf8KZLHUCc1nFA9j6+80pYoIpqCeyW3/bA==", - "requires": { - "@babel/helper-annotate-as-pure": "^7.16.0", - "@babel/helper-module-imports": "^7.16.0", - "babel-plugin-syntax-jsx": "^6.18.0", - "lodash": "^4.17.11", - "picomatch": "^2.3.0" - } - }, - "babel-plugin-syntax-jsx": { - "version": "6.18.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", - "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==" - }, - "camelize": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", - "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==" - }, - "chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - } - }, - "color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "requires": { - "color-name": "1.1.3" - } - }, - "color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==" - }, "create-require": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz", "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==", "dev": true }, - "css-color-keywords": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", - "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==" - }, - "css-to-react-native": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.0.0.tgz", - "integrity": "sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==", - "requires": { - "camelize": "^1.0.0", - "css-color-keywords": "^1.0.0", - "postcss-value-parser": "^4.0.2" - } - }, - "debug": { - "version": "4.3.2", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.2.tgz", - "integrity": "sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==", - "requires": { - "ms": "2.1.2" - } - }, "diff": { "version": "4.0.2", "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==", "dev": true }, - "escape-string-regexp": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==" - }, - "globals": { - "version": "11.12.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", - "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==" - }, - "has-flag": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==" - }, - "hoist-non-react-statics": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", - "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", - "requires": { - "react-is": "^16.7.0" - } - }, - "js-tokens": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" - }, - "jsesc": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", - "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==" - }, - "lodash": { - "version": "4.17.21", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", - "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" - }, "make-error": { "version": "1.3.6", "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==", "dev": true }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" - }, - "picocolors": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", - "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" - }, - "picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==" - }, - "postcss-value-parser": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==" - }, - "react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" - }, - "shallowequal": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", - "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" - }, - "styled-components": { - "version": "5.3.1", - "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.1.tgz", - "integrity": "sha512-JThv2JRzyH0NOIURrk9iskdxMSAAtCfj/b2Sf1WJaCUsloQkblepy1jaCLX/bYE+mhYo3unmwVSI9I5d9ncSiQ==", - "requires": { - "@babel/helper-module-imports": "^7.0.0", - "@babel/traverse": "^7.4.5", - "@emotion/is-prop-valid": "^0.8.8", - "@emotion/stylis": "^0.8.4", - "@emotion/unitless": "^0.7.4", - "babel-plugin-styled-components": ">= 1.12.0", - "css-to-react-native": "^3.0.0", - "hoist-non-react-statics": "^3.0.0", - "shallowequal": "^1.1.0", - "supports-color": "^5.5.0" - } - }, - "supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "requires": { - "has-flag": "^3.0.0" - } - }, - "to-fast-properties": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", - "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==" - }, "ts-node": { "version": "10.2.1", "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.2.1.tgz", diff --git a/packages/themes/caldera-online-themes/package.json b/packages/themes/caldera-online-themes/package.json index 3754ea2b11..8a56e8ac88 100644 --- a/packages/themes/caldera-online-themes/package.json +++ b/packages/themes/caldera-online-themes/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/caldera-online-themes", - "version": "0.12.0", + "version": "0.13.0-dev.0", "description": "Caldera-online-themes package", "author": "Salute Frontend Team <salute.developers@gmail.com>", "license": "MIT", @@ -30,12 +30,8 @@ "index.js", "index.js.map" ], - "dependencies": { - "@salutejs/plasma-typo": "0.40.0", - "styled-components": "5.3.1" - }, "devDependencies": { - "@salutejs/data-themes": "0.11.0", + "@salutejs/core-themes": "0.12.0-dev.0", "@types/node": "16.7.13", "ts-node": "10.2.1", "typescript": "4.2.4" @@ -46,4 +42,4 @@ "Vasiliy Loginevskiy" ], "sideEffects": false -} +} \ No newline at end of file diff --git a/packages/themes/caldera-online-themes/src/css/caldera_online.module.css b/packages/themes/caldera-online-themes/src/css/caldera_online.module.css index cbe781be1c..a7ffcb3e75 100644 --- a/packages/themes/caldera-online-themes/src/css/caldera_online.module.css +++ b/packages/themes/caldera-online-themes/src/css/caldera_online.module.css @@ -3,22 +3,19 @@ .dark { --text-primary-hover: #F5F5F593; --text-primary-active: #F5F5F5C4; - --text-primary: #f5f5f5F5; + --text-primary: #F5F5F5F5; --text-secondary-hover: #F5F5F5FF; --text-secondary-active: #F5F5F5AB; - --text-secondary: #F5f5f58F; + --text-secondary: #F5F5F58F; --text-tertiary-hover: #F5F5F5FF; --text-tertiary-active: #F5F5F556; - --text-tertiary: #F5f5f548; + --text-tertiary: #F5F5F548; --text-paragraph-hover: #F5F5F57A; --text-paragraph-active: #F5F5F5A3; - --text-paragraph: #f5f5f5cc; + --text-paragraph: #F5F5F5CC; --text-accent-hover: #2ACB47FF; --text-accent-active: #1F9835FF; --text-accent: #24B23E; - --text-accent-gradient-hover: #CCCCCCFF; - --text-accent-gradient-active: #E6E6E6FF; - --text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --text-positive-hover: #2ACB47FF; --text-positive-active: #1F9835FF; --text-positive: #24B23E; @@ -30,22 +27,19 @@ --text-negative: #FF3D51; --on-dark-text-primary-hover: #F5F5F593; --on-dark-text-primary-active: #F5F5F5C4; - --on-dark-text-primary: #f5f5f5F5; + --on-dark-text-primary: #F5F5F5F5; --on-dark-text-secondary-hover: #F5F5F5FF; --on-dark-text-secondary-active: #F5F5F5AB; - --on-dark-text-secondary: #F5f5f58F; + --on-dark-text-secondary: #F5F5F58F; --on-dark-text-tertiary-hover: #F5F5F5FF; --on-dark-text-tertiary-active: #F5F5F556; - --on-dark-text-tertiary: #F5f5f548; + --on-dark-text-tertiary: #F5F5F548; --on-dark-text-paragraph-hover: #F5F5F57A; --on-dark-text-paragraph-active: #F5F5F5A3; - --on-dark-text-paragraph: #f5f5f5CC; + --on-dark-text-paragraph: #F5F5F5CC; --on-dark-text-accent-hover: #2ACB47FF; --on-dark-text-accent-active: #1F9835FF; --on-dark-text-accent: #24B23E; - --on-dark-text-accent-gradient-hover: #CCCCCCFF; - --on-dark-text-accent-gradient-active: #E6E6E6FF; - --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-dark-text-positive-hover: #2ACB47FF; --on-dark-text-positive-active: #1F9835FF; --on-dark-text-positive: #24B23E; @@ -70,9 +64,6 @@ --on-light-text-accent-hover: #13AA2CFF; --on-light-text-accent-active: #0D731EFF; --on-light-text-accent: #108E26; - --on-light-text-accent-gradient-hover: #CCCCCCFF; - --on-light-text-accent-gradient-active: #E6E6E6FF; - --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --on-light-text-positive-hover: #13AA2CFF; --on-light-text-positive-active: #0D731EFF; --on-light-text-positive: #108E26; @@ -97,9 +88,6 @@ --inverse-text-accent-hover: #13AA2CFF; --inverse-text-accent-active: #0D731EFF; --inverse-text-accent: #108E26; - --inverse-text-accent-gradient-hover: #CCCCCCFF; - --inverse-text-accent-gradient-active: #E6E6E6FF; - --inverse-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --inverse-text-positive-hover: #13AA2CFF; --inverse-text-positive-active: #0D731EFF; --inverse-text-positive: #108E26; @@ -129,10 +117,10 @@ --surface-transparent-primary: #FFFFFF0F; --surface-transparent-secondary-hover: #FFFFFF3D; --surface-transparent-secondary-active: #FFFFFF0F; - --surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --surface-transparent-secondary: #FFFFFF1F; --surface-transparent-tertiary-hover: #FFFFFF52; --surface-transparent-tertiary-active: #FFFFFF24; - --surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --surface-transparent-tertiary: #FFFFFF33; --surface-transparent-deep-hover: #FFFFFFC2; --surface-transparent-deep-active: #FFFFFF94; --surface-transparent-deep: #FFFFFFA3; @@ -141,13 +129,10 @@ --surface-transparent-card: #FFFFFF0F; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0, 0, 0, 0); + --surface-clear: #00000000; --surface-accent-hover: #1DAF37FF; --surface-accent-active: #18952FFF; --surface-accent: #1A9E32; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --surface-positive-hover: #1DAF37FF; --surface-positive-active: #18952FFF; --surface-positive: #1A9E32; @@ -174,13 +159,13 @@ --on-dark-surface-solid-default: #F9F9F9; --on-dark-surface-transparent-primary-hover: #FFFFFF1F; --on-dark-surface-transparent-primary-active: #FFFFFF0A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; --on-dark-surface-transparent-secondary-active: #FFFFFF0F; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; --on-dark-surface-transparent-tertiary-active: #FFFFFF24; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-deep-hover: #FFFFFFC2; --on-dark-surface-transparent-deep-active: #FFFFFF94; --on-dark-surface-transparent-deep: #FFFFFFA3; @@ -189,13 +174,10 @@ --on-dark-surface-transparent-card: #FFFFFF0F; --on-dark-surface-clear-hover: #00000000; --on-dark-surface-clear-active: #00000000; - --on-dark-surface-clear: rgba(0, 0, 0, 0); + --on-dark-surface-clear: #00000000; --on-dark-surface-accent-hover: #1DAF37FF; --on-dark-surface-accent-active: #18952FFF; --on-dark-surface-accent: #1A9E32; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-dark-surface-positive-hover: #1DAF37FF; --on-dark-surface-positive-active: #18952FFF; --on-dark-surface-positive: #1A9E32; @@ -222,28 +204,25 @@ --on-light-surface-solid-default: #080808; --on-light-surface-transparent-primary-hover: #0808080F; --on-light-surface-transparent-primary-active: #08080800; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02); + --on-light-surface-transparent-primary: #08080805; --on-light-surface-transparent-secondary-hover: #0808081F; --on-light-surface-transparent-secondary-active: #0808080A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808083D; --on-light-surface-transparent-tertiary-active: #0808080F; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #080808C2; --on-light-surface-transparent-deep-active: #08080894; --on-light-surface-transparent-deep: #080808A3; --on-light-surface-transparent-card-hover: #0808081F; --on-light-surface-transparent-card-active: #0808080A; - --on-light-surface-transparent-card: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-card: #0808080F; --on-light-surface-clear-hover: #00000000; --on-light-surface-clear-active: #00000000; - --on-light-surface-clear: rgba(0, 0, 0, 0); + --on-light-surface-clear: #00000000; --on-light-surface-accent-hover: #1DAF37FF; --on-light-surface-accent-active: #18952FFF; --on-light-surface-accent: #1A9E32; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-light-surface-positive-hover: #1DAF37FF; --on-light-surface-positive-active: #18952FFF; --on-light-surface-positive: #1A9E32; @@ -270,13 +249,13 @@ --inverse-surface-solid-default: #080808; --inverse-surface-transparent-primary-hover: #0808080F; --inverse-surface-transparent-primary-active: #08080800; - --inverse-surface-transparent-primary: rgba(8, 8, 8, 0.02); + --inverse-surface-transparent-primary: #08080805; --inverse-surface-transparent-secondary-hover: #0808081F; --inverse-surface-transparent-secondary-active: #0808080A; - --inverse-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --inverse-surface-transparent-secondary: #0808080F; --inverse-surface-transparent-tertiary-hover: #0808083D; --inverse-surface-transparent-tertiary-active: #0808080F; - --inverse-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --inverse-surface-transparent-tertiary: #0808081F; --inverse-surface-transparent-deep-hover: #080808C2; --inverse-surface-transparent-deep-active: #08080894; --inverse-surface-transparent-deep: #080808A3; @@ -285,13 +264,10 @@ --inverse-surface-transparent-card: #FFFFFFFF; --inverse-surface-clear-hover: #00000000; --inverse-surface-clear-active: #00000000; - --inverse-surface-clear: rgba(0, 0, 0, 0); + --inverse-surface-clear: #00000000; --inverse-surface-accent-hover: #1DAF37FF; --inverse-surface-accent-active: #18952FFF; --inverse-surface-accent: #1A9E32; - --inverse-surface-accent-gradient-hover: #FFFFFFFF; - --inverse-surface-accent-gradient-active: #FFFFFFFF; - --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --inverse-surface-positive-hover: #1DAF37FF; --inverse-surface-positive-active: #18952FFF; --inverse-surface-positive: #1A9E32; @@ -306,51 +282,97 @@ --light-background-primary: #F9F9F9; --inverse-background-primary: #F9F9F9; --overlay-soft: #0808088F; - --overlay-hard: #080808f5; - --overlay-blur: rgba(8,8,8,0.28); - --on-dark-overlay-soft: #0808088f; - --on-dark-overlay-hard: #080808f5; - --on-dark-overlay-blur: rgba(8,8,8,0.28); - --on-light-overlay-soft: rgba(249,249,249,0.56); - --on-light-overlay-hard: #f9f9f9f5; - --on-light-overlay-blur: rgba(249,249,249,0.28); - --inverse-overlay-soft: #f9f9f98F; - --inverse-overlay-hard: #f9f9f9f5; - --inverse-overlay-blur: rgba(249,249,249,0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); + --overlay-hard: #080808F5; + --overlay-blur: #08080847; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080847; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F947; + --inverse-overlay-soft: #F9F9F98F; + --inverse-overlay-hard: #F9F9F9F5; + --inverse-overlay-blur: #F9F9F947; color: var(--text-primary); background-color: var(--background-primary); } +.dark { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-dark-text-accent-gradient-hover: #CCCCCCFF; + --on-dark-text-accent-gradient-active: #E6E6E6FF; + --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-text-accent-gradient-hover: #CCCCCCFF; + --on-light-text-accent-gradient-active: #E6E6E6FF; + --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --inverse-text-accent-gradient-hover: #CCCCCCFF; + --inverse-text-accent-gradient-active: #E6E6E6FF; + --inverse-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient-hover: #FFFFFFFF; + --inverse-surface-accent-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + .light { - --text-primary-hover: #17171793; - --text-primary-active: #171717C4; - --text-primary: #171717F5; - --text-secondary-hover: #171717FF; - --text-secondary-active: #171717AB; - --text-secondary: #1717178F; - --text-tertiary-hover: #171717FF; - --text-tertiary-active: #17171756; - --text-tertiary: #17171748; - --text-paragraph-hover: #1717177A; - --text-paragraph-active: #171717A3; - --text-paragraph: #171717CC; - --text-accent-hover: #14B32EFF; - --text-accent-active: #0C6A1BFF; - --text-accent: #108E26; - --text-accent-gradient-hover: #000000FF; - --text-accent-gradient-active: #CCCCCCFF; - --text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); - --text-positive-hover: #14B32EFF; - --text-positive-active: #0C6A1BFF; - --text-positive: #108E26; - --text-warning-hover: #FD6B17FF; - --text-warning-active: #C04802FF; - --text-warning: #E85702; - --text-negative-hover: #F54254FF; - --text-negative-active: #DA0B20FF; - --text-negative: #F31B31; + --text-primary-hover: #F5F5F593; + --text-primary-active: #F5F5F5C4; + --text-primary: #F5F5F5F5; + --text-secondary-hover: #F5F5F5FF; + --text-secondary-active: #F5F5F5AB; + --text-secondary: #F5F5F58F; + --text-tertiary-hover: #F5F5F5FF; + --text-tertiary-active: #F5F5F556; + --text-tertiary: #F5F5F548; + --text-paragraph-hover: #F5F5F57A; + --text-paragraph-active: #F5F5F5A3; + --text-paragraph: #F5F5F5CC; + --text-accent-hover: #2ACB47FF; + --text-accent-active: #1F9835FF; + --text-accent: #24B23E; + --text-positive-hover: #2ACB47FF; + --text-positive-active: #1F9835FF; + --text-positive: #24B23E; + --text-warning-hover: #FF8442FF; + --text-warning-active: #FF5D05FF; + --text-warning: #FF7024; + --text-negative-hover: #FF5C6CFF; + --text-negative-active: #FF1F35FF; + --text-negative: #FF3D51; --on-dark-text-primary-hover: #F5F5F593; --on-dark-text-primary-active: #F5F5F5C4; --on-dark-text-primary: #F5F5F5F5; @@ -363,20 +385,17 @@ --on-dark-text-paragraph-hover: #F5F5F57A; --on-dark-text-paragraph-active: #F5F5F5A3; --on-dark-text-paragraph: #F5F5F5CC; - --on-dark-text-accent-hover: #2BD44AFF; - --on-dark-text-accent-active: #1D9032FF; + --on-dark-text-accent-hover: #2ACB47FF; + --on-dark-text-accent-active: #1F9835FF; --on-dark-text-accent: #24B23E; - --on-dark-text-accent-gradient-hover: #000000FF; - --on-dark-text-accent-gradient-active: #CCCCCCFF; - --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); - --on-dark-text-positive-hover: #2BD44AFF; - --on-dark-text-positive-active: #1D9032FF; + --on-dark-text-positive-hover: #2ACB47FF; + --on-dark-text-positive-active: #1F9835FF; --on-dark-text-positive: #24B23E; - --on-dark-text-warning-hover: #FF8B4DFF; - --on-dark-text-warning-active: #FA5700FF; + --on-dark-text-warning-hover: #FF8442FF; + --on-dark-text-warning-active: #FF5D05FF; --on-dark-text-warning: #FF7024; - --on-dark-text-negative-hover: #FF6675FF; - --on-dark-text-negative-active: #FF142CFF; + --on-dark-text-negative-hover: #FF5C6CFF; + --on-dark-text-negative-active: #FF1F35FF; --on-dark-text-negative: #FF3D51; --on-light-text-primary-hover: #17171793; --on-light-text-primary-active: #171717C4; @@ -390,143 +409,131 @@ --on-light-text-paragraph-hover: #1717177A; --on-light-text-paragraph-active: #171717A3; --on-light-text-paragraph: #171717CC; - --on-light-text-accent-hover: #14B32EFF; - --on-light-text-accent-active: #0C6A1BFF; + --on-light-text-accent-hover: #13AA2CFF; + --on-light-text-accent-active: #0D731EFF; --on-light-text-accent: #108E26; - --on-light-text-accent-gradient-hover: #000000FF; - --on-light-text-accent-gradient-active: #CCCCCCFF; - --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); - --on-light-text-positive-hover: #14B32EFF; - --on-light-text-positive-active: #0C6A1BFF; + --on-light-text-positive-hover: #13AA2CFF; + --on-light-text-positive-active: #0D731EFF; --on-light-text-positive: #108E26; - --on-light-text-warning-hover: #FD6B17FF; - --on-light-text-warning-active: #C04802FF; + --on-light-text-warning-hover: #FD650DFF; + --on-light-text-warning-active: #CA4B02FF; --on-light-text-warning: #E85702; - --on-light-text-negative-hover: #F54254FF; - --on-light-text-negative-active: #DA0B20FF; + --on-light-text-negative-hover: #F5384BFF; + --on-light-text-negative-active: #E40C22FF; --on-light-text-negative: #F31B31; - --inverse-text-primary-hover: #F5F5F593; - --inverse-text-primary-active: #F5F5F5C4; - --inverse-text-primary: #F5F5F5F5; - --inverse-text-secondary-hover: #F5F5F5FF; - --inverse-text-secondary-active: #F5F5F5AB; - --inverse-text-secondary: #F5F5F58F; - --inverse-text-tertiary-hover: #F5F5F5FF; - --inverse-text-tertiary-active: #F5F5F556; - --inverse-text-tertiary: #F5F5F548; - --inverse-text-paragraph-hover: #F5F5F57A; - --inverse-text-paragraph-active: #F5F5F5A3; - --inverse-text-paragraph: #F5F5F5CC; - --inverse-text-accent-hover: #2BD44AFF; - --inverse-text-accent-active: #1D9032FF; - --inverse-text-accent: #24B23E; - --inverse-text-accent-gradient-hover: #000000FF; - --inverse-text-accent-gradient-active: #CCCCCCFF; - --inverse-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); - --inverse-text-positive-hover: #2BD44AFF; - --inverse-text-positive-active: #1D9032FF; - --inverse-text-positive: #24B23E; - --inverse-text-warning-hover: #FF8B4DFF; - --inverse-text-warning-active: #FA5700FF; - --inverse-text-warning: #FF7024; - --inverse-text-negative-hover: #FF6675FF; - --inverse-text-negative-active: #FF142CFF; - --inverse-text-negative: #FF3D51; - --surface-solid-primary-hover: #FAFAFAFF; - --surface-solid-primary-active: #F0F0F0FF; - --surface-solid-primary: #F5F5F5; - --surface-solid-secondary-hover: #F7F7F7FF; - --surface-solid-secondary-active: #E8E8E8FF; - --surface-solid-secondary: #ECECEC; - --surface-solid-tertiary-hover: #EDEDEDFF; - --surface-solid-tertiary-active: #D4D4D4FF; - --surface-solid-tertiary: #DDDDDD; - --surface-solid-card-hover: #FFFFFFFF; - --surface-solid-card-active: #FFFFFFFF; - --surface-solid-card: #FFFFFFFF; - --surface-solid-default-hover: #262626FF; - --surface-solid-default-active: #030303FF; - --surface-solid-default: #080808; - --surface-transparent-primary-hover: #08080800; - --surface-transparent-primary-active: #0808080A; - --surface-transparent-primary: rgba(8, 8, 8, 0.02); - --surface-transparent-secondary-hover: #08080805; - --surface-transparent-secondary-active: #0808081A; - --surface-transparent-secondary: rgba(8, 8, 8, 0.06); - --surface-transparent-tertiary-hover: #0808080A; - --surface-transparent-tertiary-active: #08080829; - --surface-transparent-tertiary: rgba(8, 8, 8, 0.12); - --surface-transparent-deep-hover: #0808088F; - --surface-transparent-deep-active: #080808AD; - --surface-transparent-deep: #080808A3; - --surface-transparent-card-hover: #FFFFFFFF; - --surface-transparent-card-active: #FFFFFFFF; - --surface-transparent-card: #FFFFFFFF; + --inverse-text-primary-hover: #17171793; + --inverse-text-primary-active: #171717C4; + --inverse-text-primary: #171717F5; + --inverse-text-secondary-hover: #171717FF; + --inverse-text-secondary-active: #171717AB; + --inverse-text-secondary: #1717178F; + --inverse-text-tertiary-hover: #171717FF; + --inverse-text-tertiary-active: #17171756; + --inverse-text-tertiary: #17171748; + --inverse-text-paragraph-hover: #1717177A; + --inverse-text-paragraph-active: #171717A3; + --inverse-text-paragraph: #171717CC; + --inverse-text-accent-hover: #13AA2CFF; + --inverse-text-accent-active: #0D731EFF; + --inverse-text-accent: #108E26; + --inverse-text-positive-hover: #13AA2CFF; + --inverse-text-positive-active: #0D731EFF; + --inverse-text-positive: #108E26; + --inverse-text-warning-hover: #FD650DFF; + --inverse-text-warning-active: #CA4B02FF; + --inverse-text-warning: #E85702; + --inverse-text-negative-hover: #F5384BFF; + --inverse-text-negative-active: #E40C22FF; + --inverse-text-negative: #F31B31; + --surface-solid-primary-hover: #1C1C1CFF; + --surface-solid-primary-active: #121212FF; + --surface-solid-primary: #171717; + --surface-solid-secondary-hover: #303030FF; + --surface-solid-secondary-active: #212121FF; + --surface-solid-secondary: #262626; + --surface-solid-tertiary-hover: #404040FF; + --surface-solid-tertiary-active: #303030FF; + --surface-solid-tertiary: #363636; + --surface-solid-card-hover: #1C1C1CFF; + --surface-solid-card-active: #121212FF; + --surface-solid-card: #171717; + --surface-solid-default-hover: #FFFFFFFF; + --surface-solid-default-active: #F5F5F5FF; + --surface-solid-default: #F9F9F9; + --surface-transparent-primary-hover: #FFFFFF1F; + --surface-transparent-primary-active: #FFFFFF0A; + --surface-transparent-primary: #FFFFFF0F; + --surface-transparent-secondary-hover: #FFFFFF3D; + --surface-transparent-secondary-active: #FFFFFF0F; + --surface-transparent-secondary: #FFFFFF1F; + --surface-transparent-tertiary-hover: #FFFFFF52; + --surface-transparent-tertiary-active: #FFFFFF24; + --surface-transparent-tertiary: #FFFFFF33; + --surface-transparent-deep-hover: #FFFFFFC2; + --surface-transparent-deep-active: #FFFFFF94; + --surface-transparent-deep: #FFFFFFA3; + --surface-transparent-card-hover: #FFFFFF1F; + --surface-transparent-card-active: #FFFFFF0A; + --surface-transparent-card: #FFFFFF0F; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0, 0, 0, 0); - --surface-accent-hover: #1EB83AFF; - --surface-accent-active: #178C2CFF; + --surface-clear: #00000000; + --surface-accent-hover: #1DAF37FF; + --surface-accent-active: #18952FFF; --surface-accent: #1A9E32; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); - --surface-positive-hover: #1EB83AFF; - --surface-positive-active: #178C2CFF; + --surface-positive-hover: #1DAF37FF; + --surface-positive-active: #18952FFF; --surface-positive: #1A9E32; - --surface-warning-hover: #FB782DFF; - --surface-warning-active: #E65705FF; + --surface-warning-hover: #FB7223FF; + --surface-warning-active: #F05B05FF; --surface-warning: #FA5F05; - --surface-negative-hover: #FF5263FF; - --surface-negative-active: #FF142CFF; + --surface-negative-hover: #FF475AFF; + --surface-negative-active: #FF1F35FF; --surface-negative: #FF293E; - --on-dark-surface-solid-primary-hover: #363636FF; - --on-dark-surface-solid-primary-active: #0D0D0DFF; + --on-dark-surface-solid-primary-hover: #1C1C1CFF; + --on-dark-surface-solid-primary-active: #121212FF; --on-dark-surface-solid-primary: #171717; - --on-dark-surface-solid-secondary-hover: #3B3B3BFF; - --on-dark-surface-solid-secondary-active: #1C1C1CFF; + --on-dark-surface-solid-secondary-hover: #303030FF; + --on-dark-surface-solid-secondary-active: #212121FF; --on-dark-surface-solid-secondary: #262626; - --on-dark-surface-solid-tertiary-hover: #4A4A4AFF; - --on-dark-surface-solid-tertiary-active: #2B2B2BFF; + --on-dark-surface-solid-tertiary-hover: #404040FF; + --on-dark-surface-solid-tertiary-active: #303030FF; --on-dark-surface-solid-tertiary: #363636; - --on-dark-surface-solid-card-hover: #363636FF; - --on-dark-surface-solid-card-active: #0D0D0DFF; + --on-dark-surface-solid-card-hover: #1C1C1CFF; + --on-dark-surface-solid-card-active: #121212FF; --on-dark-surface-solid-card: #171717; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #F5F5F5FF; --on-dark-surface-solid-default: #F9F9F9; - --on-dark-surface-transparent-primary-hover: #FFFFFF05; - --on-dark-surface-transparent-primary-active: #FFFFFF1A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); - --on-dark-surface-transparent-secondary-hover: #FFFFFF0A; - --on-dark-surface-transparent-secondary-active: #FFFFFF29; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); - --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F; - --on-dark-surface-transparent-tertiary-active: #FFFFFF3D; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); - --on-dark-surface-transparent-deep-hover: #FFFFFF8F; - --on-dark-surface-transparent-deep-active: #FFFFFFAD; + --on-dark-surface-transparent-primary-hover: #FFFFFF1F; + --on-dark-surface-transparent-primary-active: #FFFFFF0A; + --on-dark-surface-transparent-primary: #FFFFFF0F; + --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; + --on-dark-surface-transparent-secondary-active: #FFFFFF0F; + --on-dark-surface-transparent-secondary: #FFFFFF1F; + --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; + --on-dark-surface-transparent-tertiary-active: #FFFFFF24; + --on-dark-surface-transparent-tertiary: #FFFFFF33; + --on-dark-surface-transparent-deep-hover: #FFFFFFC2; + --on-dark-surface-transparent-deep-active: #FFFFFF94; --on-dark-surface-transparent-deep: #FFFFFFA3; - --on-dark-surface-transparent-card-hover: #FFFFFF05; - --on-dark-surface-transparent-card-active: #FFFFFF1A; + --on-dark-surface-transparent-card-hover: #FFFFFF1F; + --on-dark-surface-transparent-card-active: #FFFFFF0A; --on-dark-surface-transparent-card: #FFFFFF0F; --on-dark-surface-clear-hover: #00000000; --on-dark-surface-clear-active: #00000000; - --on-dark-surface-clear: rgba(0, 0, 0, 0); - --on-dark-surface-accent-hover: #1EB83AFF; - --on-dark-surface-accent-active: #178C2CFF; + --on-dark-surface-clear: #00000000; + --on-dark-surface-accent-hover: #1DAF37FF; + --on-dark-surface-accent-active: #18952FFF; --on-dark-surface-accent: #1A9E32; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); - --on-dark-surface-positive-hover: #1EB83AFF; - --on-dark-surface-positive-active: #178C2CFF; + --on-dark-surface-positive-hover: #1DAF37FF; + --on-dark-surface-positive-active: #18952FFF; --on-dark-surface-positive: #1A9E32; - --on-dark-surface-warning-hover: #FB782DFF; - --on-dark-surface-warning-active: #E65705FF; + --on-dark-surface-warning-hover: #FB7223FF; + --on-dark-surface-warning-active: #F05B05FF; --on-dark-surface-warning: #FA5F05; - --on-dark-surface-negative-hover: #FF5263FF; - --on-dark-surface-negative-active: #FF142CFF; + --on-dark-surface-negative-hover: #FF475AFF; + --on-dark-surface-negative-active: #FF1F35FF; --on-dark-surface-negative: #FF293E; --on-light-surface-solid-primary-hover: #FAFAFAFF; --on-light-surface-solid-primary-active: #F0F0F0FF; @@ -534,124 +541,193 @@ --on-light-surface-solid-secondary-hover: #F7F7F7FF; --on-light-surface-solid-secondary-active: #E8E8E8FF; --on-light-surface-solid-secondary: #ECECEC; - --on-light-surface-solid-tertiary-hover: #EDEDEDFF; - --on-light-surface-solid-tertiary-active: #D4D4D4FF; + --on-light-surface-solid-tertiary-hover: #E8E8E8FF; + --on-light-surface-solid-tertiary-active: #D9D9D9FF; --on-light-surface-solid-tertiary: #DDDDDD; --on-light-surface-solid-card-hover: #FFFFFFFF; --on-light-surface-solid-card-active: #FFFFFFFF; --on-light-surface-solid-card: #FFFFFFFF; - --on-light-surface-solid-default-hover: #262626FF; + --on-light-surface-solid-default-hover: #0D0D0DFF; --on-light-surface-solid-default-active: #030303FF; --on-light-surface-solid-default: #080808; - --on-light-surface-transparent-primary-hover: #08080800; - --on-light-surface-transparent-primary-active: #0808080A; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02); - --on-light-surface-transparent-secondary-hover: #08080805; - --on-light-surface-transparent-secondary-active: #0808081A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); - --on-light-surface-transparent-tertiary-hover: #0808080A; - --on-light-surface-transparent-tertiary-active: #08080829; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); - --on-light-surface-transparent-deep-hover: #0808088F; - --on-light-surface-transparent-deep-active: #080808AD; + --on-light-surface-transparent-primary-hover: #0808080F; + --on-light-surface-transparent-primary-active: #08080800; + --on-light-surface-transparent-primary: #08080805; + --on-light-surface-transparent-secondary-hover: #0808081F; + --on-light-surface-transparent-secondary-active: #0808080A; + --on-light-surface-transparent-secondary: #0808080F; + --on-light-surface-transparent-tertiary-hover: #0808083D; + --on-light-surface-transparent-tertiary-active: #0808080F; + --on-light-surface-transparent-tertiary: #0808081F; + --on-light-surface-transparent-deep-hover: #080808C2; + --on-light-surface-transparent-deep-active: #08080894; --on-light-surface-transparent-deep: #080808A3; - --on-light-surface-transparent-card-hover: #FFFFFFFF; - --on-light-surface-transparent-card-active: #FFFFFFFF; - --on-light-surface-transparent-card: #FFFFFFFF; + --on-light-surface-transparent-card-hover: #0808081F; + --on-light-surface-transparent-card-active: #0808080A; + --on-light-surface-transparent-card: #0808080F; --on-light-surface-clear-hover: #00000000; --on-light-surface-clear-active: #00000000; - --on-light-surface-clear: rgba(0, 0, 0, 0); - --on-light-surface-accent-hover: #1EB83AFF; - --on-light-surface-accent-active: #178C2CFF; + --on-light-surface-clear: #00000000; + --on-light-surface-accent-hover: #1DAF37FF; + --on-light-surface-accent-active: #18952FFF; --on-light-surface-accent: #1A9E32; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); - --on-light-surface-positive-hover: #1EB83AFF; - --on-light-surface-positive-active: #178C2CFF; + --on-light-surface-positive-hover: #1DAF37FF; + --on-light-surface-positive-active: #18952FFF; --on-light-surface-positive: #1A9E32; - --on-light-surface-warning-hover: #FB782DFF; - --on-light-surface-warning-active: #E65705FF; + --on-light-surface-warning-hover: #FB7223FF; + --on-light-surface-warning-active: #F05B05FF; --on-light-surface-warning: #FA5F05; - --on-light-surface-negative-hover: #FF5263FF; - --on-light-surface-negative-active: #FF142CFF; + --on-light-surface-negative-hover: #FF475AFF; + --on-light-surface-negative-active: #FF1F35FF; --on-light-surface-negative: #FF293E; - --inverse-surface-solid-primary-hover: #363636FF; - --inverse-surface-solid-primary-active: #0D0D0DFF; - --inverse-surface-solid-primary: #171717; - --inverse-surface-solid-secondary-hover: #3B3B3BFF; - --inverse-surface-solid-secondary-active: #1C1C1CFF; - --inverse-surface-solid-secondary: #262626; - --inverse-surface-solid-tertiary-hover: #4A4A4AFF; - --inverse-surface-solid-tertiary-active: #2B2B2BFF; - --inverse-surface-solid-tertiary: #363636; - --inverse-surface-solid-card-hover: #363636FF; - --inverse-surface-solid-card-active: #0D0D0DFF; - --inverse-surface-solid-card: #171717; - --inverse-surface-solid-default-hover: #FFFFFFFF; - --inverse-surface-solid-default-active: #F5F5F5FF; - --inverse-surface-solid-default: #F9F9F9; - --inverse-surface-transparent-primary-hover: #FFFFFF05; - --inverse-surface-transparent-primary-active: #FFFFFF1A; - --inverse-surface-transparent-primary: rgba(255, 255, 255, 0.06); - --inverse-surface-transparent-secondary-hover: #FFFFFF0A; - --inverse-surface-transparent-secondary-active: #FFFFFF29; - --inverse-surface-transparent-secondary: rgba(255, 255, 255, 0.12); - --inverse-surface-transparent-tertiary-hover: #FFFFFF1F; - --inverse-surface-transparent-tertiary-active: #FFFFFF3D; - --inverse-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); - --inverse-surface-transparent-deep-hover: #FFFFFF8F; - --inverse-surface-transparent-deep-active: #FFFFFFAD; - --inverse-surface-transparent-deep: #FFFFFFA3; - --inverse-surface-transparent-card-hover: #FFFFFF05; - --inverse-surface-transparent-card-active: #FFFFFF1A; - --inverse-surface-transparent-card: #FFFFFF0F; + --inverse-surface-solid-primary-hover: #FAFAFAFF; + --inverse-surface-solid-primary-active: #F0F0F0FF; + --inverse-surface-solid-primary: #F5F5F5; + --inverse-surface-solid-secondary-hover: #F7F7F7FF; + --inverse-surface-solid-secondary-active: #E8E8E8FF; + --inverse-surface-solid-secondary: #ECECEC; + --inverse-surface-solid-tertiary-hover: #E8E8E8FF; + --inverse-surface-solid-tertiary-active: #D9D9D9FF; + --inverse-surface-solid-tertiary: #DDDDDD; + --inverse-surface-solid-card-hover: #FFFFFFFF; + --inverse-surface-solid-card-active: #FFFFFFFF; + --inverse-surface-solid-card: #FFFFFFFF; + --inverse-surface-solid-default-hover: #0D0D0DFF; + --inverse-surface-solid-default-active: #030303FF; + --inverse-surface-solid-default: #080808; + --inverse-surface-transparent-primary-hover: #0808080F; + --inverse-surface-transparent-primary-active: #08080800; + --inverse-surface-transparent-primary: #08080805; + --inverse-surface-transparent-secondary-hover: #0808081F; + --inverse-surface-transparent-secondary-active: #0808080A; + --inverse-surface-transparent-secondary: #0808080F; + --inverse-surface-transparent-tertiary-hover: #0808083D; + --inverse-surface-transparent-tertiary-active: #0808080F; + --inverse-surface-transparent-tertiary: #0808081F; + --inverse-surface-transparent-deep-hover: #080808C2; + --inverse-surface-transparent-deep-active: #08080894; + --inverse-surface-transparent-deep: #080808A3; + --inverse-surface-transparent-card-hover: #FFFFFFFF; + --inverse-surface-transparent-card-active: #FFFFFFFF; + --inverse-surface-transparent-card: #FFFFFFFF; --inverse-surface-clear-hover: #00000000; --inverse-surface-clear-active: #00000000; - --inverse-surface-clear: rgba(0, 0, 0, 0); - --inverse-surface-accent-hover: #1EB83AFF; - --inverse-surface-accent-active: #178C2CFF; + --inverse-surface-clear: #00000000; + --inverse-surface-accent-hover: #1DAF37FF; + --inverse-surface-accent-active: #18952FFF; --inverse-surface-accent: #1A9E32; - --inverse-surface-accent-gradient-hover: #FFFFFFFF; - --inverse-surface-accent-gradient-active: #FFFFFFFF; - --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); - --inverse-surface-positive-hover: #1EB83AFF; - --inverse-surface-positive-active: #178C2CFF; + --inverse-surface-positive-hover: #1DAF37FF; + --inverse-surface-positive-active: #18952FFF; --inverse-surface-positive: #1A9E32; - --inverse-surface-warning-hover: #FB782DFF; - --inverse-surface-warning-active: #E65705FF; + --inverse-surface-warning-hover: #FB7223FF; + --inverse-surface-warning-active: #F05B05FF; --inverse-surface-warning: #FA5F05; - --inverse-surface-negative-hover: #FF5263FF; - --inverse-surface-negative-active: #FF142CFF; + --inverse-surface-negative-hover: #FF475AFF; + --inverse-surface-negative-active: #FF1F35FF; --inverse-surface-negative: #FF293E; - --background-primary: #F9F9F9; + --background-primary: #080808; --dark-background-primary: #080808; --light-background-primary: #F9F9F9; - --inverse-background-primary: #080808; - --overlay-soft: #F9F9F98F; - --overlay-hard: #F9F9F9F5; - --overlay-blur: rgba(249,249,249,0.28); + --inverse-background-primary: #F9F9F9; + --overlay-soft: #0808088F; + --overlay-hard: #080808F5; + --overlay-blur: #08080847; --on-dark-overlay-soft: #0808088F; --on-dark-overlay-hard: #080808F5; - --on-dark-overlay-blur: rgba(8,8,8,0.28); + --on-dark-overlay-blur: #08080847; --on-light-overlay-soft: #F9F9F98F; --on-light-overlay-hard: #F9F9F9F5; - --on-light-overlay-blur: rgba(249,249,249,0.28); - --inverse-overlay-soft: #0808088F; - --inverse-overlay-hard: #080808F5; - --inverse-overlay-blur: rgba(8,8,8,0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); + --on-light-overlay-blur: #F9F9F947; + --inverse-overlay-soft: #F9F9F98F; + --inverse-overlay-hard: #F9F9F9F5; + --inverse-overlay-blur: #F9F9F947; color: var(--text-primary); background-color: var(--background-primary); } -.light, - .dark { +.light { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-dark-text-accent-gradient-hover: #CCCCCCFF; + --on-dark-text-accent-gradient-active: #E6E6E6FF; + --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-text-accent-gradient-hover: #CCCCCCFF; + --on-light-text-accent-gradient-active: #E6E6E6FF; + --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --inverse-text-accent-gradient-hover: #CCCCCCFF; + --inverse-text-accent-gradient-active: #E6E6E6FF; + --inverse-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient-hover: #FFFFFFFF; + --inverse-surface-accent-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +.dark, .light { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +.dark, .light { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + +.dark, .light { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -671,64 +747,64 @@ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -747,7 +823,7 @@ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -758,8 +834,7 @@ } @media (max-width: 559px) { - .light, - .dark { + .dark, .light { --plasma-typo-dspl-l-font-size: 5.5rem; --plasma-typo-dspl-l-font-weight: 300; --plasma-typo-dspl-l-line-height: 5.75rem; @@ -866,8 +941,7 @@ } @media (min-width: 560px) and (max-width: 959px) { - .light, - .dark { + .dark, .light { --plasma-typo-dspl-l-font-size: 7rem; --plasma-typo-dspl-l-font-weight: 300; --plasma-typo-dspl-l-line-height: 7rem; @@ -974,8 +1048,7 @@ } @media (min-width: 960px) { - .light, - .dark { + .dark, .light { --plasma-typo-dspl-l-font-size: 8rem; --plasma-typo-dspl-l-font-weight: 300; --plasma-typo-dspl-l-line-height: 8rem; @@ -1079,4 +1152,4 @@ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} +} \ No newline at end of file diff --git a/packages/themes/caldera-online-themes/src/css/caldera_online__dark.css b/packages/themes/caldera-online-themes/src/css/caldera_online__dark.css index 604f102274..fa94a1d9f6 100644 --- a/packages/themes/caldera-online-themes/src/css/caldera_online__dark.css +++ b/packages/themes/caldera-online-themes/src/css/caldera_online__dark.css @@ -3,22 +3,19 @@ :root { --text-primary-hover: #F5F5F593; --text-primary-active: #F5F5F5C4; - --text-primary: #f5f5f5F5; + --text-primary: #F5F5F5F5; --text-secondary-hover: #F5F5F5FF; --text-secondary-active: #F5F5F5AB; - --text-secondary: #F5f5f58F; + --text-secondary: #F5F5F58F; --text-tertiary-hover: #F5F5F5FF; --text-tertiary-active: #F5F5F556; - --text-tertiary: #F5f5f548; + --text-tertiary: #F5F5F548; --text-paragraph-hover: #F5F5F57A; --text-paragraph-active: #F5F5F5A3; - --text-paragraph: #f5f5f5cc; + --text-paragraph: #F5F5F5CC; --text-accent-hover: #2ACB47FF; --text-accent-active: #1F9835FF; --text-accent: #24B23E; - --text-accent-gradient-hover: #CCCCCCFF; - --text-accent-gradient-active: #E6E6E6FF; - --text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --text-positive-hover: #2ACB47FF; --text-positive-active: #1F9835FF; --text-positive: #24B23E; @@ -30,22 +27,19 @@ --text-negative: #FF3D51; --on-dark-text-primary-hover: #F5F5F593; --on-dark-text-primary-active: #F5F5F5C4; - --on-dark-text-primary: #f5f5f5F5; + --on-dark-text-primary: #F5F5F5F5; --on-dark-text-secondary-hover: #F5F5F5FF; --on-dark-text-secondary-active: #F5F5F5AB; - --on-dark-text-secondary: #F5f5f58F; + --on-dark-text-secondary: #F5F5F58F; --on-dark-text-tertiary-hover: #F5F5F5FF; --on-dark-text-tertiary-active: #F5F5F556; - --on-dark-text-tertiary: #F5f5f548; + --on-dark-text-tertiary: #F5F5F548; --on-dark-text-paragraph-hover: #F5F5F57A; --on-dark-text-paragraph-active: #F5F5F5A3; - --on-dark-text-paragraph: #f5f5f5CC; + --on-dark-text-paragraph: #F5F5F5CC; --on-dark-text-accent-hover: #2ACB47FF; --on-dark-text-accent-active: #1F9835FF; --on-dark-text-accent: #24B23E; - --on-dark-text-accent-gradient-hover: #CCCCCCFF; - --on-dark-text-accent-gradient-active: #E6E6E6FF; - --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-dark-text-positive-hover: #2ACB47FF; --on-dark-text-positive-active: #1F9835FF; --on-dark-text-positive: #24B23E; @@ -70,9 +64,6 @@ --on-light-text-accent-hover: #13AA2CFF; --on-light-text-accent-active: #0D731EFF; --on-light-text-accent: #108E26; - --on-light-text-accent-gradient-hover: #CCCCCCFF; - --on-light-text-accent-gradient-active: #E6E6E6FF; - --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --on-light-text-positive-hover: #13AA2CFF; --on-light-text-positive-active: #0D731EFF; --on-light-text-positive: #108E26; @@ -97,9 +88,6 @@ --inverse-text-accent-hover: #13AA2CFF; --inverse-text-accent-active: #0D731EFF; --inverse-text-accent: #108E26; - --inverse-text-accent-gradient-hover: #CCCCCCFF; - --inverse-text-accent-gradient-active: #E6E6E6FF; - --inverse-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --inverse-text-positive-hover: #13AA2CFF; --inverse-text-positive-active: #0D731EFF; --inverse-text-positive: #108E26; @@ -129,10 +117,10 @@ --surface-transparent-primary: #FFFFFF0F; --surface-transparent-secondary-hover: #FFFFFF3D; --surface-transparent-secondary-active: #FFFFFF0F; - --surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --surface-transparent-secondary: #FFFFFF1F; --surface-transparent-tertiary-hover: #FFFFFF52; --surface-transparent-tertiary-active: #FFFFFF24; - --surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --surface-transparent-tertiary: #FFFFFF33; --surface-transparent-deep-hover: #FFFFFFC2; --surface-transparent-deep-active: #FFFFFF94; --surface-transparent-deep: #FFFFFFA3; @@ -141,13 +129,10 @@ --surface-transparent-card: #FFFFFF0F; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0, 0, 0, 0); + --surface-clear: #00000000; --surface-accent-hover: #1DAF37FF; --surface-accent-active: #18952FFF; --surface-accent: #1A9E32; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --surface-positive-hover: #1DAF37FF; --surface-positive-active: #18952FFF; --surface-positive: #1A9E32; @@ -174,13 +159,13 @@ --on-dark-surface-solid-default: #F9F9F9; --on-dark-surface-transparent-primary-hover: #FFFFFF1F; --on-dark-surface-transparent-primary-active: #FFFFFF0A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; --on-dark-surface-transparent-secondary-active: #FFFFFF0F; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; --on-dark-surface-transparent-tertiary-active: #FFFFFF24; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-deep-hover: #FFFFFFC2; --on-dark-surface-transparent-deep-active: #FFFFFF94; --on-dark-surface-transparent-deep: #FFFFFFA3; @@ -189,13 +174,10 @@ --on-dark-surface-transparent-card: #FFFFFF0F; --on-dark-surface-clear-hover: #00000000; --on-dark-surface-clear-active: #00000000; - --on-dark-surface-clear: rgba(0, 0, 0, 0); + --on-dark-surface-clear: #00000000; --on-dark-surface-accent-hover: #1DAF37FF; --on-dark-surface-accent-active: #18952FFF; --on-dark-surface-accent: #1A9E32; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-dark-surface-positive-hover: #1DAF37FF; --on-dark-surface-positive-active: #18952FFF; --on-dark-surface-positive: #1A9E32; @@ -222,28 +204,25 @@ --on-light-surface-solid-default: #080808; --on-light-surface-transparent-primary-hover: #0808080F; --on-light-surface-transparent-primary-active: #08080800; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02); + --on-light-surface-transparent-primary: #08080805; --on-light-surface-transparent-secondary-hover: #0808081F; --on-light-surface-transparent-secondary-active: #0808080A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808083D; --on-light-surface-transparent-tertiary-active: #0808080F; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #080808C2; --on-light-surface-transparent-deep-active: #08080894; --on-light-surface-transparent-deep: #080808A3; --on-light-surface-transparent-card-hover: #0808081F; --on-light-surface-transparent-card-active: #0808080A; - --on-light-surface-transparent-card: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-card: #0808080F; --on-light-surface-clear-hover: #00000000; --on-light-surface-clear-active: #00000000; - --on-light-surface-clear: rgba(0, 0, 0, 0); + --on-light-surface-clear: #00000000; --on-light-surface-accent-hover: #1DAF37FF; --on-light-surface-accent-active: #18952FFF; --on-light-surface-accent: #1A9E32; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-light-surface-positive-hover: #1DAF37FF; --on-light-surface-positive-active: #18952FFF; --on-light-surface-positive: #1A9E32; @@ -270,13 +249,13 @@ --inverse-surface-solid-default: #080808; --inverse-surface-transparent-primary-hover: #0808080F; --inverse-surface-transparent-primary-active: #08080800; - --inverse-surface-transparent-primary: rgba(8, 8, 8, 0.02); + --inverse-surface-transparent-primary: #08080805; --inverse-surface-transparent-secondary-hover: #0808081F; --inverse-surface-transparent-secondary-active: #0808080A; - --inverse-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --inverse-surface-transparent-secondary: #0808080F; --inverse-surface-transparent-tertiary-hover: #0808083D; --inverse-surface-transparent-tertiary-active: #0808080F; - --inverse-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --inverse-surface-transparent-tertiary: #0808081F; --inverse-surface-transparent-deep-hover: #080808C2; --inverse-surface-transparent-deep-active: #08080894; --inverse-surface-transparent-deep: #080808A3; @@ -285,13 +264,10 @@ --inverse-surface-transparent-card: #FFFFFFFF; --inverse-surface-clear-hover: #00000000; --inverse-surface-clear-active: #00000000; - --inverse-surface-clear: rgba(0, 0, 0, 0); + --inverse-surface-clear: #00000000; --inverse-surface-accent-hover: #1DAF37FF; --inverse-surface-accent-active: #18952FFF; --inverse-surface-accent: #1A9E32; - --inverse-surface-accent-gradient-hover: #FFFFFFFF; - --inverse-surface-accent-gradient-active: #FFFFFFFF; - --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --inverse-surface-positive-hover: #1DAF37FF; --inverse-surface-positive-active: #18952FFF; --inverse-surface-positive: #1A9E32; @@ -306,28 +282,104 @@ --light-background-primary: #F9F9F9; --inverse-background-primary: #F9F9F9; --overlay-soft: #0808088F; - --overlay-hard: #080808f5; - --overlay-blur: rgba(8,8,8,0.28); - --on-dark-overlay-soft: #0808088f; - --on-dark-overlay-hard: #080808f5; - --on-dark-overlay-blur: rgba(8,8,8,0.28); - --on-light-overlay-soft: rgba(249,249,249,0.56); - --on-light-overlay-hard: #f9f9f9f5; - --on-light-overlay-blur: rgba(249,249,249,0.28); - --inverse-overlay-soft: #f9f9f98F; - --inverse-overlay-hard: #f9f9f9f5; - --inverse-overlay-blur: rgba(249,249,249,0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); + --overlay-hard: #080808F5; + --overlay-blur: #08080847; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080847; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F947; + --inverse-overlay-soft: #F9F9F98F; + --inverse-overlay-hard: #F9F9F9F5; + --inverse-overlay-blur: #F9F9F947; color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-dark-text-accent-gradient-hover: #CCCCCCFF; + --on-dark-text-accent-gradient-active: #E6E6E6FF; + --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-text-accent-gradient-hover: #CCCCCCFF; + --on-light-text-accent-gradient-active: #E6E6E6FF; + --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --inverse-text-accent-gradient-hover: #CCCCCCFF; + --inverse-text-accent-gradient-active: #E6E6E6FF; + --inverse-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient-hover: #FFFFFFFF; + --inverse-surface-accent-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -347,64 +399,64 @@ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -423,7 +475,7 @@ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -752,4 +804,4 @@ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} +} \ No newline at end of file diff --git a/packages/themes/caldera-online-themes/src/css/caldera_online__light.css b/packages/themes/caldera-online-themes/src/css/caldera_online__light.css index 400911f67d..ab85b3fe6f 100644 --- a/packages/themes/caldera-online-themes/src/css/caldera_online__light.css +++ b/packages/themes/caldera-online-themes/src/css/caldera_online__light.css @@ -16,9 +16,6 @@ --text-accent-hover: #14B32EFF; --text-accent-active: #0C6A1BFF; --text-accent: #108E26; - --text-accent-gradient-hover: #000000FF; - --text-accent-gradient-active: #CCCCCCFF; - --text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --text-positive-hover: #14B32EFF; --text-positive-active: #0C6A1BFF; --text-positive: #108E26; @@ -43,9 +40,6 @@ --on-dark-text-accent-hover: #2BD44AFF; --on-dark-text-accent-active: #1D9032FF; --on-dark-text-accent: #24B23E; - --on-dark-text-accent-gradient-hover: #000000FF; - --on-dark-text-accent-gradient-active: #CCCCCCFF; - --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-dark-text-positive-hover: #2BD44AFF; --on-dark-text-positive-active: #1D9032FF; --on-dark-text-positive: #24B23E; @@ -70,9 +64,6 @@ --on-light-text-accent-hover: #14B32EFF; --on-light-text-accent-active: #0C6A1BFF; --on-light-text-accent: #108E26; - --on-light-text-accent-gradient-hover: #000000FF; - --on-light-text-accent-gradient-active: #CCCCCCFF; - --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --on-light-text-positive-hover: #14B32EFF; --on-light-text-positive-active: #0C6A1BFF; --on-light-text-positive: #108E26; @@ -97,9 +88,6 @@ --inverse-text-accent-hover: #2BD44AFF; --inverse-text-accent-active: #1D9032FF; --inverse-text-accent: #24B23E; - --inverse-text-accent-gradient-hover: #000000FF; - --inverse-text-accent-gradient-active: #CCCCCCFF; - --inverse-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --inverse-text-positive-hover: #2BD44AFF; --inverse-text-positive-active: #1D9032FF; --inverse-text-positive: #24B23E; @@ -126,13 +114,13 @@ --surface-solid-default: #080808; --surface-transparent-primary-hover: #08080800; --surface-transparent-primary-active: #0808080A; - --surface-transparent-primary: rgba(8, 8, 8, 0.02); + --surface-transparent-primary: #08080805; --surface-transparent-secondary-hover: #08080805; --surface-transparent-secondary-active: #0808081A; - --surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --surface-transparent-secondary: #0808080F; --surface-transparent-tertiary-hover: #0808080A; --surface-transparent-tertiary-active: #08080829; - --surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --surface-transparent-tertiary: #0808081F; --surface-transparent-deep-hover: #0808088F; --surface-transparent-deep-active: #080808AD; --surface-transparent-deep: #080808A3; @@ -141,13 +129,10 @@ --surface-transparent-card: #FFFFFFFF; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0, 0, 0, 0); + --surface-clear: #00000000; --surface-accent-hover: #1EB83AFF; --surface-accent-active: #178C2CFF; --surface-accent: #1A9E32; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --surface-positive-hover: #1EB83AFF; --surface-positive-active: #178C2CFF; --surface-positive: #1A9E32; @@ -174,13 +159,13 @@ --on-dark-surface-solid-default: #F9F9F9; --on-dark-surface-transparent-primary-hover: #FFFFFF05; --on-dark-surface-transparent-primary-active: #FFFFFF1A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF0A; --on-dark-surface-transparent-secondary-active: #FFFFFF29; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F; --on-dark-surface-transparent-tertiary-active: #FFFFFF3D; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-deep-hover: #FFFFFF8F; --on-dark-surface-transparent-deep-active: #FFFFFFAD; --on-dark-surface-transparent-deep: #FFFFFFA3; @@ -189,13 +174,10 @@ --on-dark-surface-transparent-card: #FFFFFF0F; --on-dark-surface-clear-hover: #00000000; --on-dark-surface-clear-active: #00000000; - --on-dark-surface-clear: rgba(0, 0, 0, 0); + --on-dark-surface-clear: #00000000; --on-dark-surface-accent-hover: #1EB83AFF; --on-dark-surface-accent-active: #178C2CFF; --on-dark-surface-accent: #1A9E32; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-dark-surface-positive-hover: #1EB83AFF; --on-dark-surface-positive-active: #178C2CFF; --on-dark-surface-positive: #1A9E32; @@ -222,13 +204,13 @@ --on-light-surface-solid-default: #080808; --on-light-surface-transparent-primary-hover: #08080800; --on-light-surface-transparent-primary-active: #0808080A; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02); + --on-light-surface-transparent-primary: #08080805; --on-light-surface-transparent-secondary-hover: #08080805; --on-light-surface-transparent-secondary-active: #0808081A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808080A; --on-light-surface-transparent-tertiary-active: #08080829; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #0808088F; --on-light-surface-transparent-deep-active: #080808AD; --on-light-surface-transparent-deep: #080808A3; @@ -237,13 +219,10 @@ --on-light-surface-transparent-card: #FFFFFFFF; --on-light-surface-clear-hover: #00000000; --on-light-surface-clear-active: #00000000; - --on-light-surface-clear: rgba(0, 0, 0, 0); + --on-light-surface-clear: #00000000; --on-light-surface-accent-hover: #1EB83AFF; --on-light-surface-accent-active: #178C2CFF; --on-light-surface-accent: #1A9E32; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-light-surface-positive-hover: #1EB83AFF; --on-light-surface-positive-active: #178C2CFF; --on-light-surface-positive: #1A9E32; @@ -270,13 +249,13 @@ --inverse-surface-solid-default: #F9F9F9; --inverse-surface-transparent-primary-hover: #FFFFFF05; --inverse-surface-transparent-primary-active: #FFFFFF1A; - --inverse-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --inverse-surface-transparent-primary: #FFFFFF0F; --inverse-surface-transparent-secondary-hover: #FFFFFF0A; --inverse-surface-transparent-secondary-active: #FFFFFF29; - --inverse-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --inverse-surface-transparent-secondary: #FFFFFF1F; --inverse-surface-transparent-tertiary-hover: #FFFFFF1F; --inverse-surface-transparent-tertiary-active: #FFFFFF3D; - --inverse-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --inverse-surface-transparent-tertiary: #FFFFFF33; --inverse-surface-transparent-deep-hover: #FFFFFF8F; --inverse-surface-transparent-deep-active: #FFFFFFAD; --inverse-surface-transparent-deep: #FFFFFFA3; @@ -285,13 +264,10 @@ --inverse-surface-transparent-card: #FFFFFF0F; --inverse-surface-clear-hover: #00000000; --inverse-surface-clear-active: #00000000; - --inverse-surface-clear: rgba(0, 0, 0, 0); + --inverse-surface-clear: #00000000; --inverse-surface-accent-hover: #1EB83AFF; --inverse-surface-accent-active: #178C2CFF; --inverse-surface-accent: #1A9E32; - --inverse-surface-accent-gradient-hover: #FFFFFFFF; - --inverse-surface-accent-gradient-active: #FFFFFFFF; - --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --inverse-surface-positive-hover: #1EB83AFF; --inverse-surface-positive-active: #178C2CFF; --inverse-surface-positive: #1A9E32; @@ -307,27 +283,103 @@ --inverse-background-primary: #080808; --overlay-soft: #F9F9F98F; --overlay-hard: #F9F9F9F5; - --overlay-blur: rgba(249,249,249,0.28); + --overlay-blur: #F9F9F947; --on-dark-overlay-soft: #0808088F; --on-dark-overlay-hard: #080808F5; - --on-dark-overlay-blur: rgba(8,8,8,0.28); + --on-dark-overlay-blur: #08080847; --on-light-overlay-soft: #F9F9F98F; --on-light-overlay-hard: #F9F9F9F5; - --on-light-overlay-blur: rgba(249,249,249,0.28); + --on-light-overlay-blur: #F9F9F947; --inverse-overlay-soft: #0808088F; --inverse-overlay-hard: #080808F5; - --inverse-overlay-blur: rgba(8,8,8,0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); + --inverse-overlay-blur: #08080847; color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-accent-gradient-hover: #000000FF; + --text-accent-gradient-active: #CCCCCCFF; + --text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --on-dark-text-accent-gradient-hover: #000000FF; + --on-dark-text-accent-gradient-active: #CCCCCCFF; + --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-text-accent-gradient-hover: #000000FF; + --on-light-text-accent-gradient-active: #CCCCCCFF; + --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --inverse-text-accent-gradient-hover: #000000FF; + --inverse-text-accent-gradient-active: #CCCCCCFF; + --inverse-text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient-hover: #FFFFFFFF; + --inverse-surface-accent-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -347,64 +399,64 @@ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -423,7 +475,7 @@ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -752,4 +804,4 @@ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} +} \ No newline at end of file diff --git a/packages/themes/caldera-online-themes/src/themes/caldera_online__dark.ts b/packages/themes/caldera-online-themes/src/themes/caldera_online__dark.ts index 4341367d80..11e0e24c6c 100644 --- a/packages/themes/caldera-online-themes/src/themes/caldera_online__dark.ts +++ b/packages/themes/caldera-online-themes/src/themes/caldera_online__dark.ts @@ -5,22 +5,19 @@ export const caldera_online__dark = ([ :root { --text-primary-hover: #F5F5F593; --text-primary-active: #F5F5F5C4; - --text-primary: #f5f5f5F5; + --text-primary: #F5F5F5F5; --text-secondary-hover: #F5F5F5FF; --text-secondary-active: #F5F5F5AB; - --text-secondary: #F5f5f58F; + --text-secondary: #F5F5F58F; --text-tertiary-hover: #F5F5F5FF; --text-tertiary-active: #F5F5F556; - --text-tertiary: #F5f5f548; + --text-tertiary: #F5F5F548; --text-paragraph-hover: #F5F5F57A; --text-paragraph-active: #F5F5F5A3; - --text-paragraph: #f5f5f5cc; + --text-paragraph: #F5F5F5CC; --text-accent-hover: #2ACB47FF; --text-accent-active: #1F9835FF; --text-accent: #24B23E; - --text-accent-gradient-hover: #CCCCCCFF; - --text-accent-gradient-active: #E6E6E6FF; - --text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --text-positive-hover: #2ACB47FF; --text-positive-active: #1F9835FF; --text-positive: #24B23E; @@ -32,22 +29,19 @@ export const caldera_online__dark = ([ --text-negative: #FF3D51; --on-dark-text-primary-hover: #F5F5F593; --on-dark-text-primary-active: #F5F5F5C4; - --on-dark-text-primary: #f5f5f5F5; + --on-dark-text-primary: #F5F5F5F5; --on-dark-text-secondary-hover: #F5F5F5FF; --on-dark-text-secondary-active: #F5F5F5AB; - --on-dark-text-secondary: #F5f5f58F; + --on-dark-text-secondary: #F5F5F58F; --on-dark-text-tertiary-hover: #F5F5F5FF; --on-dark-text-tertiary-active: #F5F5F556; - --on-dark-text-tertiary: #F5f5f548; + --on-dark-text-tertiary: #F5F5F548; --on-dark-text-paragraph-hover: #F5F5F57A; --on-dark-text-paragraph-active: #F5F5F5A3; - --on-dark-text-paragraph: #f5f5f5CC; + --on-dark-text-paragraph: #F5F5F5CC; --on-dark-text-accent-hover: #2ACB47FF; --on-dark-text-accent-active: #1F9835FF; --on-dark-text-accent: #24B23E; - --on-dark-text-accent-gradient-hover: #CCCCCCFF; - --on-dark-text-accent-gradient-active: #E6E6E6FF; - --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-dark-text-positive-hover: #2ACB47FF; --on-dark-text-positive-active: #1F9835FF; --on-dark-text-positive: #24B23E; @@ -72,9 +66,6 @@ export const caldera_online__dark = ([ --on-light-text-accent-hover: #13AA2CFF; --on-light-text-accent-active: #0D731EFF; --on-light-text-accent: #108E26; - --on-light-text-accent-gradient-hover: #CCCCCCFF; - --on-light-text-accent-gradient-active: #E6E6E6FF; - --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --on-light-text-positive-hover: #13AA2CFF; --on-light-text-positive-active: #0D731EFF; --on-light-text-positive: #108E26; @@ -99,9 +90,6 @@ export const caldera_online__dark = ([ --inverse-text-accent-hover: #13AA2CFF; --inverse-text-accent-active: #0D731EFF; --inverse-text-accent: #108E26; - --inverse-text-accent-gradient-hover: #CCCCCCFF; - --inverse-text-accent-gradient-active: #E6E6E6FF; - --inverse-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --inverse-text-positive-hover: #13AA2CFF; --inverse-text-positive-active: #0D731EFF; --inverse-text-positive: #108E26; @@ -131,10 +119,10 @@ export const caldera_online__dark = ([ --surface-transparent-primary: #FFFFFF0F; --surface-transparent-secondary-hover: #FFFFFF3D; --surface-transparent-secondary-active: #FFFFFF0F; - --surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --surface-transparent-secondary: #FFFFFF1F; --surface-transparent-tertiary-hover: #FFFFFF52; --surface-transparent-tertiary-active: #FFFFFF24; - --surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --surface-transparent-tertiary: #FFFFFF33; --surface-transparent-deep-hover: #FFFFFFC2; --surface-transparent-deep-active: #FFFFFF94; --surface-transparent-deep: #FFFFFFA3; @@ -143,13 +131,10 @@ export const caldera_online__dark = ([ --surface-transparent-card: #FFFFFF0F; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0, 0, 0, 0); + --surface-clear: #00000000; --surface-accent-hover: #1DAF37FF; --surface-accent-active: #18952FFF; --surface-accent: #1A9E32; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --surface-positive-hover: #1DAF37FF; --surface-positive-active: #18952FFF; --surface-positive: #1A9E32; @@ -176,13 +161,13 @@ export const caldera_online__dark = ([ --on-dark-surface-solid-default: #F9F9F9; --on-dark-surface-transparent-primary-hover: #FFFFFF1F; --on-dark-surface-transparent-primary-active: #FFFFFF0A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; --on-dark-surface-transparent-secondary-active: #FFFFFF0F; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; --on-dark-surface-transparent-tertiary-active: #FFFFFF24; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-deep-hover: #FFFFFFC2; --on-dark-surface-transparent-deep-active: #FFFFFF94; --on-dark-surface-transparent-deep: #FFFFFFA3; @@ -191,13 +176,10 @@ export const caldera_online__dark = ([ --on-dark-surface-transparent-card: #FFFFFF0F; --on-dark-surface-clear-hover: #00000000; --on-dark-surface-clear-active: #00000000; - --on-dark-surface-clear: rgba(0, 0, 0, 0); + --on-dark-surface-clear: #00000000; --on-dark-surface-accent-hover: #1DAF37FF; --on-dark-surface-accent-active: #18952FFF; --on-dark-surface-accent: #1A9E32; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-dark-surface-positive-hover: #1DAF37FF; --on-dark-surface-positive-active: #18952FFF; --on-dark-surface-positive: #1A9E32; @@ -224,28 +206,25 @@ export const caldera_online__dark = ([ --on-light-surface-solid-default: #080808; --on-light-surface-transparent-primary-hover: #0808080F; --on-light-surface-transparent-primary-active: #08080800; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02); + --on-light-surface-transparent-primary: #08080805; --on-light-surface-transparent-secondary-hover: #0808081F; --on-light-surface-transparent-secondary-active: #0808080A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808083D; --on-light-surface-transparent-tertiary-active: #0808080F; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #080808C2; --on-light-surface-transparent-deep-active: #08080894; --on-light-surface-transparent-deep: #080808A3; --on-light-surface-transparent-card-hover: #0808081F; --on-light-surface-transparent-card-active: #0808080A; - --on-light-surface-transparent-card: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-card: #0808080F; --on-light-surface-clear-hover: #00000000; --on-light-surface-clear-active: #00000000; - --on-light-surface-clear: rgba(0, 0, 0, 0); + --on-light-surface-clear: #00000000; --on-light-surface-accent-hover: #1DAF37FF; --on-light-surface-accent-active: #18952FFF; --on-light-surface-accent: #1A9E32; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-light-surface-positive-hover: #1DAF37FF; --on-light-surface-positive-active: #18952FFF; --on-light-surface-positive: #1A9E32; @@ -272,13 +251,13 @@ export const caldera_online__dark = ([ --inverse-surface-solid-default: #080808; --inverse-surface-transparent-primary-hover: #0808080F; --inverse-surface-transparent-primary-active: #08080800; - --inverse-surface-transparent-primary: rgba(8, 8, 8, 0.02); + --inverse-surface-transparent-primary: #08080805; --inverse-surface-transparent-secondary-hover: #0808081F; --inverse-surface-transparent-secondary-active: #0808080A; - --inverse-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --inverse-surface-transparent-secondary: #0808080F; --inverse-surface-transparent-tertiary-hover: #0808083D; --inverse-surface-transparent-tertiary-active: #0808080F; - --inverse-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --inverse-surface-transparent-tertiary: #0808081F; --inverse-surface-transparent-deep-hover: #080808C2; --inverse-surface-transparent-deep-active: #08080894; --inverse-surface-transparent-deep: #080808A3; @@ -287,13 +266,10 @@ export const caldera_online__dark = ([ --inverse-surface-transparent-card: #FFFFFFFF; --inverse-surface-clear-hover: #00000000; --inverse-surface-clear-active: #00000000; - --inverse-surface-clear: rgba(0, 0, 0, 0); + --inverse-surface-clear: #00000000; --inverse-surface-accent-hover: #1DAF37FF; --inverse-surface-accent-active: #18952FFF; --inverse-surface-accent: #1A9E32; - --inverse-surface-accent-gradient-hover: #FFFFFFFF; - --inverse-surface-accent-gradient-active: #FFFFFFFF; - --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --inverse-surface-positive-hover: #1DAF37FF; --inverse-surface-positive-active: #18952FFF; --inverse-surface-positive: #1A9E32; @@ -308,28 +284,104 @@ export const caldera_online__dark = ([ --light-background-primary: #F9F9F9; --inverse-background-primary: #F9F9F9; --overlay-soft: #0808088F; - --overlay-hard: #080808f5; - --overlay-blur: rgba(8,8,8,0.28); - --on-dark-overlay-soft: #0808088f; - --on-dark-overlay-hard: #080808f5; - --on-dark-overlay-blur: rgba(8,8,8,0.28); - --on-light-overlay-soft: rgba(249,249,249,0.56); - --on-light-overlay-hard: #f9f9f9f5; - --on-light-overlay-blur: rgba(249,249,249,0.28); - --inverse-overlay-soft: #f9f9f98F; - --inverse-overlay-hard: #f9f9f9f5; - --inverse-overlay-blur: rgba(249,249,249,0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); + --overlay-hard: #080808F5; + --overlay-blur: #08080847; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080847; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F947; + --inverse-overlay-soft: #F9F9F98F; + --inverse-overlay-hard: #F9F9F9F5; + --inverse-overlay-blur: #F9F9F947; color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-dark-text-accent-gradient-hover: #CCCCCCFF; + --on-dark-text-accent-gradient-active: #E6E6E6FF; + --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-text-accent-gradient-hover: #CCCCCCFF; + --on-light-text-accent-gradient-active: #E6E6E6FF; + --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --inverse-text-accent-gradient-hover: #CCCCCCFF; + --inverse-text-accent-gradient-active: #E6E6E6FF; + --inverse-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient-hover: #FFFFFFFF; + --inverse-surface-accent-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -349,64 +401,64 @@ export const caldera_online__dark = ([ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -425,7 +477,7 @@ export const caldera_online__dark = ([ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -754,6 +806,5 @@ export const caldera_online__dark = ([ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} -`, +}`, ] as unknown) as TemplateStringsArray; diff --git a/packages/themes/caldera-online-themes/src/themes/caldera_online__light.ts b/packages/themes/caldera-online-themes/src/themes/caldera_online__light.ts index 24d516a7e8..991727882c 100644 --- a/packages/themes/caldera-online-themes/src/themes/caldera_online__light.ts +++ b/packages/themes/caldera-online-themes/src/themes/caldera_online__light.ts @@ -18,9 +18,6 @@ export const caldera_online__light = ([ --text-accent-hover: #14B32EFF; --text-accent-active: #0C6A1BFF; --text-accent: #108E26; - --text-accent-gradient-hover: #000000FF; - --text-accent-gradient-active: #CCCCCCFF; - --text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --text-positive-hover: #14B32EFF; --text-positive-active: #0C6A1BFF; --text-positive: #108E26; @@ -45,9 +42,6 @@ export const caldera_online__light = ([ --on-dark-text-accent-hover: #2BD44AFF; --on-dark-text-accent-active: #1D9032FF; --on-dark-text-accent: #24B23E; - --on-dark-text-accent-gradient-hover: #000000FF; - --on-dark-text-accent-gradient-active: #CCCCCCFF; - --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-dark-text-positive-hover: #2BD44AFF; --on-dark-text-positive-active: #1D9032FF; --on-dark-text-positive: #24B23E; @@ -72,9 +66,6 @@ export const caldera_online__light = ([ --on-light-text-accent-hover: #14B32EFF; --on-light-text-accent-active: #0C6A1BFF; --on-light-text-accent: #108E26; - --on-light-text-accent-gradient-hover: #000000FF; - --on-light-text-accent-gradient-active: #CCCCCCFF; - --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --on-light-text-positive-hover: #14B32EFF; --on-light-text-positive-active: #0C6A1BFF; --on-light-text-positive: #108E26; @@ -99,9 +90,6 @@ export const caldera_online__light = ([ --inverse-text-accent-hover: #2BD44AFF; --inverse-text-accent-active: #1D9032FF; --inverse-text-accent: #24B23E; - --inverse-text-accent-gradient-hover: #000000FF; - --inverse-text-accent-gradient-active: #CCCCCCFF; - --inverse-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --inverse-text-positive-hover: #2BD44AFF; --inverse-text-positive-active: #1D9032FF; --inverse-text-positive: #24B23E; @@ -128,13 +116,13 @@ export const caldera_online__light = ([ --surface-solid-default: #080808; --surface-transparent-primary-hover: #08080800; --surface-transparent-primary-active: #0808080A; - --surface-transparent-primary: rgba(8, 8, 8, 0.02); + --surface-transparent-primary: #08080805; --surface-transparent-secondary-hover: #08080805; --surface-transparent-secondary-active: #0808081A; - --surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --surface-transparent-secondary: #0808080F; --surface-transparent-tertiary-hover: #0808080A; --surface-transparent-tertiary-active: #08080829; - --surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --surface-transparent-tertiary: #0808081F; --surface-transparent-deep-hover: #0808088F; --surface-transparent-deep-active: #080808AD; --surface-transparent-deep: #080808A3; @@ -143,13 +131,10 @@ export const caldera_online__light = ([ --surface-transparent-card: #FFFFFFFF; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0, 0, 0, 0); + --surface-clear: #00000000; --surface-accent-hover: #1EB83AFF; --surface-accent-active: #178C2CFF; --surface-accent: #1A9E32; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --surface-positive-hover: #1EB83AFF; --surface-positive-active: #178C2CFF; --surface-positive: #1A9E32; @@ -176,13 +161,13 @@ export const caldera_online__light = ([ --on-dark-surface-solid-default: #F9F9F9; --on-dark-surface-transparent-primary-hover: #FFFFFF05; --on-dark-surface-transparent-primary-active: #FFFFFF1A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF0A; --on-dark-surface-transparent-secondary-active: #FFFFFF29; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F; --on-dark-surface-transparent-tertiary-active: #FFFFFF3D; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-deep-hover: #FFFFFF8F; --on-dark-surface-transparent-deep-active: #FFFFFFAD; --on-dark-surface-transparent-deep: #FFFFFFA3; @@ -191,13 +176,10 @@ export const caldera_online__light = ([ --on-dark-surface-transparent-card: #FFFFFF0F; --on-dark-surface-clear-hover: #00000000; --on-dark-surface-clear-active: #00000000; - --on-dark-surface-clear: rgba(0, 0, 0, 0); + --on-dark-surface-clear: #00000000; --on-dark-surface-accent-hover: #1EB83AFF; --on-dark-surface-accent-active: #178C2CFF; --on-dark-surface-accent: #1A9E32; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-dark-surface-positive-hover: #1EB83AFF; --on-dark-surface-positive-active: #178C2CFF; --on-dark-surface-positive: #1A9E32; @@ -224,13 +206,13 @@ export const caldera_online__light = ([ --on-light-surface-solid-default: #080808; --on-light-surface-transparent-primary-hover: #08080800; --on-light-surface-transparent-primary-active: #0808080A; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02); + --on-light-surface-transparent-primary: #08080805; --on-light-surface-transparent-secondary-hover: #08080805; --on-light-surface-transparent-secondary-active: #0808081A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808080A; --on-light-surface-transparent-tertiary-active: #08080829; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #0808088F; --on-light-surface-transparent-deep-active: #080808AD; --on-light-surface-transparent-deep: #080808A3; @@ -239,13 +221,10 @@ export const caldera_online__light = ([ --on-light-surface-transparent-card: #FFFFFFFF; --on-light-surface-clear-hover: #00000000; --on-light-surface-clear-active: #00000000; - --on-light-surface-clear: rgba(0, 0, 0, 0); + --on-light-surface-clear: #00000000; --on-light-surface-accent-hover: #1EB83AFF; --on-light-surface-accent-active: #178C2CFF; --on-light-surface-accent: #1A9E32; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-light-surface-positive-hover: #1EB83AFF; --on-light-surface-positive-active: #178C2CFF; --on-light-surface-positive: #1A9E32; @@ -272,13 +251,13 @@ export const caldera_online__light = ([ --inverse-surface-solid-default: #F9F9F9; --inverse-surface-transparent-primary-hover: #FFFFFF05; --inverse-surface-transparent-primary-active: #FFFFFF1A; - --inverse-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --inverse-surface-transparent-primary: #FFFFFF0F; --inverse-surface-transparent-secondary-hover: #FFFFFF0A; --inverse-surface-transparent-secondary-active: #FFFFFF29; - --inverse-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --inverse-surface-transparent-secondary: #FFFFFF1F; --inverse-surface-transparent-tertiary-hover: #FFFFFF1F; --inverse-surface-transparent-tertiary-active: #FFFFFF3D; - --inverse-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --inverse-surface-transparent-tertiary: #FFFFFF33; --inverse-surface-transparent-deep-hover: #FFFFFF8F; --inverse-surface-transparent-deep-active: #FFFFFFAD; --inverse-surface-transparent-deep: #FFFFFFA3; @@ -287,13 +266,10 @@ export const caldera_online__light = ([ --inverse-surface-transparent-card: #FFFFFF0F; --inverse-surface-clear-hover: #00000000; --inverse-surface-clear-active: #00000000; - --inverse-surface-clear: rgba(0, 0, 0, 0); + --inverse-surface-clear: #00000000; --inverse-surface-accent-hover: #1EB83AFF; --inverse-surface-accent-active: #178C2CFF; --inverse-surface-accent: #1A9E32; - --inverse-surface-accent-gradient-hover: #FFFFFFFF; - --inverse-surface-accent-gradient-active: #FFFFFFFF; - --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --inverse-surface-positive-hover: #1EB83AFF; --inverse-surface-positive-active: #178C2CFF; --inverse-surface-positive: #1A9E32; @@ -309,27 +285,103 @@ export const caldera_online__light = ([ --inverse-background-primary: #080808; --overlay-soft: #F9F9F98F; --overlay-hard: #F9F9F9F5; - --overlay-blur: rgba(249,249,249,0.28); + --overlay-blur: #F9F9F947; --on-dark-overlay-soft: #0808088F; --on-dark-overlay-hard: #080808F5; - --on-dark-overlay-blur: rgba(8,8,8,0.28); + --on-dark-overlay-blur: #08080847; --on-light-overlay-soft: #F9F9F98F; --on-light-overlay-hard: #F9F9F9F5; - --on-light-overlay-blur: rgba(249,249,249,0.28); + --on-light-overlay-blur: #F9F9F947; --inverse-overlay-soft: #0808088F; --inverse-overlay-hard: #080808F5; - --inverse-overlay-blur: rgba(8,8,8,0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); + --inverse-overlay-blur: #08080847; color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-accent-gradient-hover: #000000FF; + --text-accent-gradient-active: #CCCCCCFF; + --text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --on-dark-text-accent-gradient-hover: #000000FF; + --on-dark-text-accent-gradient-active: #CCCCCCFF; + --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-text-accent-gradient-hover: #000000FF; + --on-light-text-accent-gradient-active: #CCCCCCFF; + --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --inverse-text-accent-gradient-hover: #000000FF; + --inverse-text-accent-gradient-active: #CCCCCCFF; + --inverse-text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient-hover: #FFFFFFFF; + --inverse-surface-accent-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -349,64 +401,64 @@ export const caldera_online__light = ([ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -425,7 +477,7 @@ export const caldera_online__light = ([ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -754,6 +806,5 @@ export const caldera_online__light = ([ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} -`, +}`, ] as unknown) as TemplateStringsArray; diff --git a/packages/themes/caldera-online-themes/src/themes/index.ts b/packages/themes/caldera-online-themes/src/themes/index.ts index 8e1c85e74d..a541f19c7e 100644 --- a/packages/themes/caldera-online-themes/src/themes/index.ts +++ b/packages/themes/caldera-online-themes/src/themes/index.ts @@ -1,4 +1,4 @@ // Generated by robots, do not change this manually! -export { caldera_online__light } from './caldera_online__light'; export { caldera_online__dark } from './caldera_online__dark'; +export { caldera_online__light } from './caldera_online__light'; diff --git a/packages/themes/caldera-online-themes/src/tokens/caldera_online/index.ts b/packages/themes/caldera-online-themes/src/tokens/caldera_online/index.ts index cb43bdf5d9..fc2c246b6b 100644 --- a/packages/themes/caldera-online-themes/src/tokens/caldera_online/index.ts +++ b/packages/themes/caldera-online-themes/src/tokens/caldera_online/index.ts @@ -7,7 +7,7 @@ export const textPrimaryHover = 'var(--text-primary-hover, #F5F5F593)'; export const textPrimaryActive = 'var(--text-primary-active, #F5F5F5C4)'; /** Основной цвет текста */ -export const textPrimary = 'var(--text-primary, #f5f5f5F5)'; +export const textPrimary = 'var(--text-primary, #F5F5F5F5)'; /** Вторичный цвет текста */ export const textSecondaryHover = 'var(--text-secondary-hover, #F5F5F5FF)'; @@ -16,7 +16,7 @@ export const textSecondaryHover = 'var(--text-secondary-hover, #F5F5F5FF)'; export const textSecondaryActive = 'var(--text-secondary-active, #F5F5F5AB)'; /** Вторичный цвет текста */ -export const textSecondary = 'var(--text-secondary, #F5f5f58F)'; +export const textSecondary = 'var(--text-secondary, #F5F5F58F)'; /** Третичный цвет текста */ export const textTertiaryHover = 'var(--text-tertiary-hover, #F5F5F5FF)'; @@ -25,7 +25,7 @@ export const textTertiaryHover = 'var(--text-tertiary-hover, #F5F5F5FF)'; export const textTertiaryActive = 'var(--text-tertiary-active, #F5F5F556)'; /** Третичный цвет текста */ -export const textTertiary = 'var(--text-tertiary, #F5f5f548)'; +export const textTertiary = 'var(--text-tertiary, #F5F5F548)'; /** Сплошной наборный текст */ export const textParagraphHover = 'var(--text-paragraph-hover, #F5F5F57A)'; @@ -34,7 +34,7 @@ export const textParagraphHover = 'var(--text-paragraph-hover, #F5F5F57A)'; export const textParagraphActive = 'var(--text-paragraph-active, #F5F5F5A3)'; /** Сплошной наборный текст */ -export const textParagraph = 'var(--text-paragraph, #f5f5f5cc)'; +export const textParagraph = 'var(--text-paragraph, #F5F5F5CC)'; /** Акцентный цвет */ export const textAccentHover = 'var(--text-accent-hover, #2ACB47FF)'; @@ -45,15 +45,6 @@ export const textAccentActive = 'var(--text-accent-active, #1F9835FF)'; /** Акцентный цвет */ export const textAccent = 'var(--text-accent, #24B23E)'; -/** Акцентный цвет с градиентом */ -export const textAccentGradientHover = 'var(--text-accent-gradient-hover, #CCCCCCFF)'; - -/** Акцентный цвет с градиентом */ -export const textAccentGradientActive = 'var(--text-accent-gradient-active, #E6E6E6FF)'; - -/** Акцентный цвет с градиентом */ -export const textAccentGradient = 'var(--text-accent-gradient, linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%))'; - /** Цвет успеха */ export const textPositiveHover = 'var(--text-positive-hover, #2ACB47FF)'; @@ -88,7 +79,7 @@ export const onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #F5F5F5 export const onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #F5F5F5C4)'; /** Основной цвет текста на темном фоне */ -export const onDarkTextPrimary = 'var(--on-dark-text-primary, #f5f5f5F5)'; +export const onDarkTextPrimary = 'var(--on-dark-text-primary, #F5F5F5F5)'; /** Вторичный цвет текста на темном фоне */ export const onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #F5F5F5FF)'; @@ -97,7 +88,7 @@ export const onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #F5 export const onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #F5F5F5AB)'; /** Вторичный цвет текста на темном фоне */ -export const onDarkTextSecondary = 'var(--on-dark-text-secondary, #F5f5f58F)'; +export const onDarkTextSecondary = 'var(--on-dark-text-secondary, #F5F5F58F)'; /** Третичный цвет текста на темном фоне */ export const onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #F5F5F5FF)'; @@ -106,7 +97,7 @@ export const onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #F5F5 export const onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #F5F5F556)'; /** Третичный цвет текста на темном фоне */ -export const onDarkTextTertiary = 'var(--on-dark-text-tertiary, #F5f5f548)'; +export const onDarkTextTertiary = 'var(--on-dark-text-tertiary, #F5F5F548)'; /** Сплошной наборный текст на темном фоне */ export const onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F5F5F57A)'; @@ -115,7 +106,7 @@ export const onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F5 export const onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #F5F5F5A3)'; /** Сплошной наборный текст на темном фоне */ -export const onDarkTextParagraph = 'var(--on-dark-text-paragraph, #f5f5f5CC)'; +export const onDarkTextParagraph = 'var(--on-dark-text-paragraph, #F5F5F5CC)'; /** Акцентный цвет на темном фоне */ export const onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #2ACB47FF)'; @@ -126,16 +117,6 @@ export const onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #1F9835 /** Акцентный цвет на темном фоне */ export const onDarkTextAccent = 'var(--on-dark-text-accent, #24B23E)'; -/** Акцентный цвет с градиентом на темном фоне */ -export const onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient-hover, #CCCCCCFF)'; - -/** Акцентный цвет с градиентом на темном фоне */ -export const onDarkTextAccentGradientActive = 'var(--on-dark-text-accent-gradient-active, #E6E6E6FF)'; - -/** Акцентный цвет с градиентом на темном фоне */ -export const onDarkTextAccentGradient = - 'var(--on-dark-text-accent-gradient, linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%))'; - /** Цвет успеха на темном фоне */ export const onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #2ACB47FF)'; @@ -208,16 +189,6 @@ export const onLightTextAccentActive = 'var(--on-light-text-accent-active, #0D73 /** Акцентный цвет на светлом фоне */ export const onLightTextAccent = 'var(--on-light-text-accent, #108E26)'; -/** Акцентный цвет с градиентом на светлом фоне */ -export const onLightTextAccentGradientHover = 'var(--on-light-text-accent-gradient-hover, #CCCCCCFF)'; - -/** Акцентный цвет с градиентом на светлом фоне */ -export const onLightTextAccentGradientActive = 'var(--on-light-text-accent-gradient-active, #E6E6E6FF)'; - -/** Акцентный цвет с градиентом на светлом фоне */ -export const onLightTextAccentGradient = - 'var(--on-light-text-accent-gradient, linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%))'; - /** Цвет успеха на светлом фоне */ export const onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #13AA2CFF)'; @@ -290,16 +261,6 @@ export const inverseTextAccentActive = 'var(--inverse-text-accent-active, #0D731 /** Инвертированный акцентный цвет */ export const inverseTextAccent = 'var(--inverse-text-accent, #108E26)'; -/** Инвертированный акцентный цвет с градиентом */ -export const inverseTextAccentGradientHover = 'var(--inverse-text-accent-gradient-hover, #CCCCCCFF)'; - -/** Инвертированный акцентный цвет с градиентом */ -export const inverseTextAccentGradientActive = 'var(--inverse-text-accent-gradient-active, #E6E6E6FF)'; - -/** Инвертированный акцентный цвет с градиентом */ -export const inverseTextAccentGradient = - 'var(--inverse-text-accent-gradient, linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%))'; - /** Инвертированный цвет успеха */ export const inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #13AA2CFF)'; @@ -388,7 +349,7 @@ export const surfaceTransparentSecondaryHover = 'var(--surface-transparent-secon export const surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF0F)'; /** Вторичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentSecondary = 'var(--surface-transparent-secondary, rgba(255, 255, 255, 0.12))'; +export const surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #FFFFFF1F)'; /** Третичный прозрачный фон поверхности/контрола */ export const surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFF52)'; @@ -397,7 +358,7 @@ export const surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertia export const surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FFFFFF24)'; /** Третичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, rgba(255, 255, 255, 0.2))'; +export const surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #FFFFFF33)'; /** Прозрачный фон поверхности/контрола по умолчанию */ export const surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #FFFFFFC2)'; @@ -424,7 +385,7 @@ export const surfaceClearHover = 'var(--surface-clear-hover, #00000000)'; export const surfaceClearActive = 'var(--surface-clear-active, #00000000)'; /** Фон поверхности/контрола без заливки */ -export const surfaceClear = 'var(--surface-clear, rgba(0, 0, 0, 0))'; +export const surfaceClear = 'var(--surface-clear, #00000000)'; /** Акцентный фон поверхности/контрола */ export const surfaceAccentHover = 'var(--surface-accent-hover, #1DAF37FF)'; @@ -435,15 +396,6 @@ export const surfaceAccentActive = 'var(--surface-accent-active, #18952FFF)'; /** Акцентный фон поверхности/контрола */ export const surfaceAccent = 'var(--surface-accent, #1A9E32)'; -/** Акцентный фон поверхности/контрола с градиентом */ -export const surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, #FFFFFFFF)'; - -/** Акцентный фон поверхности/контрола с градиентом */ -export const surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #FFFFFFFF)'; - -/** Акцентный фон поверхности/контрола с градиентом */ -export const surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%))'; - /** Цвет фона поверхности/контрола успех */ export const surfacePositiveHover = 'var(--surface-positive-hover, #1DAF37FF)'; @@ -523,7 +475,7 @@ export const onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-trans export const onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFF0A)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, rgba(255, 255, 255, 0.06))'; +export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #FFFFFF0F)'; /** Вторичный прозрачный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF3D)'; @@ -532,8 +484,7 @@ export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-tra export const onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFF0F)'; /** Вторичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentSecondary = - 'var(--on-dark-surface-transparent-secondary, rgba(255, 255, 255, 0.12))'; +export const onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF1F)'; /** Третичный прозрачный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFF52)'; @@ -542,7 +493,7 @@ export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-tran export const onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFF24)'; /** Третичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, rgba(255, 255, 255, 0.2))'; +export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #FFFFFF33)'; /** Прозрачный фон поверхности по умолчанию на темном фоне */ export const onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #FFFFFFC2)'; @@ -569,7 +520,7 @@ export const onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover, #0000 export const onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active, #00000000)'; /** Фон поверхности/контрола без заливки на темном фоне */ -export const onDarkSurfaceClear = 'var(--on-dark-surface-clear, rgba(0, 0, 0, 0))'; +export const onDarkSurfaceClear = 'var(--on-dark-surface-clear, #00000000)'; /** Акцентный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #1DAF37FF)'; @@ -580,16 +531,6 @@ export const onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, # /** Акцентный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #1A9E32)'; -/** Акцентный фон поверхности/контрола с градиентом на темном фоне */ -export const onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-hover, #FFFFFFFF)'; - -/** Акцентный фон поверхности/контрола с градиентом на темном фоне */ -export const onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #FFFFFFFF)'; - -/** Акцентный фон поверхности/контрола с градиентом на темном фоне */ -export const onDarkSurfaceAccentGradient = - 'var(--on-dark-surface-accent-gradient, linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%))'; - /** Цвет фона поверхности/контрола успех на темном фоне */ export const onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #1DAF37FF)'; @@ -669,7 +610,7 @@ export const onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-tra export const onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #08080800)'; /** Основной прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, rgba(8, 8, 8, 0.02))'; +export const onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #08080805)'; /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ export const onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #0808081F)'; @@ -679,7 +620,7 @@ export const onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #0808080A)'; /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, rgba(8, 8, 8, 0.06))'; +export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #0808080F)'; /** Третичный прозрачный фон поверхности/контрола на светлом фоне */ export const onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #0808083D)'; @@ -688,7 +629,7 @@ export const onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-tr export const onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #0808080F)'; /** Третичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, rgba(8, 8, 8, 0.12))'; +export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #0808081F)'; /** Прозрачный фон поверхности по умолчанию на светлом фоне */ export const onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #080808C2)'; @@ -706,7 +647,7 @@ export const onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transp export const onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #0808080A)'; /** Прозрачный фон для карточек на светлом фоне */ -export const onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, rgba(8, 8, 8, 0.06))'; +export const onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #0808080F)'; /** Фон поверхности/контрола без заливки на светлом фоне */ export const onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover, #00000000)'; @@ -715,7 +656,7 @@ export const onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover, #00 export const onLightSurfaceClearActive = 'var(--on-light-surface-clear-active, #00000000)'; /** Фон поверхности/контрола без заливки на светлом фоне */ -export const onLightSurfaceClear = 'var(--on-light-surface-clear, rgba(0, 0, 0, 0))'; +export const onLightSurfaceClear = 'var(--on-light-surface-clear, #00000000)'; /** Акцентный фон поверхности/контрола на светлом фоне */ export const onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #1DAF37FF)'; @@ -726,16 +667,6 @@ export const onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, /** Акцентный фон поверхности/контрола на светлом фоне */ export const onLightSurfaceAccent = 'var(--on-light-surface-accent, #1A9E32)'; -/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */ -export const onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #FFFFFFFF)'; - -/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */ -export const onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #FFFFFFFF)'; - -/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */ -export const onLightSurfaceAccentGradient = - 'var(--on-light-surface-accent-gradient, linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%))'; - /** Цвет фона поверхности/контрола успех на светлом фоне */ export const onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1DAF37FF)'; @@ -815,7 +746,7 @@ export const inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-tran export const inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #08080800)'; /** Инвертированный основной прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, rgba(8, 8, 8, 0.02))'; +export const inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #08080805)'; /** Инвертированный вторичный прозрачный фон поверхности/контрола */ export const inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #0808081F)'; @@ -825,7 +756,7 @@ export const inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active, #0808080A)'; /** Инвертированный вторичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, rgba(8, 8, 8, 0.06))'; +export const inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #0808080F)'; /** Инвертированный третичный прозрачный фон поверхности/контрола */ export const inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #0808083D)'; @@ -834,7 +765,7 @@ export const inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-tra export const inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #0808080F)'; /** Инвертированный третичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, rgba(8, 8, 8, 0.12))'; +export const inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #0808081F)'; /** Инвертированный прозрачный фон поверхности по умолчанию */ export const inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #080808C2)'; @@ -861,7 +792,7 @@ export const inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover, #000 export const inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #00000000)'; /** Инвертированный фон поверхности/контрола без заливки */ -export const inverseSurfaceClear = 'var(--inverse-surface-clear, rgba(0, 0, 0, 0))'; +export const inverseSurfaceClear = 'var(--inverse-surface-clear, #00000000)'; /** Инвертированный акцентный фон поверхности/контрола */ export const inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #1DAF37FF)'; @@ -872,16 +803,6 @@ export const inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, /** Инвертированный акцентный фон поверхности/контрола */ export const inverseSurfaceAccent = 'var(--inverse-surface-accent, #1A9E32)'; -/** Инвертированный акцентный фон поверхности/контрола с градиентом */ -export const inverseSurfaceAccentGradientHover = 'var(--inverse-surface-accent-gradient-hover, #FFFFFFFF)'; - -/** Инвертированный акцентный фон поверхности/контрола с градиентом */ -export const inverseSurfaceAccentGradientActive = 'var(--inverse-surface-accent-gradient-active, #FFFFFFFF)'; - -/** Инвертированный акцентный фон поверхности/контрола с градиентом */ -export const inverseSurfaceAccentGradient = - 'var(--inverse-surface-accent-gradient, linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%))'; - /** Инвертированный цвет фона поверхности/контрола успех */ export const inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #1DAF37FF)'; @@ -925,36 +846,594 @@ export const inverseBackgroundPrimary = 'var(--inverse-background-primary, #F9F9 export const overlaySoft = 'var(--overlay-soft, #0808088F)'; /** Цвет фона паранжи темный */ -export const overlayHard = 'var(--overlay-hard, #080808f5)'; +export const overlayHard = 'var(--overlay-hard, #080808F5)'; -export const overlayBlur = 'var(--overlay-blur, rgba(8,8,8,0.28))'; +/** dark overlay default overlayBlur */ +export const overlayBlur = 'var(--overlay-blur, #08080847)'; /** Цвет фона паранжи светлый на темном фоне */ -export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #0808088f)'; +export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #0808088F)'; /** Цвет фона паранжи темный на темном фоне */ -export const onDarkOverlayHard = 'var(--on-dark-overlay-hard, #080808f5)'; +export const onDarkOverlayHard = 'var(--on-dark-overlay-hard, #080808F5)'; -export const onDarkOverlayBlur = 'var(--on-dark-overlay-blur, rgba(8,8,8,0.28))'; +/** dark overlay onDark overlayBlur */ +export const onDarkOverlayBlur = 'var(--on-dark-overlay-blur, #08080847)'; /** Цвет фона паранжи светлый на светлом фоне */ -export const onLightOverlaySoft = 'var(--on-light-overlay-soft, rgba(249,249,249,0.56))'; +export const onLightOverlaySoft = 'var(--on-light-overlay-soft, #F9F9F98F)'; /** Цвет фона паранжи темный на светлом фоне */ -export const onLightOverlayHard = 'var(--on-light-overlay-hard, #f9f9f9f5)'; +export const onLightOverlayHard = 'var(--on-light-overlay-hard, #F9F9F9F5)'; -export const onLightOverlayBlur = 'var(--on-light-overlay-blur, rgba(249,249,249,0.28))'; +/** dark overlay onLight overlayBlur */ +export const onLightOverlayBlur = 'var(--on-light-overlay-blur, #F9F9F947)'; /** Инвертированный цвет фона паранжи светлый */ -export const inverseOverlaySoft = 'var(--inverse-overlay-soft, #f9f9f98F)'; +export const inverseOverlaySoft = 'var(--inverse-overlay-soft, #F9F9F98F)'; /** Инвертированный цвет фона паранжи темный */ -export const inverseOverlayHard = 'var(--inverse-overlay-hard, #f9f9f9f5)'; +export const inverseOverlayHard = 'var(--inverse-overlay-hard, #F9F9F9F5)'; + +/** dark overlay inverse overlayBlur */ +export const inverseOverlayBlur = 'var(--inverse-overlay-blur, #F9F9F947)'; + +/** Акцентный цвет с градиентом */ +export const textAccentGradientHover = 'var(--text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом */ +export const textAccentGradientActive = 'var(--text-accent-gradient-active, #E6E6E6FF)'; + +/** Акцентный цвет с градиентом */ +export const textAccentGradient = 'var(--text-accent-gradient, linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%))'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradientActive = 'var(--on-dark-text-accent-gradient-active, #E6E6E6FF)'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradient = + 'var(--on-dark-text-accent-gradient, linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%))'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradientHover = 'var(--on-light-text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradientActive = 'var(--on-light-text-accent-gradient-active, #E6E6E6FF)'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradient = + 'var(--on-light-text-accent-gradient, linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%))'; + +/** Инвертированный акцентный цвет с градиентом */ +export const inverseTextAccentGradientHover = 'var(--inverse-text-accent-gradient-hover, #CCCCCCFF)'; + +/** Инвертированный акцентный цвет с градиентом */ +export const inverseTextAccentGradientActive = 'var(--inverse-text-accent-gradient-active, #E6E6E6FF)'; + +/** Инвертированный акцентный цвет с градиентом */ +export const inverseTextAccentGradient = + 'var(--inverse-text-accent-gradient, linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%))'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradient = + 'var(--surface-accent-gradient, linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%))'; + +/** Фон для скелетона */ +export const surfaceSkeletonGradient = + 'var(--surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))'; + +/** Фон для скелетона */ +export const surfaceSkeletonGradientHover = 'var(--surface-skeleton-gradient-hover, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const surfaceSkeletonGradientActive = 'var(--surface-skeleton-gradient-active, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradient = + 'var(--surface-skeleton-deep-gradient, linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%))'; + +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientHover = 'var(--surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientActive = 'var(--surface-skeleton-deep-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradient = + 'var(--on-dark-surface-accent-gradient, linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%))'; + +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradient = + 'var(--on-dark-surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))'; + +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientHover = 'var(--on-dark-surface-skeleton-gradient-hover, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientActive = 'var(--on-dark-surface-skeleton-gradient-active, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradient = + 'var(--on-dark-surface-skeleton-deep-gradient, linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%))'; + +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientHover = 'var(--on-dark-surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientActive = + 'var(--on-dark-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradient = + 'var(--on-light-surface-accent-gradient, linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%))'; + +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradient = + 'var(--on-light-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))'; + +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientHover = 'var(--on-light-surface-skeleton-gradient-hover, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientActive = 'var(--on-light-surface-skeleton-gradient-active, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradient = + 'var(--on-light-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))'; + +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientHover = + 'var(--on-light-surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientActive = + 'var(--on-light-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; + +/** Инвертированный акцентный фон поверхности/контрола с градиентом */ +export const inverseSurfaceAccentGradientHover = 'var(--inverse-surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Инвертированный акцентный фон поверхности/контрола с градиентом */ +export const inverseSurfaceAccentGradientActive = 'var(--inverse-surface-accent-gradient-active, #FFFFFFFF)'; + +/** Инвертированный акцентный фон поверхности/контрола с градиентом */ +export const inverseSurfaceAccentGradient = + 'var(--inverse-surface-accent-gradient, linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%))'; + +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradient = + 'var(--inverse-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))'; + +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientHover = 'var(--inverse-surface-skeleton-gradient-hover, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientActive = 'var(--inverse-surface-skeleton-gradient-active, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradient = + 'var(--inverse-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))'; -export const inverseOverlayBlur = 'var(--inverse-overlay-blur, rgba(249,249,249,0.28))'; +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientHover = 'var(--inverse-surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; -export const skeletonGradient = - 'var(--skeleton-gradient, linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ))'; +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientActive = + 'var(--inverse-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; -export const skeletonGradientLighter = - 'var(--skeleton-gradient-lighter, linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ))'; +/** shadow down soft s */ +export const shadowDownSoftS = 'var(--shadow-down-soft-s, 0px 4px 14px -4px #08080814,0px 1px 4px -1px #0000000A)'; + +/** shadow down soft m */ +export const shadowDownSoftM = 'var(--shadow-down-soft-m, 0px 24px 48px -8px #00000014)'; + +/** shadow down soft l */ +export const shadowDownSoftL = 'var(--shadow-down-soft-l, 0px 60px 112px -8px #00000014)'; + +/** shadow down hard s */ +export const shadowDownHardS = 'var(--shadow-down-hard-s, 0px 4px 12px -3px #08080829,0px 1px 4px -2px #00000014)'; + +/** shadow down hard m */ +export const shadowDownHardM = 'var(--shadow-down-hard-m, 0px 16px 32px -8px #0000003D)'; + +/** shadow down hard l */ +export const shadowDownHardL = 'var(--shadow-down-hard-l, 0px 60px 112px -8px #00000066)'; + +/** shadow up soft s */ +export const shadowUpSoftS = 'var(--shadow-up-soft-s, 0px -4px 14px -4px #08080814,0px -1px 4px -1px #00000008)'; + +/** shadow up soft m */ +export const shadowUpSoftM = 'var(--shadow-up-soft-m, 0px -24px 48px -8px #00000014)'; + +/** shadow up soft l */ +export const shadowUpSoftL = 'var(--shadow-up-soft-l, 0px -60px 112px -8px #00000014)'; + +/** shadow up hard s */ +export const shadowUpHardS = 'var(--shadow-up-hard-s, 0px -4px 12px -3px #08080833,0px -1px 4px -1px #00000008)'; + +/** shadow up hard m */ +export const shadowUpHardM = 'var(--shadow-up-hard-m, 0px -16px 32px -8px #0000003D)'; + +/** shadow up hard l */ +export const shadowUpHardL = 'var(--shadow-up-hard-l, 0px -60px 112px -8px #00000066)'; + +/** borderRadius xxs */ +export const borderRadiusXxs = 'var(--border-radius-xxs, 4px)'; + +/** borderRadius xs */ +export const borderRadiusXs = 'var(--border-radius-xs, 8px)'; + +/** borderRadius s */ +export const borderRadiusS = 'var(--border-radius-s, 12px)'; + +/** borderRadius m */ +export const borderRadiusM = 'var(--border-radius-m, 16px)'; + +/** borderRadius l */ +export const borderRadiusL = 'var(--border-radius-l, 20px)'; + +/** borderRadius xl */ +export const borderRadiusXl = 'var(--border-radius-xl, 24px)'; + +/** borderRadius xxl */ +export const borderRadiusXxl = 'var(--border-radius-xxl, 32px)'; + +/** typography s display-l */ +export const dsplL = { + fontFamily: 'var(--plasma-typo-dspl-l-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-line-height)', +}; + +/** typography s display-l-bold */ +export const dsplLBold = { + fontFamily: 'var(--plasma-typo-dspl-l-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-bold-line-height)', +}; + +/** typography s display-m */ +export const dsplM = { + fontFamily: 'var(--plasma-typo-dspl-m-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-line-height)', +}; + +/** typography s display-m-bold */ +export const dsplMBold = { + fontFamily: 'var(--plasma-typo-dspl-m-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-bold-line-height)', +}; + +/** typography s display-s */ +export const dsplS = { + fontFamily: 'var(--plasma-typo-dspl-s-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-line-height)', +}; + +/** typography s display-s-bold */ +export const dsplSBold = { + fontFamily: 'var(--plasma-typo-dspl-s-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-bold-line-height)', +}; + +/** typography s header-h1 */ +export const h1 = { + fontFamily: 'var(--plasma-typo-h1-font-family)', + fontSize: 'var(--plasma-typo-h1-font-size)', + fontStyle: 'var(--plasma-typo-h1-font-style)', + fontWeight: 'var(--plasma-typo-h1-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-line-height)', +}; + +/** typography s header-h1-bold */ +export const h1Bold = { + fontFamily: 'var(--plasma-typo-h1-bold-font-family)', + fontSize: 'var(--plasma-typo-h1-bold-font-size)', + fontStyle: 'var(--plasma-typo-h1-bold-font-style)', + fontWeight: 'var(--plasma-typo-h1-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-bold-line-height)', +}; + +/** typography s header-h2 */ +export const h2 = { + fontFamily: 'var(--plasma-typo-h2-font-family)', + fontSize: 'var(--plasma-typo-h2-font-size)', + fontStyle: 'var(--plasma-typo-h2-font-style)', + fontWeight: 'var(--plasma-typo-h2-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-line-height)', +}; + +/** typography s header-h2-bold */ +export const h2Bold = { + fontFamily: 'var(--plasma-typo-h2-bold-font-family)', + fontSize: 'var(--plasma-typo-h2-bold-font-size)', + fontStyle: 'var(--plasma-typo-h2-bold-font-style)', + fontWeight: 'var(--plasma-typo-h2-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-bold-line-height)', +}; + +/** typography s header-h3 */ +export const h3 = { + fontFamily: 'var(--plasma-typo-h3-font-family)', + fontSize: 'var(--plasma-typo-h3-font-size)', + fontStyle: 'var(--plasma-typo-h3-font-style)', + fontWeight: 'var(--plasma-typo-h3-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-line-height)', +}; + +/** typography s header-h3-bold */ +export const h3Bold = { + fontFamily: 'var(--plasma-typo-h3-bold-font-family)', + fontSize: 'var(--plasma-typo-h3-bold-font-size)', + fontStyle: 'var(--plasma-typo-h3-bold-font-style)', + fontWeight: 'var(--plasma-typo-h3-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-bold-line-height)', +}; + +/** typography s header-h4 */ +export const h4 = { + fontFamily: 'var(--plasma-typo-h4-font-family)', + fontSize: 'var(--plasma-typo-h4-font-size)', + fontStyle: 'var(--plasma-typo-h4-font-style)', + fontWeight: 'var(--plasma-typo-h4-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-line-height)', +}; + +/** typography s header-h4-bold */ +export const h4Bold = { + fontFamily: 'var(--plasma-typo-h4-bold-font-family)', + fontSize: 'var(--plasma-typo-h4-bold-font-size)', + fontStyle: 'var(--plasma-typo-h4-bold-font-style)', + fontWeight: 'var(--plasma-typo-h4-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-bold-line-height)', +}; + +/** typography s header-h5 */ +export const h5 = { + fontFamily: 'var(--plasma-typo-h5-font-family)', + fontSize: 'var(--plasma-typo-h5-font-size)', + fontStyle: 'var(--plasma-typo-h5-font-style)', + fontWeight: 'var(--plasma-typo-h5-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-line-height)', +}; + +/** typography s header-h5-bold */ +export const h5Bold = { + fontFamily: 'var(--plasma-typo-h5-bold-font-family)', + fontSize: 'var(--plasma-typo-h5-bold-font-size)', + fontStyle: 'var(--plasma-typo-h5-bold-font-style)', + fontWeight: 'var(--plasma-typo-h5-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-bold-line-height)', +}; + +/** typography s body-l */ +export const bodyL = { + fontFamily: 'var(--plasma-typo-body-l-font-family)', + fontSize: 'var(--plasma-typo-body-l-font-size)', + fontStyle: 'var(--plasma-typo-body-l-font-style)', + fontWeight: 'var(--plasma-typo-body-l-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-line-height)', +}; + +/** typography s body-l-bold */ +export const bodyLBold = { + fontFamily: 'var(--plasma-typo-body-l-bold-font-family)', + fontSize: 'var(--plasma-typo-body-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-bold-line-height)', +}; + +/** typography s body-m */ +export const bodyM = { + fontFamily: 'var(--plasma-typo-body-m-font-family)', + fontSize: 'var(--plasma-typo-body-m-font-size)', + fontStyle: 'var(--plasma-typo-body-m-font-style)', + fontWeight: 'var(--plasma-typo-body-m-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-line-height)', +}; + +/** typography s body-m-bold */ +export const bodyMBold = { + fontFamily: 'var(--plasma-typo-body-m-bold-font-family)', + fontSize: 'var(--plasma-typo-body-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-bold-line-height)', +}; + +/** typography s body-s */ +export const bodyS = { + fontFamily: 'var(--plasma-typo-body-s-font-family)', + fontSize: 'var(--plasma-typo-body-s-font-size)', + fontStyle: 'var(--plasma-typo-body-s-font-style)', + fontWeight: 'var(--plasma-typo-body-s-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-line-height)', +}; + +/** typography s body-s-bold */ +export const bodySBold = { + fontFamily: 'var(--plasma-typo-body-s-bold-font-family)', + fontSize: 'var(--plasma-typo-body-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-bold-line-height)', +}; + +/** typography s body-xs */ +export const bodyXS = { + fontFamily: 'var(--plasma-typo-body-xs-font-family)', + fontSize: 'var(--plasma-typo-body-xs-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-line-height)', +}; + +/** typography s body-xs-bold */ +export const bodyXSBold = { + fontFamily: 'var(--plasma-typo-body-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-bold-line-height)', +}; + +/** typography s body-xxs */ +export const bodyXXS = { + fontFamily: 'var(--plasma-typo-body-xxs-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-line-height)', +}; + +/** typography s body-xxs-bold */ +export const bodyXXSBold = { + fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-bold-line-height)', +}; + +/** typography s text-l */ +export const textL = { + fontFamily: 'var(--plasma-typo-text-l-font-family)', + fontSize: 'var(--plasma-typo-text-l-font-size)', + fontStyle: 'var(--plasma-typo-text-l-font-style)', + fontWeight: 'var(--plasma-typo-text-l-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-line-height)', +}; + +/** typography s text-l-bold */ +export const textLBold = { + fontFamily: 'var(--plasma-typo-text-l-bold-font-family)', + fontSize: 'var(--plasma-typo-text-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-bold-line-height)', +}; + +/** typography s text-m */ +export const textM = { + fontFamily: 'var(--plasma-typo-text-m-font-family)', + fontSize: 'var(--plasma-typo-text-m-font-size)', + fontStyle: 'var(--plasma-typo-text-m-font-style)', + fontWeight: 'var(--plasma-typo-text-m-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-line-height)', +}; + +/** typography s text-m-bold */ +export const textMBold = { + fontFamily: 'var(--plasma-typo-text-m-bold-font-family)', + fontSize: 'var(--plasma-typo-text-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-bold-line-height)', +}; + +/** typography s text-s */ +export const textS = { + fontFamily: 'var(--plasma-typo-text-s-font-family)', + fontSize: 'var(--plasma-typo-text-s-font-size)', + fontStyle: 'var(--plasma-typo-text-s-font-style)', + fontWeight: 'var(--plasma-typo-text-s-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-line-height)', +}; + +/** typography s text-s-bold */ +export const textSBold = { + fontFamily: 'var(--plasma-typo-text-s-bold-font-family)', + fontSize: 'var(--plasma-typo-text-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-bold-line-height)', +}; + +/** typography s text-xs */ +export const textXS = { + fontFamily: 'var(--plasma-typo-text-xs-font-family)', + fontSize: 'var(--plasma-typo-text-xs-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-line-height)', +}; + +/** typography s text-xs-bold */ +export const textXSBold = { + fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-text-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)', +}; diff --git a/packages/themes/caldera-online-themes/src/tokens/index.ts b/packages/themes/caldera-online-themes/src/tokens/index.ts index 74ecff3195..11f2e012df 100644 --- a/packages/themes/caldera-online-themes/src/tokens/index.ts +++ b/packages/themes/caldera-online-themes/src/tokens/index.ts @@ -1,2514 +1,2786 @@ // Generated by robots, do not change this manually! /** Основной цвет текста */ -export const textPrimary = 'var(--text-primary, #080808F5)'; +export const textPrimary = 'var(--text-primary)'; /** Основной цвет текста */ -export const textPrimaryHover = 'var(--text-primary-hover, #08080893)'; +export const textPrimaryHover = 'var(--text-primary-hover)'; /** Основной цвет текста */ -export const textPrimaryActive = 'var(--text-primary-active, #080808C4)'; +export const textPrimaryActive = 'var(--text-primary-active)'; /** Вторичный цвет текста */ -export const textSecondary = 'var(--text-secondary, #0808088F)'; +export const textSecondary = 'var(--text-secondary)'; /** Вторичный цвет текста */ -export const textSecondaryHover = 'var(--text-secondary-hover, #080808FF)'; +export const textSecondaryHover = 'var(--text-secondary-hover)'; /** Вторичный цвет текста */ -export const textSecondaryActive = 'var(--text-secondary-active, #080808AB)'; +export const textSecondaryActive = 'var(--text-secondary-active)'; /** Третичный цвет текста */ -export const textTertiary = 'var(--text-tertiary, #08080847)'; +export const textTertiary = 'var(--text-tertiary)'; /** Третичный цвет текста */ -export const textTertiaryHover = 'var(--text-tertiary-hover, #080808FF)'; +export const textTertiaryHover = 'var(--text-tertiary-hover)'; /** Третичный цвет текста */ -export const textTertiaryActive = 'var(--text-tertiary-active, #08080856)'; +export const textTertiaryActive = 'var(--text-tertiary-active)'; /** Сплошной наборный текст */ -export const textParagraph = 'var(--text-paragraph, #080808CC)'; +export const textParagraph = 'var(--text-paragraph)'; /** Сплошной наборный текст */ -export const textParagraphHover = 'var(--text-paragraph-hover, #0808087A)'; +export const textParagraphHover = 'var(--text-paragraph-hover)'; /** Сплошной наборный текст */ -export const textParagraphActive = 'var(--text-paragraph-active, #080808A3)'; +export const textParagraphActive = 'var(--text-paragraph-active)'; /** Акцентный цвет */ -export const textAccent = 'var(--text-accent, #108E26)'; +export const textAccent = 'var(--text-accent)'; /** Акцентный цвет */ -export const textAccentHover = 'var(--text-accent-hover, #14B32EFF)'; +export const textAccentHover = 'var(--text-accent-hover)'; /** Акцентный цвет */ -export const textAccentActive = 'var(--text-accent-active, #0C6A1BFF)'; +export const textAccentActive = 'var(--text-accent-active)'; /** Акцентный минорный цвет */ -export const textAccentMinor = 'var(--text-accent-minor, #0A2B10)'; +export const textAccentMinor = 'var(--text-accent-minor)'; /** Акцентный минорный цвет */ -export const textAccentMinorHover = 'var(--text-accent-minor-hover, #196B28FF)'; +export const textAccentMinorHover = 'var(--text-accent-minor-hover)'; /** Акцентный минорный цвет */ -export const textAccentMinorActive = 'var(--text-accent-minor-active, #114A1CFF)'; +export const textAccentMinorActive = 'var(--text-accent-minor-active)'; /** Цвет успеха */ -export const textPositive = 'var(--text-positive, #108E26)'; +export const textPositive = 'var(--text-positive)'; /** Цвет успеха */ -export const textPositiveHover = 'var(--text-positive-hover, #14B32EFF)'; +export const textPositiveHover = 'var(--text-positive-hover)'; /** Цвет успеха */ -export const textPositiveActive = 'var(--text-positive-active, #0C6A1BFF)'; +export const textPositiveActive = 'var(--text-positive-active)'; /** Цвет предупреждения */ -export const textWarning = 'var(--text-warning, #E85702)'; +export const textWarning = 'var(--text-warning)'; /** Цвет предупреждения */ -export const textWarningHover = 'var(--text-warning-hover, #FD6B17FF)'; +export const textWarningHover = 'var(--text-warning-hover)'; /** Цвет предупреждения */ -export const textWarningActive = 'var(--text-warning-active, #C04802FF)'; +export const textWarningActive = 'var(--text-warning-active)'; /** Цвет ошибки */ -export const textNegative = 'var(--text-negative, #F31B31)'; +export const textNegative = 'var(--text-negative)'; /** Цвет ошибки */ -export const textNegativeHover = 'var(--text-negative-hover, #F54254FF)'; +export const textNegativeHover = 'var(--text-negative-hover)'; /** Цвет ошибки */ -export const textNegativeActive = 'var(--text-negative-active, #DA0B20FF)'; +export const textNegativeActive = 'var(--text-negative-active)'; /** Цвет информации */ -export const textInfo = 'var(--text-info, #0B7ECB)'; +export const textInfo = 'var(--text-info)'; /** Цвет информации */ -export const textInfoHover = 'var(--text-info-hover, #0D96F2FF)'; +export const textInfoHover = 'var(--text-info-hover)'; /** Цвет информации */ -export const textInfoActive = 'var(--text-info-active, #0966A5FF)'; +export const textInfoActive = 'var(--text-info-active)'; /** Минорный цвет успеха */ -export const textPositiveMinor = 'var(--text-positive-minor, #0A2B10)'; +export const textPositiveMinor = 'var(--text-positive-minor)'; /** Минорный цвет успеха */ -export const textPositiveMinorHover = 'var(--text-positive-minor-hover, #196B28FF)'; +export const textPositiveMinorHover = 'var(--text-positive-minor-hover)'; /** Минорный цвет успеха */ -export const textPositiveMinorActive = 'var(--text-positive-minor-active, #114A1CFF)'; +export const textPositiveMinorActive = 'var(--text-positive-minor-active)'; /** Минорный цвет предупреждения */ -export const textWarningMinor = 'var(--text-warning-minor, #3D1D0A)'; +export const textWarningMinor = 'var(--text-warning-minor)'; /** Минорный цвет предупреждения */ -export const textWarningMinorHover = 'var(--text-warning-minor-hover, #843E15FF)'; +export const textWarningMinorHover = 'var(--text-warning-minor-hover)'; /** Минорный цвет предупреждения */ -export const textWarningMinorActive = 'var(--text-warning-minor-active, #602D10FF)'; +export const textWarningMinorActive = 'var(--text-warning-minor-active)'; /** Минорный цвет ошибки */ -export const textNegativeMinor = 'var(--text-negative-minor, #4A0D13)'; +export const textNegativeMinor = 'var(--text-negative-minor)'; /** Минорный цвет ошибки */ -export const textNegativeMinorHover = 'var(--text-negative-minor-hover, #8F1925FF)'; +export const textNegativeMinorHover = 'var(--text-negative-minor-hover)'; /** Минорный цвет ошибки */ -export const textNegativeMinorActive = 'var(--text-negative-minor-active, #6C131CFF)'; +export const textNegativeMinorActive = 'var(--text-negative-minor-active)'; /** Минорный цвет информации */ -export const textInfoMinor = 'var(--text-info-minor, #0C283B)'; +export const textInfoMinor = 'var(--text-info-minor)'; /** Минорный цвет информации */ -export const textInfoMinorHover = 'var(--text-info-minor-hover, #1A577FFF)'; +export const textInfoMinorHover = 'var(--text-info-minor-hover)'; /** Минорный цвет информации */ -export const textInfoMinorActive = 'var(--text-info-minor-active, #13405DFF)'; +export const textInfoMinorActive = 'var(--text-info-minor-active)'; /** Основной цвет текста на темном фоне */ -export const onDarkTextPrimary = 'var(--on-dark-text-primary, rgba(255, 255, 255, 0.96))'; +export const onDarkTextPrimary = 'var(--on-dark-text-primary)'; /** Основной цвет текста на темном фоне */ -export const onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #FFFFFF93)'; +export const onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover)'; /** Основной цвет текста на темном фоне */ -export const onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #FFFFFFC4)'; +export const onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active)'; /** Вторичный цвет текста на темном фоне */ -export const onDarkTextSecondary = 'var(--on-dark-text-secondary, rgba(255, 255, 255, 0.56))'; +export const onDarkTextSecondary = 'var(--on-dark-text-secondary)'; /** Вторичный цвет текста на темном фоне */ -export const onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #FFFFFFFF)'; +export const onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover)'; /** Вторичный цвет текста на темном фоне */ -export const onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #FFFFFFAB)'; +export const onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active)'; /** Третичный цвет текста на темном фоне */ -export const onDarkTextTertiary = 'var(--on-dark-text-tertiary, rgba(255, 255, 255, 0.28))'; +export const onDarkTextTertiary = 'var(--on-dark-text-tertiary)'; /** Третичный цвет текста на темном фоне */ -export const onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #FFFFFFFF)'; +export const onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover)'; /** Третичный цвет текста на темном фоне */ -export const onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #FFFFFF56)'; +export const onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active)'; /** Сплошной наборный текст на темном фоне */ -export const onDarkTextParagraph = 'var(--on-dark-text-paragraph, rgba(255, 255, 255, 0.8))'; +export const onDarkTextParagraph = 'var(--on-dark-text-paragraph)'; /** Сплошной наборный текст на темном фоне */ -export const onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #FFFFFF7A)'; +export const onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover)'; /** Сплошной наборный текст на темном фоне */ -export const onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #FFFFFFA3)'; +export const onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active)'; /** Акцентный цвет на темном фоне */ -export const onDarkTextAccent = 'var(--on-dark-text-accent, #1A9E32)'; +export const onDarkTextAccent = 'var(--on-dark-text-accent)'; /** Акцентный цвет на темном фоне */ -export const onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #1FC13DFF)'; +export const onDarkTextAccentHover = 'var(--on-dark-text-accent-hover)'; /** Акцентный цвет на темном фоне */ -export const onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #147B27FF)'; +export const onDarkTextAccentActive = 'var(--on-dark-text-accent-active)'; /** Акцентный минорный цвет на темном фоне */ -export const onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #9EFAAF)'; +export const onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor)'; /** Акцентный минорный цвет на темном фоне */ -export const onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #C5FCCFFF)'; +export const onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover)'; /** Акцентный минорный цвет на темном фоне */ -export const onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #77F88FFF)'; +export const onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active)'; /** Цвет успеха на темном фоне */ -export const onDarkTextPositive = 'var(--on-dark-text-positive, #1A9E32)'; +export const onDarkTextPositive = 'var(--on-dark-text-positive)'; /** Цвет успеха на темном фоне */ -export const onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #1FC13DFF)'; +export const onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover)'; /** Цвет успеха на темном фоне */ -export const onDarkTextPositiveActive = 'var(--on-dark-text-positive-active, #147B27FF)'; +export const onDarkTextPositiveActive = 'var(--on-dark-text-positive-active)'; /** Цвет предупреждения на темном фоне */ -export const onDarkTextWarning = 'var(--on-dark-text-warning, #FA5F05)'; +export const onDarkTextWarning = 'var(--on-dark-text-warning)'; /** Цвет предупреждения на темном фоне */ -export const onDarkTextWarningHover = 'var(--on-dark-text-warning-hover, #FB782DFF)'; +export const onDarkTextWarningHover = 'var(--on-dark-text-warning-hover)'; /** Цвет предупреждения на темном фоне */ -export const onDarkTextWarningActive = 'var(--on-dark-text-warning-active, #D25004FF)'; +export const onDarkTextWarningActive = 'var(--on-dark-text-warning-active)'; /** Цвет ошибки на темном фоне */ -export const onDarkTextNegative = 'var(--on-dark-text-negative, #FF293E)'; +export const onDarkTextNegative = 'var(--on-dark-text-negative)'; /** Цвет ошибки на темном фоне */ -export const onDarkTextNegativeHover = 'var(--on-dark-text-negative-hover, #FF5263FF)'; +export const onDarkTextNegativeHover = 'var(--on-dark-text-negative-hover)'; /** Цвет ошибки на темном фоне */ -export const onDarkTextNegativeActive = 'var(--on-dark-text-negative-active, #FF001AFF)'; +export const onDarkTextNegativeActive = 'var(--on-dark-text-negative-active)'; /** Цвет информации на темном фоне */ -export const onDarkTextInfo = 'var(--on-dark-text-info, #118CDF)'; +export const onDarkTextInfo = 'var(--on-dark-text-info)'; /** Цвет информации на темном фоне */ -export const onDarkTextInfoHover = 'var(--on-dark-text-info-hover, #2AA0EFFF)'; +export const onDarkTextInfoHover = 'var(--on-dark-text-info-hover)'; /** Цвет информации на темном фоне */ -export const onDarkTextInfoActive = 'var(--on-dark-text-info-active, #0E75B9FF)'; +export const onDarkTextInfoActive = 'var(--on-dark-text-info-active)'; /** Минорный цвет успеха на темном фоне */ -export const onDarkTextPositiveMinor = 'var(--on-dark-text-positive-minor, #9EFAAF)'; +export const onDarkTextPositiveMinor = 'var(--on-dark-text-positive-minor)'; /** Минорный цвет успеха на темном фоне */ -export const onDarkTextPositiveMinorHover = 'var(--on-dark-text-positive-minor-hover, #C5FCCFFF)'; +export const onDarkTextPositiveMinorHover = 'var(--on-dark-text-positive-minor-hover)'; /** Минорный цвет успеха на темном фоне */ -export const onDarkTextPositiveMinorActive = 'var(--on-dark-text-positive-minor-active, #77F88FFF)'; +export const onDarkTextPositiveMinorActive = 'var(--on-dark-text-positive-minor-active)'; /** Минорный цвет предупреждения на темном фоне */ -export const onDarkTextWarningMinor = 'var(--on-dark-text-warning-minor, #FEE2D2)'; +export const onDarkTextWarningMinor = 'var(--on-dark-text-warning-minor)'; /** Минорный цвет предупреждения на темном фоне */ -export const onDarkTextWarningMinorHover = 'var(--on-dark-text-warning-minor-hover, #FFFCFAFF)'; +export const onDarkTextWarningMinorHover = 'var(--on-dark-text-warning-minor-hover)'; /** Минорный цвет предупреждения на темном фоне */ -export const onDarkTextWarningMinorActive = 'var(--on-dark-text-warning-minor-active, #FDC9AAFF)'; +export const onDarkTextWarningMinorActive = 'var(--on-dark-text-warning-minor-active)'; /** Минорный цвет ошибки на темном фоне */ -export const onDarkTextNegativeMinor = 'var(--on-dark-text-negative-minor, #FFE0E3)'; +export const onDarkTextNegativeMinor = 'var(--on-dark-text-negative-minor)'; /** Минорный цвет ошибки на темном фоне */ -export const onDarkTextNegativeMinorHover = 'var(--on-dark-text-negative-minor-hover, #FFFFFFFF)'; +export const onDarkTextNegativeMinorHover = 'var(--on-dark-text-negative-minor-hover)'; /** Минорный цвет ошибки на темном фоне */ -export const onDarkTextNegativeMinorActive = 'var(--on-dark-text-negative-minor-active, #FFB8BFFF)'; +export const onDarkTextNegativeMinorActive = 'var(--on-dark-text-negative-minor-active)'; /** Минорный цвет информации на темном фоне */ -export const onDarkTextInfoMinor = 'var(--on-dark-text-info-minor, #CFECFF)'; +export const onDarkTextInfoMinor = 'var(--on-dark-text-info-minor)'; /** Минорный цвет информации на темном фоне */ -export const onDarkTextInfoMinorHover = 'var(--on-dark-text-info-minor-hover, #FAFDFFFF)'; +export const onDarkTextInfoMinorHover = 'var(--on-dark-text-info-minor-hover)'; /** Минорный цвет информации на темном фоне */ -export const onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active, #A8DCFFFF)'; +export const onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active)'; /** Основной цвет текста на светлом фоне */ -export const onLightTextPrimary = 'var(--on-light-text-primary, #080808F5)'; +export const onLightTextPrimary = 'var(--on-light-text-primary)'; /** Основной цвет текста на светлом фоне */ -export const onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #08080893)'; +export const onLightTextPrimaryHover = 'var(--on-light-text-primary-hover)'; /** Основной цвет текста на светлом фоне */ -export const onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #080808C4)'; +export const onLightTextPrimaryActive = 'var(--on-light-text-primary-active)'; /** Вторичный цвет текста на светлом фоне */ -export const onLightTextSecondary = 'var(--on-light-text-secondary, #0808088F)'; +export const onLightTextSecondary = 'var(--on-light-text-secondary)'; /** Вторичный цвет текста на светлом фоне */ -export const onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #080808FF)'; +export const onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover)'; /** Вторичный цвет текста на светлом фоне */ -export const onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #080808AB)'; +export const onLightTextSecondaryActive = 'var(--on-light-text-secondary-active)'; /** Третичный цвет текста на светлом фоне */ -export const onLightTextTertiary = 'var(--on-light-text-tertiary, #08080847)'; +export const onLightTextTertiary = 'var(--on-light-text-tertiary)'; /** Третичный цвет текста на светлом фоне */ -export const onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #080808FF)'; +export const onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover)'; /** Третичный цвет текста на светлом фоне */ -export const onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #08080856)'; +export const onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active)'; /** Сплошной наборный текст на светлом фоне */ -export const onLightTextParagraph = 'var(--on-light-text-paragraph, #080808CC)'; +export const onLightTextParagraph = 'var(--on-light-text-paragraph)'; /** Сплошной наборный текст на светлом фоне */ -export const onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #0808087A)'; +export const onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover)'; /** Сплошной наборный текст на светлом фоне */ -export const onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #080808A3)'; +export const onLightTextParagraphActive = 'var(--on-light-text-paragraph-active)'; /** Акцентный цвет на светлом фоне */ -export const onLightTextAccent = 'var(--on-light-text-accent, #108E26)'; +export const onLightTextAccent = 'var(--on-light-text-accent)'; /** Акцентный цвет на светлом фоне */ -export const onLightTextAccentHover = 'var(--on-light-text-accent-hover, #14B32EFF)'; +export const onLightTextAccentHover = 'var(--on-light-text-accent-hover)'; /** Акцентный цвет на светлом фоне */ -export const onLightTextAccentActive = 'var(--on-light-text-accent-active, #0C6A1BFF)'; +export const onLightTextAccentActive = 'var(--on-light-text-accent-active)'; /** Акцентный минорный цвет на светлом фоне */ -export const onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #0A2B10)'; +export const onLightTextAccentMinor = 'var(--on-light-text-accent-minor)'; /** Акцентный минорный цвет на светлом фоне */ -export const onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #196B28FF)'; +export const onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover)'; /** Акцентный минорный цвет на светлом фоне */ -export const onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #114A1CFF)'; +export const onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active)'; /** Цвет успеха на светлом фоне */ -export const onLightTextPositive = 'var(--on-light-text-positive, #108E26)'; +export const onLightTextPositive = 'var(--on-light-text-positive)'; /** Цвет успеха на светлом фоне */ -export const onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #14B32EFF)'; +export const onLightTextPositiveHover = 'var(--on-light-text-positive-hover)'; /** Цвет успеха на светлом фоне */ -export const onLightTextPositiveActive = 'var(--on-light-text-positive-active, #0C6A1BFF)'; +export const onLightTextPositiveActive = 'var(--on-light-text-positive-active)'; /** Цвет предупреждения на светлом фоне */ -export const onLightTextWarning = 'var(--on-light-text-warning, #E85702)'; +export const onLightTextWarning = 'var(--on-light-text-warning)'; /** Цвет предупреждения на светлом фоне */ -export const onLightTextWarningHover = 'var(--on-light-text-warning-hover, #FD6B17FF)'; +export const onLightTextWarningHover = 'var(--on-light-text-warning-hover)'; /** Цвет предупреждения на светлом фоне */ -export const onLightTextWarningActive = 'var(--on-light-text-warning-active, #C04802FF)'; +export const onLightTextWarningActive = 'var(--on-light-text-warning-active)'; /** Цвет ошибки на светлом фоне */ -export const onLightTextNegative = 'var(--on-light-text-negative, #F31B31)'; +export const onLightTextNegative = 'var(--on-light-text-negative)'; /** Цвет ошибки на светлом фоне */ -export const onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #F54254FF)'; +export const onLightTextNegativeHover = 'var(--on-light-text-negative-hover)'; /** Цвет ошибки на светлом фоне */ -export const onLightTextNegativeActive = 'var(--on-light-text-negative-active, #DA0B20FF)'; +export const onLightTextNegativeActive = 'var(--on-light-text-negative-active)'; /** Цвет информации на светлом фоне */ -export const onLightTextInfo = 'var(--on-light-text-info, #0B7ECB)'; +export const onLightTextInfo = 'var(--on-light-text-info)'; /** Цвет информации на светлом фоне */ -export const onLightTextInfoHover = 'var(--on-light-text-info-hover, #0D96F2FF)'; +export const onLightTextInfoHover = 'var(--on-light-text-info-hover)'; /** Цвет информации на светлом фоне */ -export const onLightTextInfoActive = 'var(--on-light-text-info-active, #0966A5FF)'; +export const onLightTextInfoActive = 'var(--on-light-text-info-active)'; /** Минорный цвет успеха на светлом фоне */ -export const onLightTextPositiveMinor = 'var(--on-light-text-positive-minor, #0A2B10)'; +export const onLightTextPositiveMinor = 'var(--on-light-text-positive-minor)'; /** Минорный цвет успеха на светлом фоне */ -export const onLightTextPositiveMinorHover = 'var(--on-light-text-positive-minor-hover, #196B28FF)'; +export const onLightTextPositiveMinorHover = 'var(--on-light-text-positive-minor-hover)'; /** Минорный цвет успеха на светлом фоне */ -export const onLightTextPositiveMinorActive = 'var(--on-light-text-positive-minor-active, #114A1CFF)'; +export const onLightTextPositiveMinorActive = 'var(--on-light-text-positive-minor-active)'; /** Минорный цвет предупреждения на светлом фоне */ -export const onLightTextWarningMinor = 'var(--on-light-text-warning-minor, #3D1D0A)'; +export const onLightTextWarningMinor = 'var(--on-light-text-warning-minor)'; /** Минорный цвет предупреждения на светлом фоне */ -export const onLightTextWarningMinorHover = 'var(--on-light-text-warning-minor-hover, #843E15FF)'; +export const onLightTextWarningMinorHover = 'var(--on-light-text-warning-minor-hover)'; /** Минорный цвет предупреждения на светлом фоне */ -export const onLightTextWarningMinorActive = 'var(--on-light-text-warning-minor-active, #602D10FF)'; +export const onLightTextWarningMinorActive = 'var(--on-light-text-warning-minor-active)'; /** Минорный цвет ошибки на светлом фоне */ -export const onLightTextNegativeMinor = 'var(--on-light-text-negative-minor, #4A0D13)'; +export const onLightTextNegativeMinor = 'var(--on-light-text-negative-minor)'; /** Минорный цвет ошибки на светлом фоне */ -export const onLightTextNegativeMinorHover = 'var(--on-light-text-negative-minor-hover, #8F1925FF)'; +export const onLightTextNegativeMinorHover = 'var(--on-light-text-negative-minor-hover)'; /** Минорный цвет ошибки на светлом фоне */ -export const onLightTextNegativeMinorActive = 'var(--on-light-text-negative-minor-active, #6C131CFF)'; +export const onLightTextNegativeMinorActive = 'var(--on-light-text-negative-minor-active)'; /** Минорный цвет информации на светлом фоне */ -export const onLightTextInfoMinor = 'var(--on-light-text-info-minor, #0C283B)'; +export const onLightTextInfoMinor = 'var(--on-light-text-info-minor)'; /** Минорный цвет информации на светлом фоне */ -export const onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover, #1A577FFF)'; +export const onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover)'; /** Минорный цвет информации на светлом фоне */ -export const onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active, #13405DFF)'; +export const onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active)'; /** Инвертированный основной цвет текста */ -export const inverseTextPrimary = 'var(--inverse-text-primary, rgba(255, 255, 255, 0.96))'; +export const inverseTextPrimary = 'var(--inverse-text-primary)'; /** Инвертированный основной цвет текста */ -export const inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #FFFFFF93)'; +export const inverseTextPrimaryHover = 'var(--inverse-text-primary-hover)'; /** Инвертированный основной цвет текста */ -export const inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #FFFFFFC4)'; +export const inverseTextPrimaryActive = 'var(--inverse-text-primary-active)'; /** Инвертированный вторичный цвет текста */ -export const inverseTextSecondary = 'var(--inverse-text-secondary, rgba(255, 255, 255, 0.56))'; +export const inverseTextSecondary = 'var(--inverse-text-secondary)'; /** Инвертированный вторичный цвет текста */ -export const inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #FFFFFFFF)'; +export const inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover)'; /** Инвертированный вторичный цвет текста */ -export const inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #FFFFFFAB)'; +export const inverseTextSecondaryActive = 'var(--inverse-text-secondary-active)'; /** Инвертированный третичный цвет текста */ -export const inverseTextTertiary = 'var(--inverse-text-tertiary, rgba(255, 255, 255, 0.28))'; +export const inverseTextTertiary = 'var(--inverse-text-tertiary)'; /** Инвертированный третичный цвет текста */ -export const inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #FFFFFFFF)'; +export const inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover)'; /** Инвертированный третичный цвет текста */ -export const inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #FFFFFF56)'; +export const inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active)'; /** Инвертированный сплошной наборный текст */ -export const inverseTextParagraph = 'var(--inverse-text-paragraph, rgba(255, 255, 255, 0.8))'; +export const inverseTextParagraph = 'var(--inverse-text-paragraph)'; /** Инвертированный сплошной наборный текст */ -export const inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #FFFFFF7A)'; +export const inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover)'; /** Инвертированный сплошной наборный текст */ -export const inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #FFFFFFA3)'; +export const inverseTextParagraphActive = 'var(--inverse-text-paragraph-active)'; /** Инвертированный акцентный цвет */ -export const inverseTextAccent = 'var(--inverse-text-accent, #1A9E32)'; +export const inverseTextAccent = 'var(--inverse-text-accent)'; /** Инвертированный акцентный цвет */ -export const inverseTextAccentHover = 'var(--inverse-text-accent-hover, #1FC13DFF)'; +export const inverseTextAccentHover = 'var(--inverse-text-accent-hover)'; /** Инвертированный акцентный цвет */ -export const inverseTextAccentActive = 'var(--inverse-text-accent-active, #147B27FF)'; +export const inverseTextAccentActive = 'var(--inverse-text-accent-active)'; /** Инвертированный минорный акцентный цвет */ -export const inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #9EFAAF)'; +export const inverseTextAccentMinor = 'var(--inverse-text-accent-minor)'; /** Инвертированный минорный акцентный цвет */ -export const inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #C5FCCFFF)'; +export const inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover)'; /** Инвертированный минорный акцентный цвет */ -export const inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #77F88FFF)'; +export const inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active)'; /** Инвертированный цвет успеха */ -export const inverseTextPositive = 'var(--inverse-text-positive, #1A9E32)'; +export const inverseTextPositive = 'var(--inverse-text-positive)'; /** Инвертированный цвет успеха */ -export const inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #1FC13DFF)'; +export const inverseTextPositiveHover = 'var(--inverse-text-positive-hover)'; /** Инвертированный цвет успеха */ -export const inverseTextPositiveActive = 'var(--inverse-text-positive-active, #147B27FF)'; +export const inverseTextPositiveActive = 'var(--inverse-text-positive-active)'; /** Инвертированный цвет предупреждения */ -export const inverseTextWarning = 'var(--inverse-text-warning, #FA5F05)'; +export const inverseTextWarning = 'var(--inverse-text-warning)'; /** Инвертированный цвет предупреждения */ -export const inverseTextWarningHover = 'var(--inverse-text-warning-hover, #FB782DFF)'; +export const inverseTextWarningHover = 'var(--inverse-text-warning-hover)'; /** Инвертированный цвет предупреждения */ -export const inverseTextWarningActive = 'var(--inverse-text-warning-active, #D25004FF)'; +export const inverseTextWarningActive = 'var(--inverse-text-warning-active)'; /** Инвертированный цвет ошибки */ -export const inverseTextNegative = 'var(--inverse-text-negative, #FF293E)'; +export const inverseTextNegative = 'var(--inverse-text-negative)'; /** Инвертированный цвет ошибки */ -export const inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #FF5263FF)'; +export const inverseTextNegativeHover = 'var(--inverse-text-negative-hover)'; /** Инвертированный цвет ошибки */ -export const inverseTextNegativeActive = 'var(--inverse-text-negative-active, #FF001AFF)'; +export const inverseTextNegativeActive = 'var(--inverse-text-negative-active)'; /** Инвертированный цвет информации */ -export const inverseTextInfo = 'var(--inverse-text-info, #118CDF)'; +export const inverseTextInfo = 'var(--inverse-text-info)'; /** Инвертированный цвет информации */ -export const inverseTextInfoHover = 'var(--inverse-text-info-hover, #2AA0EFFF)'; +export const inverseTextInfoHover = 'var(--inverse-text-info-hover)'; /** Инвертированный цвет информации */ -export const inverseTextInfoActive = 'var(--inverse-text-info-active, #0E75B9FF)'; +export const inverseTextInfoActive = 'var(--inverse-text-info-active)'; /** Инвертированный минорный цвет успеха */ -export const inverseTextPositiveMinor = 'var(--inverse-text-positive-minor, #9EFAAF)'; +export const inverseTextPositiveMinor = 'var(--inverse-text-positive-minor)'; /** Инвертированный минорный цвет успеха */ -export const inverseTextPositiveMinorHover = 'var(--inverse-text-positive-minor-hover, #C5FCCFFF)'; +export const inverseTextPositiveMinorHover = 'var(--inverse-text-positive-minor-hover)'; /** Инвертированный минорный цвет успеха */ -export const inverseTextPositiveMinorActive = 'var(--inverse-text-positive-minor-active, #77F88FFF)'; +export const inverseTextPositiveMinorActive = 'var(--inverse-text-positive-minor-active)'; /** Инвертированный минорный цвет предупреждения */ -export const inverseTextWarningMinor = 'var(--inverse-text-warning-minor, #FEE2D2)'; +export const inverseTextWarningMinor = 'var(--inverse-text-warning-minor)'; /** Инвертированный минорный цвет предупреждения */ -export const inverseTextWarningMinorHover = 'var(--inverse-text-warning-minor-hover, #FFFCFAFF)'; +export const inverseTextWarningMinorHover = 'var(--inverse-text-warning-minor-hover)'; /** Инвертированный минорный цвет предупреждения */ -export const inverseTextWarningMinorActive = 'var(--inverse-text-warning-minor-active, #FDC9AAFF)'; +export const inverseTextWarningMinorActive = 'var(--inverse-text-warning-minor-active)'; /** Инвертированный минорный цвет ошибки */ -export const inverseTextNegativeMinor = 'var(--inverse-text-negative-minor, #FFE0E3)'; +export const inverseTextNegativeMinor = 'var(--inverse-text-negative-minor)'; /** Инвертированный минорный цвет ошибки */ -export const inverseTextNegativeMinorHover = 'var(--inverse-text-negative-minor-hover, #FFFFFFFF)'; +export const inverseTextNegativeMinorHover = 'var(--inverse-text-negative-minor-hover)'; /** Инвертированный минорный цвет ошибки */ -export const inverseTextNegativeMinorActive = 'var(--inverse-text-negative-minor-active, #FFB8BFFF)'; +export const inverseTextNegativeMinorActive = 'var(--inverse-text-negative-minor-active)'; /** Инвертированный минорный цвет информации */ -export const inverseTextInfoMinor = 'var(--inverse-text-info-minor, #CFECFF)'; +export const inverseTextInfoMinor = 'var(--inverse-text-info-minor)'; /** Инвертированный минорный цвет информации */ -export const inverseTextInfoMinorHover = 'var(--inverse-text-info-minor-hover, #FAFDFFFF)'; +export const inverseTextInfoMinorHover = 'var(--inverse-text-info-minor-hover)'; /** Инвертированный минорный цвет информации */ -export const inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active, #A8DCFFFF)'; +export const inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active)'; /** Основной непрозрачный фон поверхности/контрола */ -export const surfaceSolidPrimary = 'var(--surface-solid-primary, #F5F5F5)'; +export const surfaceSolidPrimary = 'var(--surface-solid-primary)'; /** Основной непрозрачный фон поверхности/контрола */ -export const surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #FAFAFAFF)'; +export const surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover)'; /** Основной непрозрачный фон поверхности/контрола */ -export const surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #F0F0F0FF)'; +export const surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active)'; /** Вторичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidSecondary = 'var(--surface-solid-secondary, #ECECEC)'; +export const surfaceSolidSecondary = 'var(--surface-solid-secondary)'; /** Вторичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidSecondaryHover = 'var(--surface-solid-secondary-hover, #F7F7F7FF)'; +export const surfaceSolidSecondaryHover = 'var(--surface-solid-secondary-hover)'; /** Вторичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidSecondaryActive = 'var(--surface-solid-secondary-active, #E8E8E8FF)'; +export const surfaceSolidSecondaryActive = 'var(--surface-solid-secondary-active)'; /** Третичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidTertiary = 'var(--surface-solid-tertiary, #DDDDDD)'; +export const surfaceSolidTertiary = 'var(--surface-solid-tertiary)'; /** Третичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover, #EDEDEDFF)'; +export const surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover)'; /** Третичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #D4D4D4FF)'; +export const surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active)'; /** Основной фон для карточек */ -export const surfaceSolidCard = 'var(--surface-solid-card, #FFFFFF)'; +export const surfaceSolidCard = 'var(--surface-solid-card)'; /** Основной фон для карточек */ -export const surfaceSolidCardHover = 'var(--surface-solid-card-hover, #FFFFFFFF)'; +export const surfaceSolidCardHover = 'var(--surface-solid-card-hover)'; /** Основной фон для карточек */ -export const surfaceSolidCardActive = 'var(--surface-solid-card-active, #FFFFFFFF)'; +export const surfaceSolidCardActive = 'var(--surface-solid-card-active)'; /** Непрозрачный фон поверхности/контрола по умолчанию */ -export const surfaceSolidDefault = 'var(--surface-solid-default, #080808)'; +export const surfaceSolidDefault = 'var(--surface-solid-default)'; /** Непрозрачный фон поверхности/контрола по умолчанию */ -export const surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #262626FF)'; +export const surfaceSolidDefaultHover = 'var(--surface-solid-default-hover)'; /** Непрозрачный фон поверхности/контрола по умолчанию */ -export const surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #030303FF)'; +export const surfaceSolidDefaultActive = 'var(--surface-solid-default-active)'; /** Основной прозрачный фон поверхности/контрола */ -export const surfaceTransparentPrimary = 'var(--surface-transparent-primary, #08080808)'; +export const surfaceTransparentPrimary = 'var(--surface-transparent-primary)'; /** Основной прозрачный фон поверхности/контрола */ -export const surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #08080803)'; +export const surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover)'; /** Основной прозрачный фон поверхности/контрола */ -export const surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #0808080D)'; +export const surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active)'; /** Вторичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #0808080F)'; +export const surfaceTransparentSecondary = 'var(--surface-transparent-secondary)'; /** Вторичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #08080805)'; +export const surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover)'; /** Вторичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #0808081A)'; +export const surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active)'; /** Третичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #0808081F)'; +export const surfaceTransparentTertiary = 'var(--surface-transparent-tertiary)'; /** Третичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #0808080A)'; +export const surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover)'; /** Третичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #08080829)'; +export const surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active)'; /** Глубокий прозрачный фон поверхности/контрола */ -export const surfaceTransparentDeep = 'var(--surface-transparent-deep, #080808A3)'; +export const surfaceTransparentDeep = 'var(--surface-transparent-deep)'; /** Глубокий прозрачный фон поверхности/контрола */ -export const surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #0808088F)'; +export const surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover)'; /** Глубокий прозрачный фон поверхности/контрола */ -export const surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #080808AD)'; +export const surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active)'; /** Прозрачный фон для карточек */ -export const surfaceTransparentCard = 'var(--surface-transparent-card, #0808080F)'; +export const surfaceTransparentCard = 'var(--surface-transparent-card)'; /** Прозрачный фон для карточек */ -export const surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #08080805)'; +export const surfaceTransparentCardHover = 'var(--surface-transparent-card-hover)'; /** Прозрачный фон для карточек */ -export const surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #0808081A)'; +export const surfaceTransparentCardActive = 'var(--surface-transparent-card-active)'; /** Фон поверхности/контрола без заливки */ -export const surfaceClear = 'var(--surface-clear, #FFFFFF00)'; +export const surfaceClear = 'var(--surface-clear)'; /** Фон поверхности/контрола без заливки */ -export const surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)'; +export const surfaceClearHover = 'var(--surface-clear-hover)'; /** Фон поверхности/контрола без заливки */ -export const surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)'; +export const surfaceClearActive = 'var(--surface-clear-active)'; /** Акцентный фон поверхности/контрола */ -export const surfaceAccent = 'var(--surface-accent, #108E26)'; +export const surfaceAccent = 'var(--surface-accent)'; /** Акцентный фон поверхности/контрола */ -export const surfaceAccentHover = 'var(--surface-accent-hover, #12A12AFF)'; +export const surfaceAccentHover = 'var(--surface-accent-hover)'; /** Акцентный фон поверхности/контрола */ -export const surfaceAccentActive = 'var(--surface-accent-active, #0E7C20FF)'; +export const surfaceAccentActive = 'var(--surface-accent-active)'; /** Акцентный минорный непрозрачный фон поверхности/контрола */ -export const surfaceAccentMinor = 'var(--surface-accent-minor, #77F38E)'; +export const surfaceAccentMinor = 'var(--surface-accent-minor)'; /** Акцентный минорный непрозрачный фон поверхности/контрола */ -export const surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #93F6A5FF)'; +export const surfaceAccentMinorHover = 'var(--surface-accent-minor-hover)'; /** Акцентный минорный непрозрачный фон поверхности/контрола */ -export const surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #64F27EFF)'; +export const surfaceAccentMinorActive = 'var(--surface-accent-minor-active)'; /** Прозрачный акцентный фон поверхности/контрола */ -export const surfaceTransparentAccent = 'var(--surface-transparent-accent, #108E2647)'; +export const surfaceTransparentAccent = 'var(--surface-transparent-accent)'; /** Прозрачный акцентный фон поверхности/контрола */ -export const surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #108E2533)'; +export const surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover)'; /** Прозрачный акцентный фон поверхности/контрола */ -export const surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #108E2552)'; +export const surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active)'; /** Цвет фона поверхности/контрола успех */ -export const surfacePositive = 'var(--surface-positive, #1A9E32)'; +export const surfacePositive = 'var(--surface-positive)'; /** Цвет фона поверхности/контрола успех */ -export const surfacePositiveHover = 'var(--surface-positive-hover, #1EB83AFF)'; +export const surfacePositiveHover = 'var(--surface-positive-hover)'; /** Цвет фона поверхности/контрола успех */ -export const surfacePositiveActive = 'var(--surface-positive-active, #178C2CFF)'; +export const surfacePositiveActive = 'var(--surface-positive-active)'; /** Цвет фона поверхности/контрола предупреждение */ -export const surfaceWarning = 'var(--surface-warning, #FA5F05)'; +export const surfaceWarning = 'var(--surface-warning)'; /** Цвет фона поверхности/контрола предупреждение */ -export const surfaceWarningHover = 'var(--surface-warning-hover, #FB782DFF)'; +export const surfaceWarningHover = 'var(--surface-warning-hover)'; /** Цвет фона поверхности/контрола предупреждение */ -export const surfaceWarningActive = 'var(--surface-warning-active, #E65705FF)'; +export const surfaceWarningActive = 'var(--surface-warning-active)'; /** Цвет фона поверхности/контрола ошибка */ -export const surfaceNegative = 'var(--surface-negative, #FF293E)'; +export const surfaceNegative = 'var(--surface-negative)'; /** Цвет фона поверхности/контрола ошибка */ -export const surfaceNegativeHover = 'var(--surface-negative-hover, #FF5263FF)'; +export const surfaceNegativeHover = 'var(--surface-negative-hover)'; /** Цвет фона поверхности/контрола ошибка */ -export const surfaceNegativeActive = 'var(--surface-negative-active, #FF142CFF)'; +export const surfaceNegativeActive = 'var(--surface-negative-active)'; /** Цвет фона поверхности/контрола информация */ -export const surfaceInfo = 'var(--surface-info, #118CDF)'; +export const surfaceInfo = 'var(--surface-info)'; /** Цвет фона поверхности/контрола информация */ -export const surfaceInfoHover = 'var(--surface-info-hover, #1798EEFF)'; +export const surfaceInfoHover = 'var(--surface-info-hover)'; /** Цвет фона поверхности/контрола информация */ -export const surfaceInfoActive = 'var(--surface-info-active, #0F81CCFF)'; +export const surfaceInfoActive = 'var(--surface-info-active)'; /** Минорный цвет фона поверхности/контрола успех */ -export const surfacePositiveMinor = 'var(--surface-positive-minor, #77F38E)'; +export const surfacePositiveMinor = 'var(--surface-positive-minor)'; /** Минорный цвет фона поверхности/контрола успех */ -export const surfacePositiveMinorHover = 'var(--surface-positive-minor-hover, #93F6A5FF)'; +export const surfacePositiveMinorHover = 'var(--surface-positive-minor-hover)'; /** Минорный цвет фона поверхности/контрола успех */ -export const surfacePositiveMinorActive = 'var(--surface-positive-minor-active, #64F27EFF)'; +export const surfacePositiveMinorActive = 'var(--surface-positive-minor-active)'; /** Минорный цвет фона поверхности/контрола предупреждение */ -export const surfaceWarningMinor = 'var(--surface-warning-minor, #FFD1B8)'; +export const surfaceWarningMinor = 'var(--surface-warning-minor)'; /** Минорный цвет фона поверхности/контрола предупреждение */ -export const surfaceWarningMinorHover = 'var(--surface-warning-minor-hover, #FFDECCFF)'; +export const surfaceWarningMinorHover = 'var(--surface-warning-minor-hover)'; /** Минорный цвет фона поверхности/контрола предупреждение */ -export const surfaceWarningMinorActive = 'var(--surface-warning-minor-active, #FFC3A3FF)'; +export const surfaceWarningMinorActive = 'var(--surface-warning-minor-active)'; /** Минорный цвет фона поверхности/контрола ошибка */ -export const surfaceNegativeMinor = 'var(--surface-negative-minor, #FECDD2)'; +export const surfaceNegativeMinor = 'var(--surface-negative-minor)'; /** Минорный цвет фона поверхности/контрола ошибка */ -export const surfaceNegativeMinorHover = 'var(--surface-negative-minor-hover, #FEE1E4FF)'; +export const surfaceNegativeMinorHover = 'var(--surface-negative-minor-hover)'; /** Минорный цвет фона поверхности/контрола ошибка */ -export const surfaceNegativeMinorActive = 'var(--surface-negative-minor-active, #FEC3C9FF)'; +export const surfaceNegativeMinorActive = 'var(--surface-negative-minor-active)'; /** Минорный цвет фона поверхности/контрола информация */ -export const surfaceInfoMinor = 'var(--surface-info-minor, #B0DFFF)'; +export const surfaceInfoMinor = 'var(--surface-info-minor)'; /** Минорный цвет фона поверхности/контрола информация */ -export const surfaceInfoMinorHover = 'var(--surface-info-minor-hover, #C7E9FFFF)'; +export const surfaceInfoMinorHover = 'var(--surface-info-minor-hover)'; /** Минорный цвет фона поверхности/контрола информация */ -export const surfaceInfoMinorActive = 'var(--surface-info-minor-active, #9ED8FFFF)'; +export const surfaceInfoMinorActive = 'var(--surface-info-minor-active)'; /** Прозрачный цвет фона поверхности/контрола успех */ -export const surfaceTransparentPositive = 'var(--surface-transparent-positive, #1A9E3247)'; +export const surfaceTransparentPositive = 'var(--surface-transparent-positive)'; /** Прозрачный цвет фона поверхности/контрола успех */ -export const surfaceTransparentPositiveHover = 'var(--surface-transparent-positive-hover, #1A9E3233)'; +export const surfaceTransparentPositiveHover = 'var(--surface-transparent-positive-hover)'; /** Прозрачный цвет фона поверхности/контрола успех */ -export const surfaceTransparentPositiveActive = 'var(--surface-transparent-positive-active, #1A9E3252)'; +export const surfaceTransparentPositiveActive = 'var(--surface-transparent-positive-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentWarning = 'var(--surface-transparent-warning, #FA5F0547)'; +export const surfaceTransparentWarning = 'var(--surface-transparent-warning)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover, #FA5F0533)'; +export const surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active, #FA5F0552)'; +export const surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentNegative = 'var(--surface-transparent-negative, #FF293E47)'; +export const surfaceTransparentNegative = 'var(--surface-transparent-negative)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #FF293E33)'; +export const surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #FF293E52)'; +export const surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active)'; /** Прозрачный цвет фона поверхности/контрола информация */ -export const surfaceTransparentInfo = 'var(--surface-transparent-info, #118CDF47)'; +export const surfaceTransparentInfo = 'var(--surface-transparent-info)'; /** Прозрачный цвет фона поверхности/контрола информация */ -export const surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover, #118CDF33)'; +export const surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover)'; /** Прозрачный цвет фона поверхности/контрола информация */ -export const surfaceTransparentInfoActive = 'var(--surface-transparent-info-active, #118CDF52)'; +export const surfaceTransparentInfoActive = 'var(--surface-transparent-info-active)'; /** Основной непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #171717)'; +export const onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary)'; /** Основной непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #363636FF)'; +export const onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover)'; /** Основной непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-active, #0D0D0DFF)'; +export const onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-active)'; /** Вторичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary, #262626)'; +export const onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary)'; /** Вторичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover, #3B3B3BFF)'; +export const onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover)'; /** Вторичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidSecondaryActive = 'var(--on-dark-surface-solid-secondary-active, #1C1C1CFF)'; +export const onDarkSurfaceSolidSecondaryActive = 'var(--on-dark-surface-solid-secondary-active)'; /** Третичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #363636)'; +export const onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary)'; /** Третичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #4A4A4AFF)'; +export const onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover)'; /** Третичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #2B2B2BFF)'; +export const onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active)'; /** Основной фон для карточек на темном фоне */ -export const onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #171717)'; +export const onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card)'; /** Основной фон для карточек на темном фоне */ -export const onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #363636FF)'; +export const onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover)'; /** Основной фон для карточек на темном фоне */ -export const onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active, #0D0D0DFF)'; +export const onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active)'; /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */ -export const onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #F9F9F9)'; +export const onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default)'; /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */ -export const onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover, #FFFFFFFF)'; +export const onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover)'; /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */ -export const onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active, #F5F5F5FF)'; +export const onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #F9F9F90F)'; +export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FAFAFA05)'; +export const onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FAFAFA1A)'; +export const onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active)'; /** Вторичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #F9F9F91F)'; +export const onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary)'; /** Вторичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FAFAFA0A)'; +export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover)'; /** Вторичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FAFAFA29)'; +export const onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active)'; /** Третичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #F9F9F933)'; +export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary)'; /** Третичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FAFAFA1F)'; +export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover)'; /** Третичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FAFAFA3D)'; +export const onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active)'; /** Глубокий прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #F9F9F9A3)'; +export const onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep)'; /** Глубокий прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #FAFAFA8F)'; +export const onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover)'; /** Глубокий прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #FAFAFAAD)'; +export const onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active)'; /** Прозрачный фон для карточек на темном фоне */ -export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #F9F9F90F)'; +export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card)'; /** Прозрачный фон для карточек на темном фоне */ -export const onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FAFAFA05)'; +export const onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover)'; /** Прозрачный фон для карточек на темном фоне */ -export const onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FAFAFA1A)'; +export const onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active)'; /** Фон поверхности/контрола без заливки на темном фоне */ -export const onDarkSurfaceClear = 'var(--on-dark-surface-clear, #FFFFFF00)'; +export const onDarkSurfaceClear = 'var(--on-dark-surface-clear)'; /** Фон поверхности/контрола без заливки на темном фоне */ -export const onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover, #FFFFFF00)'; +export const onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover)'; /** Фон поверхности/контрола без заливки на темном фоне */ -export const onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active, #FFFFFF00)'; +export const onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active)'; /** Акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #1A9E32)'; +export const onDarkSurfaceAccent = 'var(--on-dark-surface-accent)'; /** Акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #1EB83AFF)'; +export const onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover)'; /** Акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #178C2CFF)'; +export const onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #0A2B10)'; +export const onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #0E3A16FF)'; +export const onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #061909FF)'; +export const onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active)'; /** Прозрачный акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #1A9E3247)'; +export const onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent)'; /** Прозрачный акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #1A9E3233)'; +export const onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover)'; /** Прозрачный акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #1A9E3252)'; +export const onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active)'; /** Цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositive = 'var(--on-dark-surface-positive, #1A9E32)'; +export const onDarkSurfacePositive = 'var(--on-dark-surface-positive)'; /** Цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #1EB83AFF)'; +export const onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover)'; /** Цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositiveActive = 'var(--on-dark-surface-positive-active, #178C2CFF)'; +export const onDarkSurfacePositiveActive = 'var(--on-dark-surface-positive-active)'; /** Цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarning = 'var(--on-dark-surface-warning, #FA5F05)'; +export const onDarkSurfaceWarning = 'var(--on-dark-surface-warning)'; /** Цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarningHover = 'var(--on-dark-surface-warning-hover, #FB782DFF)'; +export const onDarkSurfaceWarningHover = 'var(--on-dark-surface-warning-hover)'; /** Цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarningActive = 'var(--on-dark-surface-warning-active, #E65705FF)'; +export const onDarkSurfaceWarningActive = 'var(--on-dark-surface-warning-active)'; /** Цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #FF293E)'; +export const onDarkSurfaceNegative = 'var(--on-dark-surface-negative)'; /** Цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegativeHover = 'var(--on-dark-surface-negative-hover, #FF5263FF)'; +export const onDarkSurfaceNegativeHover = 'var(--on-dark-surface-negative-hover)'; /** Цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegativeActive = 'var(--on-dark-surface-negative-active, #FF142CFF)'; +export const onDarkSurfaceNegativeActive = 'var(--on-dark-surface-negative-active)'; /** Цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfo = 'var(--on-dark-surface-info, #118CDF)'; +export const onDarkSurfaceInfo = 'var(--on-dark-surface-info)'; /** Цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover, #1798EEFF)'; +export const onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover)'; /** Цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active, #0F81CCFF)'; +export const onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active)'; /** Минорный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositiveMinor = 'var(--on-dark-surface-positive-minor, #0A2B10)'; +export const onDarkSurfacePositiveMinor = 'var(--on-dark-surface-positive-minor)'; /** Минорный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositiveMinorHover = 'var(--on-dark-surface-positive-minor-hover, #0E3A16FF)'; +export const onDarkSurfacePositiveMinorHover = 'var(--on-dark-surface-positive-minor-hover)'; /** Минорный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositiveMinorActive = 'var(--on-dark-surface-positive-minor-active, #061909FF)'; +export const onDarkSurfacePositiveMinorActive = 'var(--on-dark-surface-positive-minor-active)'; /** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarningMinor = 'var(--on-dark-surface-warning-minor, #3D1D0A)'; +export const onDarkSurfaceWarningMinor = 'var(--on-dark-surface-warning-minor)'; /** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarningMinorHover = 'var(--on-dark-surface-warning-minor-hover, #58290EFF)'; +export const onDarkSurfaceWarningMinorHover = 'var(--on-dark-surface-warning-minor-hover)'; /** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarningMinorActive = 'var(--on-dark-surface-warning-minor-active, #2C1507FF)'; +export const onDarkSurfaceWarningMinorActive = 'var(--on-dark-surface-warning-minor-active)'; /** Минорный цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegativeMinor = 'var(--on-dark-surface-negative-minor, #4A0D13)'; +export const onDarkSurfaceNegativeMinor = 'var(--on-dark-surface-negative-minor)'; /** Минорный цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegativeMinorHover = 'var(--on-dark-surface-negative-minor-hover, #64121AFF)'; +export const onDarkSurfaceNegativeMinorHover = 'var(--on-dark-surface-negative-minor-hover)'; /** Минорный цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegativeMinorActive = 'var(--on-dark-surface-negative-minor-active, #380A0FFF)'; +export const onDarkSurfaceNegativeMinorActive = 'var(--on-dark-surface-negative-minor-active)'; /** Минорный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfoMinor = 'var(--on-dark-surface-info-minor, #0C283B)'; +export const onDarkSurfaceInfoMinor = 'var(--on-dark-surface-info-minor)'; /** Минорный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfoMinorHover = 'var(--on-dark-surface-info-minor-hover, #10344CFF)'; +export const onDarkSurfaceInfoMinorHover = 'var(--on-dark-surface-info-minor-hover)'; /** Минорный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfoMinorActive = 'var(--on-dark-surface-info-minor-active, #091D2AFF)'; +export const onDarkSurfaceInfoMinorActive = 'var(--on-dark-surface-info-minor-active)'; /** Прозрачный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfaceTransparentPositive = 'var(--on-dark-surface-transparent-positive, #1A9E3247)'; +export const onDarkSurfaceTransparentPositive = 'var(--on-dark-surface-transparent-positive)'; /** Прозрачный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfaceTransparentPositiveHover = 'var(--on-dark-surface-transparent-positive-hover, #1A9E3233)'; +export const onDarkSurfaceTransparentPositiveHover = 'var(--on-dark-surface-transparent-positive-hover)'; /** Прозрачный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfaceTransparentPositiveActive = 'var(--on-dark-surface-transparent-positive-active, #1A9E3252)'; +export const onDarkSurfaceTransparentPositiveActive = 'var(--on-dark-surface-transparent-positive-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentWarning = 'var(--on-dark-surface-transparent-warning, #FA5F0547)'; +export const onDarkSurfaceTransparentWarning = 'var(--on-dark-surface-transparent-warning)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentWarningHover = 'var(--on-dark-surface-transparent-warning-hover, #FA5F0533)'; +export const onDarkSurfaceTransparentWarningHover = 'var(--on-dark-surface-transparent-warning-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentWarningActive = 'var(--on-dark-surface-transparent-warning-active, #FA5F0552)'; +export const onDarkSurfaceTransparentWarningActive = 'var(--on-dark-surface-transparent-warning-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative, #FF293E47)'; +export const onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #FF293E33)'; +export const onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #FF293E52)'; +export const onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active)'; /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceTransparentInfo = 'var(--on-dark-surface-transparent-info, #118CDF47)'; +export const onDarkSurfaceTransparentInfo = 'var(--on-dark-surface-transparent-info)'; /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover, #118CDF33)'; +export const onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover)'; /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transparent-info-active, #118CDF52)'; +export const onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transparent-info-active)'; /** Основной непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #F5F5F5)'; +export const onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary)'; /** Основной непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #FAFAFAFF)'; +export const onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover)'; /** Основной непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active, #F0F0F0FF)'; +export const onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active)'; /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary, #ECECEC)'; +export const onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary)'; /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover, #F7F7F7FF)'; +export const onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover)'; /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active, #E8E8E8FF)'; +export const onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active)'; /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #DDDDDD)'; +export const onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary)'; /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #EDEDEDFF)'; +export const onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover)'; /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #D4D4D4FF)'; +export const onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active)'; /** Основной фон для карточек на светлом фоне */ -export const onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #FFFFFF)'; +export const onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card)'; /** Основной фон для карточек на светлом фоне */ -export const onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover, #FFFFFFFF)'; +export const onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover)'; /** Основной фон для карточек на светлом фоне */ -export const onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active, #FFFFFFFF)'; +export const onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active)'; /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ -export const onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #080808)'; +export const onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default)'; /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ -export const onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #262626FF)'; +export const onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover)'; /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ -export const onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #030303FF)'; +export const onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active)'; /** Основной прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #08080808)'; +export const onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary)'; /** Основной прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #08080803)'; +export const onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover)'; /** Основной прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #0808080D)'; +export const onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active)'; /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #0808080F)'; +export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary)'; /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #08080805)'; +export const onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover)'; /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentSecondaryActive = - 'var(--on-light-surface-transparent-secondary-active, #0808081A)'; +export const onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active)'; /** Третичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #0808081F)'; +export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary)'; /** Третичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #0808080A)'; +export const onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover)'; /** Третичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #08080829)'; +export const onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active)'; /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #080808A3)'; +export const onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep)'; /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #0808088F)'; +export const onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover)'; /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #080808AD)'; +export const onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active)'; /** Прозрачный фон для карточек на светлом фоне */ -export const onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #0808080F)'; +export const onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card)'; /** Прозрачный фон для карточек на светлом фоне */ -export const onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #08080805)'; +export const onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover)'; /** Прозрачный фон для карточек на светлом фоне */ -export const onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #0808081A)'; +export const onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active)'; /** Фон поверхности/контрола без заливки на светлом фоне */ -export const onLightSurfaceClear = 'var(--on-light-surface-clear, #FFFFFF00)'; +export const onLightSurfaceClear = 'var(--on-light-surface-clear)'; /** Фон поверхности/контрола без заливки на светлом фоне */ -export const onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover, #FFFFFF00)'; +export const onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover)'; /** Фон поверхности/контрола без заливки на светлом фоне */ -export const onLightSurfaceClearActive = 'var(--on-light-surface-clear-active, #FFFFFF00)'; +export const onLightSurfaceClearActive = 'var(--on-light-surface-clear-active)'; /** Акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccent = 'var(--on-light-surface-accent, #108E26)'; +export const onLightSurfaceAccent = 'var(--on-light-surface-accent)'; /** Акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #12A12AFF)'; +export const onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover)'; /** Акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #0E7C20FF)'; +export const onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #77F38E)'; +export const onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #93F6A5FF)'; +export const onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #64F27EFF)'; +export const onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active)'; /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #108E2647)'; +export const onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent)'; /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #108E2533)'; +export const onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover)'; /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #108E2552)'; +export const onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active)'; /** Цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositive = 'var(--on-light-surface-positive, #1A9E32)'; +export const onLightSurfacePositive = 'var(--on-light-surface-positive)'; /** Цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1EB83AFF)'; +export const onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover)'; /** Цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active, #178C2CFF)'; +export const onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active)'; /** Цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarning = 'var(--on-light-surface-warning, #FA5F05)'; +export const onLightSurfaceWarning = 'var(--on-light-surface-warning)'; /** Цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover, #FB782DFF)'; +export const onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover)'; /** Цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active, #E65705FF)'; +export const onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active)'; /** Цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegative = 'var(--on-light-surface-negative, #FF293E)'; +export const onLightSurfaceNegative = 'var(--on-light-surface-negative)'; /** Цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #FF5263FF)'; +export const onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover)'; /** Цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #FF142CFF)'; +export const onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active)'; /** Цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfo = 'var(--on-light-surface-info, #118CDF)'; +export const onLightSurfaceInfo = 'var(--on-light-surface-info)'; /** Цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #1798EEFF)'; +export const onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover)'; /** Цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #0F81CCFF)'; +export const onLightSurfaceInfoActive = 'var(--on-light-surface-info-active)'; /** Минорный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositiveMinor = 'var(--on-light-surface-positive-minor, #77F38E)'; +export const onLightSurfacePositiveMinor = 'var(--on-light-surface-positive-minor)'; /** Минорный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #93F6A5FF)'; +export const onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover)'; /** Минорный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active, #64F27EFF)'; +export const onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active)'; /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarningMinor = 'var(--on-light-surface-warning-minor, #FFD1B8)'; +export const onLightSurfaceWarningMinor = 'var(--on-light-surface-warning-minor)'; /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FFDECCFF)'; +export const onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover)'; /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FFC3A3FF)'; +export const onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active)'; /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegativeMinor = 'var(--on-light-surface-negative-minor, #FECDD2)'; +export const onLightSurfaceNegativeMinor = 'var(--on-light-surface-negative-minor)'; /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FEE1E4FF)'; +export const onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover)'; /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active, #FEC3C9FF)'; +export const onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active)'; /** Минорный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfoMinor = 'var(--on-light-surface-info-minor, #B0DFFF)'; +export const onLightSurfaceInfoMinor = 'var(--on-light-surface-info-minor)'; /** Минорный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover, #C7E9FFFF)'; +export const onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover)'; /** Минорный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #9ED8FFFF)'; +export const onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active)'; /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfaceTransparentPositive = 'var(--on-light-surface-transparent-positive, #1A9E3247)'; +export const onLightSurfaceTransparentPositive = 'var(--on-light-surface-transparent-positive)'; /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover, #1A9E3233)'; +export const onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover)'; /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active, #1A9E3252)'; +export const onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentWarning = 'var(--on-light-surface-transparent-warning, #FA5F0547)'; +export const onLightSurfaceTransparentWarning = 'var(--on-light-surface-transparent-warning)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover, #FA5F0533)'; +export const onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active, #FA5F0552)'; +export const onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative, #FF293E47)'; +export const onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #FF293E33)'; +export const onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #FF293E52)'; +export const onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active)'; /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-info, #118CDF47)'; +export const onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-info)'; /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover, #118CDF33)'; +export const onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover)'; /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active, #118CDF52)'; +export const onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active)'; /** Инвертированный основной непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #171717)'; +export const inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary)'; /** Инвертированный основной непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #363636FF)'; +export const inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover)'; /** Инвертированный основной непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active, #0D0D0DFF)'; +export const inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active)'; /** Инвертированный вторичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary, #262626)'; +export const inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary)'; /** Инвертированный вторичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #3B3B3BFF)'; +export const inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover)'; /** Инвертированный вторичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #1C1C1CFF)'; +export const inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active)'; /** Инвертированный третичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #363636)'; +export const inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary)'; /** Инвертированный третичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover, #4A4A4AFF)'; +export const inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover)'; /** Инвертированный третичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active, #2B2B2BFF)'; +export const inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active)'; /** Инвертированный основной фон для карточек */ -export const inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card, #171717)'; +export const inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card)'; /** Инвертированный основной фон для карточек */ -export const inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover, #363636FF)'; +export const inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover)'; /** Инвертированный основной фон для карточек */ -export const inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active, #0D0D0DFF)'; +export const inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active)'; /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ -export const inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #F9F9F9)'; +export const inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default)'; /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ -export const inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #FFFFFFFF)'; +export const inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover)'; /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ -export const inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #F5F5F5FF)'; +export const inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active)'; /** Инвертированный основной прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #F9F9F90F)'; +export const inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary)'; /** Инвертированный основной прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #FAFAFA05)'; +export const inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover)'; /** Инвертированный основной прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #FAFAFA1A)'; +export const inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active)'; /** Инвертированный вторичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #F9F9F91F)'; +export const inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary)'; /** Инвертированный вторичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #FAFAFA0A)'; +export const inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover)'; /** Инвертированный вторичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentSecondaryActive = - 'var(--inverse-surface-transparent-secondary-active, #FAFAFA29)'; +export const inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active)'; /** Инвертированный третичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #F9F9F933)'; +export const inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary)'; /** Инвертированный третичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #FAFAFA1F)'; +export const inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover)'; /** Инвертированный третичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #FAFAFA3D)'; +export const inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active)'; /** Инвертированный глубокий прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, #F9F9F9A3)'; +export const inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep)'; /** Инвертированный глубокий прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #FAFAFA8F)'; +export const inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover)'; /** Инвертированный глубокий прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #FAFAFAAD)'; +export const inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active)'; /** Инвертированный прозрачный фон для карточек */ -export const inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #F9F9F90F)'; +export const inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card)'; /** Инвертированный прозрачный фон для карточек */ -export const inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FAFAFA05)'; +export const inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover)'; /** Инвертированный прозрачный фон для карточек */ -export const inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active, #FAFAFA1A)'; +export const inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active)'; /** Инвертированный фон поверхности/контрола без заливки */ -export const inverseSurfaceClear = 'var(--inverse-surface-clear, #FFFFFF00)'; +export const inverseSurfaceClear = 'var(--inverse-surface-clear)'; /** Инвертированный фон поверхности/контрола без заливки */ -export const inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover, #FFFFFF00)'; +export const inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover)'; /** Инвертированный фон поверхности/контрола без заливки */ -export const inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFF00)'; +export const inverseSurfaceClearActive = 'var(--inverse-surface-clear-active)'; /** Инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceAccent = 'var(--inverse-surface-accent, #1A9E32)'; +export const inverseSurfaceAccent = 'var(--inverse-surface-accent)'; /** Инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #1EB83AFF)'; +export const inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover)'; /** Инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #178C2CFF)'; +export const inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active)'; /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #0A2B10)'; +export const inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor)'; /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #0E3A16FF)'; +export const inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover)'; /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #061909FF)'; +export const inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active)'; /** Прозрачный инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #1A9E3247)'; +export const inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent)'; /** Прозрачный инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #1A9E3233)'; +export const inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover)'; /** Прозрачный инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #1A9E3252)'; +export const inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active)'; /** Инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositive = 'var(--inverse-surface-positive, #1A9E32)'; +export const inverseSurfacePositive = 'var(--inverse-surface-positive)'; /** Инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #1EB83AFF)'; +export const inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover)'; /** Инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #178C2CFF)'; +export const inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active)'; /** Инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarning = 'var(--inverse-surface-warning, #FA5F05)'; +export const inverseSurfaceWarning = 'var(--inverse-surface-warning)'; /** Инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #FB782DFF)'; +export const inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover)'; /** Инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #E65705FF)'; +export const inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active)'; /** Инвертированный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegative = 'var(--inverse-surface-negative, #FF293E)'; +export const inverseSurfaceNegative = 'var(--inverse-surface-negative)'; /** Инвертированный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover, #FF5263FF)'; +export const inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover)'; /** Инвертированный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #FF142CFF)'; +export const inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active)'; /** Инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfo = 'var(--inverse-surface-info, #118CDF)'; +export const inverseSurfaceInfo = 'var(--inverse-surface-info)'; /** Инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #1798EEFF)'; +export const inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover)'; /** Инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #0F81CCFF)'; +export const inverseSurfaceInfoActive = 'var(--inverse-surface-info-active)'; /** Инвертированный минорный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositiveMinor = 'var(--inverse-surface-positive-minor, #0A2B10)'; +export const inverseSurfacePositiveMinor = 'var(--inverse-surface-positive-minor)'; /** Инвертированный минорный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #0E3A16FF)'; +export const inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover)'; /** Инвертированный минорный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #061909FF)'; +export const inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active)'; /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarningMinor = 'var(--inverse-surface-warning-minor, #3D1D0A)'; +export const inverseSurfaceWarningMinor = 'var(--inverse-surface-warning-minor)'; /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover, #58290EFF)'; +export const inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover)'; /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active, #2C1507FF)'; +export const inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active)'; /** Инвертированный минорный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegativeMinor = 'var(--inverse-surface-negative-minor, #4A0D13)'; +export const inverseSurfaceNegativeMinor = 'var(--inverse-surface-negative-minor)'; /** Инвертированный минорный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover, #64121AFF)'; +export const inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover)'; /** Инвертированный минорный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active, #380A0FFF)'; +export const inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active)'; /** Инвертированный минорный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfoMinor = 'var(--inverse-surface-info-minor, #0C283B)'; +export const inverseSurfaceInfoMinor = 'var(--inverse-surface-info-minor)'; /** Инвертированный минорный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover, #10344CFF)'; +export const inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover)'; /** Инвертированный минорный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active, #091D2AFF)'; +export const inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active)'; /** Прозрачный инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfaceTransparentPositive = 'var(--inverse-surface-transparent-positive, #1A9E3247)'; +export const inverseSurfaceTransparentPositive = 'var(--inverse-surface-transparent-positive)'; /** Прозрачный инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover, #1A9E3233)'; +export const inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover)'; /** Прозрачный инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active, #1A9E3252)'; +export const inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentWarning = 'var(--inverse-surface-transparent-warning, #FA5F0547)'; +export const inverseSurfaceTransparentWarning = 'var(--inverse-surface-transparent-warning)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover, #FA5F0533)'; +export const inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active, #FA5F0552)'; +export const inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative, #FF293E47)'; +export const inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #FF293E33)'; +export const inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #FF293E52)'; +export const inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active)'; /** Прозрачный инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info, #118CDF47)'; +export const inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info)'; /** Прозрачный инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover, #118CDF33)'; +export const inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover)'; /** Прозрачный инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active, #118CDF52)'; +export const inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active)'; /** Основной фон */ -export const backgroundPrimary = 'var(--background-primary, #F9F9F9)'; +export const backgroundPrimary = 'var(--background-primary)'; /** Основной фон на темном фоне */ -export const darkBackgroundPrimary = 'var(--dark-background-primary, #080808)'; +export const darkBackgroundPrimary = 'var(--dark-background-primary)'; /** Основной фон на светлом фоне */ -export const lightBackgroundPrimary = 'var(--light-background-primary, #F9F9F9)'; +export const lightBackgroundPrimary = 'var(--light-background-primary)'; /** Инвертированный основной фон */ -export const inverseBackgroundPrimary = 'var(--inverse-background-primary, #080808)'; +export const inverseBackgroundPrimary = 'var(--inverse-background-primary)'; /** Цвет фона паранжи светлый */ -export const overlaySoft = 'var(--overlay-soft, #F9F9F98F)'; +export const overlaySoft = 'var(--overlay-soft)'; /** Цвет фона паранжи темный */ -export const overlayHard = 'var(--overlay-hard, #F9F9F9F5)'; +export const overlayHard = 'var(--overlay-hard)'; /** Цвет фона паранжи размытый */ -export const overlayBlur = 'var(--overlay-blur, #F9F9F933)'; +export const overlayBlur = 'var(--overlay-blur)'; /** Цвет фона паранжи светлый на темном фоне */ -export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #0808088F)'; +export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft)'; /** Цвет фона паранжи темный на темном фоне */ -export const onDarkOverlayHard = 'var(--on-dark-overlay-hard, #080808F5)'; +export const onDarkOverlayHard = 'var(--on-dark-overlay-hard)'; /** Цвет фона паранжи размытый на темном фоне */ -export const onDarkOverlayBlur = 'var(--on-dark-overlay-blur, #08080833)'; +export const onDarkOverlayBlur = 'var(--on-dark-overlay-blur)'; /** Цвет фона паранжи светлый на светлом фоне */ -export const onLightOverlaySoft = 'var(--on-light-overlay-soft, #F9F9F98F)'; +export const onLightOverlaySoft = 'var(--on-light-overlay-soft)'; /** Цвет фона паранжи темный на светлом фоне */ -export const onLightOverlayHard = 'var(--on-light-overlay-hard, #F9F9F9F5)'; +export const onLightOverlayHard = 'var(--on-light-overlay-hard)'; /** Цвет фона паранжи размытый на светлом фоне */ -export const onLightOverlayBlur = 'var(--on-light-overlay-blur, #F9F9F933)'; +export const onLightOverlayBlur = 'var(--on-light-overlay-blur)'; /** Инвертированный цвет фона паранжи светлый */ -export const inverseOverlaySoft = 'var(--inverse-overlay-soft, #0808088F)'; +export const inverseOverlaySoft = 'var(--inverse-overlay-soft)'; /** Инвертированный цвет фона паранжи темный */ -export const inverseOverlayHard = 'var(--inverse-overlay-hard, #080808F5)'; +export const inverseOverlayHard = 'var(--inverse-overlay-hard)'; /** Инвертированный цвет фона паранжи размытый */ -export const inverseOverlayBlur = 'var(--inverse-overlay-blur, #08080833)'; +export const inverseOverlayBlur = 'var(--inverse-overlay-blur)'; /** Основной непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidPrimary = 'var(--outline-default-outline-solid-primary, #DDDDDD)'; +export const outlineSolidPrimary = 'var(--outline-solid-primary)'; /** Основной непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidPrimaryHover = 'var(--outline-default-outline-solid-primary-hover, #000000FF)'; +export const outlineSolidPrimaryHover = 'var(--outline-solid-primary-hover)'; /** Основной непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidPrimaryActive = 'var(--outline-default-outline-solid-primary-active, #B3B3B3FF)'; +export const outlineSolidPrimaryActive = 'var(--outline-solid-primary-active)'; /** Вторичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidSecondary = 'var(--outline-default-outline-solid-secondary, #B3B3B3)'; +export const outlineSolidSecondary = 'var(--outline-solid-secondary)'; /** Вторичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidSecondaryHover = - 'var(--outline-default-outline-solid-secondary-hover, #000000FF)'; +export const outlineSolidSecondaryHover = 'var(--outline-solid-secondary-hover)'; /** Вторичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidSecondaryActive = - 'var(--outline-default-outline-solid-secondary-active, #8F8F8FFF)'; +export const outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active)'; /** Третичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidTertiary = 'var(--outline-default-outline-solid-tertiary, #707070)'; +export const outlineSolidTertiary = 'var(--outline-solid-tertiary)'; /** Третичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidTertiaryHover = 'var(--outline-default-outline-solid-tertiary-hover, #000000FF)'; +export const outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover)'; /** Третичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidTertiaryActive = - 'var(--outline-default-outline-solid-tertiary-active, #595959FF)'; +export const outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active)'; /** Прозрачный цвет обводки по умолчанию */ -export const outlineDefaultOutlineTransparentDefault = 'var(--outline-default-outline-transparent-default, #080808F5)'; +export const outlineTransparentDefault = 'var(--outline-transparent-default)'; /** Прозрачный цвет обводки по умолчанию */ -export const outlineDefaultOutlineTransparentDefaultHover = - 'var(--outline-default-outline-transparent-default-hover, #08080893)'; +export const outlineTransparentDefaultHover = 'var(--outline-transparent-default-hover)'; /** Прозрачный цвет обводки по умолчанию */ -export const outlineDefaultOutlineTransparentDefaultActive = - 'var(--outline-default-outline-transparent-default-active, #080808C4)'; +export const outlineTransparentDefaultActive = 'var(--outline-transparent-default-active)'; /** Основной прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentPrimary = 'var(--outline-default-outline-transparent-primary, #0808081F)'; +export const outlineTransparentPrimary = 'var(--outline-transparent-primary)'; /** Основной прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentPrimaryHover = - 'var(--outline-default-outline-transparent-primary-hover, #080808FF)'; +export const outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover)'; /** Основной прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentPrimaryActive = - 'var(--outline-default-outline-transparent-primary-active, #08080825)'; +export const outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active)'; /** Вторичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentSecondary = - 'var(--outline-default-outline-transparent-secondary, #08080847)'; +export const outlineTransparentSecondary = 'var(--outline-transparent-secondary)'; /** Вторичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentSecondaryHover = - 'var(--outline-default-outline-transparent-secondary-hover, #080808FF)'; +export const outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover)'; /** Вторичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentSecondaryActive = - 'var(--outline-default-outline-transparent-secondary-active, #08080856)'; +export const outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active)'; /** Третичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentTertiary = - 'var(--outline-default-outline-transparent-tertiary, #0808088F)'; +export const outlineTransparentTertiary = 'var(--outline-transparent-tertiary)'; /** Третичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentTertiaryHover = - 'var(--outline-default-outline-transparent-tertiary-hover, #080808FF)'; +export const outlineTransparentTertiaryHover = 'var(--outline-transparent-tertiary-hover)'; /** Третичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentTertiaryActive = - 'var(--outline-default-outline-transparent-tertiary-active, #080808AB)'; +export const outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active)'; /** Бесцветная обводка */ -export const outlineDefaultOutlineClear = 'var(--outline-default-outline-clear, #FFFFFF00)'; +export const outlineClear = 'var(--outline-clear)'; /** Бесцветная обводка */ -export const outlineDefaultOutlineClearHover = 'var(--outline-default-outline-clear-hover, #FFFFFF00)'; +export const outlineClearHover = 'var(--outline-clear-hover)'; /** Бесцветная обводка */ -export const outlineDefaultOutlineClearActive = 'var(--outline-default-outline-clear-active, #FFFFFF00)'; +export const outlineClearActive = 'var(--outline-clear-active)'; /** Акцентный цвет обводки */ -export const outlineDefaultOutlineAccent = 'var(--outline-default-outline-accent, #108E26)'; +export const outlineAccent = 'var(--outline-accent)'; /** Акцентный цвет обводки */ -export const outlineDefaultOutlineAccentHover = 'var(--outline-default-outline-accent-hover, #14B32EFF)'; +export const outlineAccentHover = 'var(--outline-accent-hover)'; /** Акцентный цвет обводки */ -export const outlineDefaultOutlineAccentActive = 'var(--outline-default-outline-accent-active, #0C6A1BFF)'; +export const outlineAccentActive = 'var(--outline-accent-active)'; /** Акцентный минорный непрозрачный цвет обводки */ -export const outlineDefaultOutlineAccentMinor = 'var(--outline-default-outline-accent-minor, #45E362)'; +export const outlineAccentMinor = 'var(--outline-accent-minor)'; /** Акцентный минорный непрозрачный цвет обводки */ -export const outlineDefaultOutlineAccentMinorHover = 'var(--outline-default-outline-accent-minor-hover, #68E880FF)'; +export const outlineAccentMinorHover = 'var(--outline-accent-minor-hover)'; /** Акцентный минорный непрозрачный цвет обводки */ -export const outlineDefaultOutlineAccentMinorActive = 'var(--outline-default-outline-accent-minor-active, #21DE44FF)'; +export const outlineAccentMinorActive = 'var(--outline-accent-minor-active)'; /** Прозрачный акцентный цвет обводки */ -export const outlineDefaultOutlineTransparentAccent = 'var(--outline-default-outline-transparent-accent, #108E2666)'; +export const outlineTransparentAccent = 'var(--outline-transparent-accent)'; /** Прозрачный акцентный цвет обводки */ -export const outlineDefaultOutlineTransparentAccentHover = - 'var(--outline-default-outline-transparent-accent-hover, #108E25FF)'; +export const outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover)'; /** Прозрачный акцентный цвет обводки */ -export const outlineDefaultOutlineTransparentAccentActive = - 'var(--outline-default-outline-transparent-accent-active, #108E257A)'; +export const outlineTransparentAccentActive = 'var(--outline-transparent-accent-active)'; /** Цвет обводки успех */ -export const outlineDefaultOutlinePositive = 'var(--outline-default-outline-positive, #108E26)'; +export const outlinePositive = 'var(--outline-positive)'; /** Цвет обводки успех */ -export const outlineDefaultOutlinePositiveHover = 'var(--outline-default-outline-positive-hover, #14B32EFF)'; +export const outlinePositiveHover = 'var(--outline-positive-hover)'; /** Цвет обводки успех */ -export const outlineDefaultOutlinePositiveActive = 'var(--outline-default-outline-positive-active, #0C6A1BFF)'; +export const outlinePositiveActive = 'var(--outline-positive-active)'; /** Цвет обводки предупреждение */ -export const outlineDefaultOutlineWarning = 'var(--outline-default-outline-warning, #E85702)'; +export const outlineWarning = 'var(--outline-warning)'; /** Цвет обводки предупреждение */ -export const outlineDefaultOutlineWarningHover = 'var(--outline-default-outline-warning-hover, #FD6B17FF)'; +export const outlineWarningHover = 'var(--outline-warning-hover)'; /** Цвет обводки предупреждение */ -export const outlineDefaultOutlineWarningActive = 'var(--outline-default-outline-warning-active, #C04802FF)'; +export const outlineWarningActive = 'var(--outline-warning-active)'; /** Цвет обводки ошибка */ -export const outlineDefaultOutlineNegative = 'var(--outline-default-outline-negative, #F31B31)'; +export const outlineNegative = 'var(--outline-negative)'; /** Цвет обводки ошибка */ -export const outlineDefaultOutlineNegativeHover = 'var(--outline-default-outline-negative-hover, #F54254FF)'; +export const outlineNegativeHover = 'var(--outline-negative-hover)'; /** Цвет обводки ошибка */ -export const outlineDefaultOutlineNegativeActive = 'var(--outline-default-outline-negative-active, #DA0B20FF)'; +export const outlineNegativeActive = 'var(--outline-negative-active)'; /** Цвет обводки информация */ -export const outlineDefaultOutlineInfo = 'var(--outline-default-outline-info, #0B7ECB)'; +export const outlineInfo = 'var(--outline-info)'; /** Цвет обводки информация */ -export const outlineDefaultOutlineInfoHover = 'var(--outline-default-outline-info-hover, #0D96F2FF)'; +export const outlineInfoHover = 'var(--outline-info-hover)'; /** Цвет обводки информация */ -export const outlineDefaultOutlineInfoActive = 'var(--outline-default-outline-info-active, #0966A5FF)'; +export const outlineInfoActive = 'var(--outline-info-active)'; /** Минорный цвет обводки успех */ -export const outlineDefaultOutlinePositiveMinor = 'var(--outline-default-outline-positive-minor, #45E362)'; +export const outlinePositiveMinor = 'var(--outline-positive-minor)'; /** Минорный цвет обводки успех */ -export const outlineDefaultOutlinePositiveMinorHover = 'var(--outline-default-outline-positive-minor-hover, #68E880FF)'; +export const outlinePositiveMinorHover = 'var(--outline-positive-minor-hover)'; /** Минорный цвет обводки успех */ -export const outlineDefaultOutlinePositiveMinorActive = - 'var(--outline-default-outline-positive-minor-active, #21DE44FF)'; +export const outlinePositiveMinorActive = 'var(--outline-positive-minor-active)'; /** Минорный цвет обводки предупреждение */ -export const outlineDefaultOutlineWarningMinor = 'var(--outline-default-outline-warning-minor, #FFB38A)'; +export const outlineWarningMinor = 'var(--outline-warning-minor)'; /** Минорный цвет обводки предупреждение */ -export const outlineDefaultOutlineWarningMinorHover = 'var(--outline-default-outline-warning-minor-hover, #FFCDB3FF)'; +export const outlineWarningMinorHover = 'var(--outline-warning-minor-hover)'; /** Минорный цвет обводки предупреждение */ -export const outlineDefaultOutlineWarningMinorActive = 'var(--outline-default-outline-warning-minor-active, #FF9861FF)'; +export const outlineWarningMinorActive = 'var(--outline-warning-minor-active)'; /** Минорный цвет обводки ошибка */ -export const outlineDefaultOutlineNegativeMinor = 'var(--outline-default-outline-negative-minor, #FEB3BB)'; +export const outlineNegativeMinor = 'var(--outline-negative-minor)'; /** Минорный цвет обводки ошибка */ -export const outlineDefaultOutlineNegativeMinorHover = 'var(--outline-default-outline-negative-minor-hover, #FEDCDFFF)'; +export const outlineNegativeMinorHover = 'var(--outline-negative-minor-hover)'; /** Минорный цвет обводки ошибка */ -export const outlineDefaultOutlineNegativeMinorActive = - 'var(--outline-default-outline-negative-minor-active, #FD8B97FF)'; +export const outlineNegativeMinorActive = 'var(--outline-negative-minor-active)'; /** Минорный цвет обводки информация */ -export const outlineDefaultOutlineInfoMinor = 'var(--outline-default-outline-info-minor, #85CEFF)'; +export const outlineInfoMinor = 'var(--outline-info-minor)'; /** Минорный цвет обводки информация */ -export const outlineDefaultOutlineInfoMinorHover = 'var(--outline-default-outline-info-minor-hover, #ADDEFFFF)'; +export const outlineInfoMinorHover = 'var(--outline-info-minor-hover)'; /** Минорный цвет обводки информация */ -export const outlineDefaultOutlineInfoMinorActive = 'var(--outline-default-outline-info-minor-active, #5CBEFFFF)'; +export const outlineInfoMinorActive = 'var(--outline-info-minor-active)'; /** Прозрачный цвет обводки успех */ -export const outlineDefaultOutlineTransparentPositive = - 'var(--outline-default-outline-transparent-positive, #108E2647)'; +export const outlineTransparentPositive = 'var(--outline-transparent-positive)'; /** Прозрачный цвет обводки успех */ -export const outlineDefaultOutlineTransparentPositiveHover = - 'var(--outline-default-outline-transparent-positive-hover, #108E25FF)'; +export const outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover)'; /** Прозрачный цвет обводки успех */ -export const outlineDefaultOutlineTransparentPositiveActive = - 'var(--outline-default-outline-transparent-positive-active, #108E2556)'; +export const outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentWarning = 'var(--outline-default-outline-transparent-warning, #E8570247)'; +export const outlineTransparentWarning = 'var(--outline-transparent-warning)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentWarningHover = - 'var(--outline-default-outline-transparent-warning-hover, #E85702FF)'; +export const outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentWarningActive = - 'var(--outline-default-outline-transparent-warning-active, #E8570256)'; +export const outlineTransparentWarningActive = 'var(--outline-transparent-warning-active)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentNegative = - 'var(--outline-default-outline-transparent-negative, #F31B3147)'; +export const outlineTransparentNegative = 'var(--outline-transparent-negative)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentNegativeHover = - 'var(--outline-default-outline-transparent-negative-hover, #F31B31FF)'; +export const outlineTransparentNegativeHover = 'var(--outline-transparent-negative-hover)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentNegativeActive = - 'var(--outline-default-outline-transparent-negative-active, #F31B3156)'; +export const outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active)'; /** Прозрачный цвет обводки информация */ -export const outlineDefaultOutlineTransparentInfo = 'var(--outline-default-outline-transparent-info, #0B7ECB47)'; +export const outlineTransparentInfo = 'var(--outline-transparent-info)'; /** Прозрачный цвет обводки информация */ -export const outlineDefaultOutlineTransparentInfoHover = - 'var(--outline-default-outline-transparent-info-hover, #0B7ECBFF)'; +export const outlineTransparentInfoHover = 'var(--outline-transparent-info-hover)'; /** Прозрачный цвет обводки информация */ -export const outlineDefaultOutlineTransparentInfoActive = - 'var(--outline-default-outline-transparent-info-active, #0B7ECB56)'; +export const outlineTransparentInfoActive = 'var(--outline-transparent-info-active)'; /** Основной непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidPrimary = 'var(--outline-on-dark-outline-solid-primary, #262626)'; +export const onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary)'; /** Основной непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidPrimaryHover = 'var(--outline-on-dark-outline-solid-primary-hover, #787878FF)'; +export const onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover)'; /** Основной непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidPrimaryActive = 'var(--outline-on-dark-outline-solid-primary-active, #4F4F4FFF)'; +export const onDarkOutlineSolidPrimaryActive = 'var(--on-dark-outline-solid-primary-active)'; /** Вторичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidSecondary = 'var(--outline-on-dark-outline-solid-secondary, #363636)'; +export const onDarkOutlineSolidSecondary = 'var(--on-dark-outline-solid-secondary)'; /** Вторичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidSecondaryHover = - 'var(--outline-on-dark-outline-solid-secondary-hover, #878787FF)'; +export const onDarkOutlineSolidSecondaryHover = 'var(--on-dark-outline-solid-secondary-hover)'; /** Вторичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidSecondaryActive = - 'var(--outline-on-dark-outline-solid-secondary-active, #5E5E5EFF)'; +export const onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-secondary-active)'; /** Третичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidTertiary = 'var(--outline-on-dark-outline-solid-tertiary, #4E4E4E)'; +export const onDarkOutlineSolidTertiary = 'var(--on-dark-outline-solid-tertiary)'; /** Третичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidTertiaryHover = 'var(--outline-on-dark-outline-solid-tertiary-hover, #000000FF)'; +export const onDarkOutlineSolidTertiaryHover = 'var(--on-dark-outline-solid-tertiary-hover)'; /** Третичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidTertiaryActive = - 'var(--outline-on-dark-outline-solid-tertiary-active, #404040FF)'; +export const onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active)'; /** Прозрачный цвет обводки по умолчанию на темном фоне */ -export const outlineOnDarkOutlineTransparentDefault = 'var(--outline-on-dark-outline-transparent-default, #F9F9F9F5)'; +export const onDarkOutlineTransparentDefault = 'var(--on-dark-outline-transparent-default)'; /** Прозрачный цвет обводки по умолчанию на темном фоне */ -export const outlineOnDarkOutlineTransparentDefaultHover = - 'var(--outline-on-dark-outline-transparent-default-hover, #FAFAFA93)'; +export const onDarkOutlineTransparentDefaultHover = 'var(--on-dark-outline-transparent-default-hover)'; /** Прозрачный цвет обводки по умолчанию на темном фоне */ -export const outlineOnDarkOutlineTransparentDefaultActive = - 'var(--outline-on-dark-outline-transparent-default-active, #FAFAFAC4)'; +export const onDarkOutlineTransparentDefaultActive = 'var(--on-dark-outline-transparent-default-active)'; /** Основной прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentPrimary = 'var(--outline-on-dark-outline-transparent-primary, #F9F9F91F)'; +export const onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary)'; /** Основной прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentPrimaryHover = - 'var(--outline-on-dark-outline-transparent-primary-hover, #FAFAFAFF)'; +export const onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover)'; /** Основной прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentPrimaryActive = - 'var(--outline-on-dark-outline-transparent-primary-active, #FAFAFA25)'; +export const onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active)'; /** Вторичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentSecondary = - 'var(--outline-on-dark-outline-transparent-secondary, #F9F9F933)'; +export const onDarkOutlineTransparentSecondary = 'var(--on-dark-outline-transparent-secondary)'; /** Вторичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentSecondaryHover = - 'var(--outline-on-dark-outline-transparent-secondary-hover, #FAFAFAFF)'; +export const onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover)'; /** Вторичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentSecondaryActive = - 'var(--outline-on-dark-outline-transparent-secondary-active, #FAFAFA3D)'; +export const onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active)'; /** Третичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentTertiary = 'var(--outline-on-dark-outline-transparent-tertiary, #F9F9F947)'; +export const onDarkOutlineTransparentTertiary = 'var(--on-dark-outline-transparent-tertiary)'; /** Третичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentTertiaryHover = - 'var(--outline-on-dark-outline-transparent-tertiary-hover, #FAFAFAFF)'; +export const onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover)'; /** Третичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentTertiaryActive = - 'var(--outline-on-dark-outline-transparent-tertiary-active, #FAFAFA56)'; +export const onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active)'; /** Бесцветная обводка на темном фоне */ -export const outlineOnDarkOutlineClear = 'var(--outline-on-dark-outline-clear, #FFFFFF00)'; +export const onDarkOutlineClear = 'var(--on-dark-outline-clear)'; /** Бесцветная обводка на темном фоне */ -export const outlineOnDarkOutlineClearHover = 'var(--outline-on-dark-outline-clear-hover, #FFFFFF00)'; +export const onDarkOutlineClearHover = 'var(--on-dark-outline-clear-hover)'; /** Бесцветная обводка на темном фоне */ -export const outlineOnDarkOutlineClearActive = 'var(--outline-on-dark-outline-clear-active, #FFFFFF00)'; +export const onDarkOutlineClearActive = 'var(--on-dark-outline-clear-active)'; /** Акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccent = 'var(--outline-on-dark-outline-accent, #1A9E32)'; +export const onDarkOutlineAccent = 'var(--on-dark-outline-accent)'; /** Акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentHover = 'var(--outline-on-dark-outline-accent-hover, #1FC13DFF)'; +export const onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover)'; /** Акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentActive = 'var(--outline-on-dark-outline-accent-active, #147B27FF)'; +export const onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active)'; /** Акцентный минорный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentMinor = 'var(--outline-on-dark-outline-accent-minor, #0A4014)'; +export const onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor)'; /** Акцентный минорный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentMinorHover = 'var(--outline-on-dark-outline-accent-minor-hover, #15892BFF)'; +export const onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover)'; /** Акцентный минорный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentMinorActive = 'var(--outline-on-dark-outline-accent-minor-active, #106520FF)'; +export const onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active)'; /** Прозрачный акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentAccent = 'var(--outline-on-dark-outline-transparent-accent, #1A9E3266)'; +export const onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent)'; /** Прозрачный акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentAccentHover = - 'var(--outline-on-dark-outline-transparent-accent-hover, #1A9E32FF)'; +export const onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover)'; /** Прозрачный акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentAccentActive = - 'var(--outline-on-dark-outline-transparent-accent-active, #1A9E327A)'; +export const onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active)'; /** Цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositive = 'var(--outline-on-dark-outline-positive, #1A9E32)'; +export const onDarkOutlinePositive = 'var(--on-dark-outline-positive)'; /** Цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositiveHover = 'var(--outline-on-dark-outline-positive-hover, #1FC13DFF)'; +export const onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover)'; /** Цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositiveActive = 'var(--outline-on-dark-outline-positive-active, #147B27FF)'; +export const onDarkOutlinePositiveActive = 'var(--on-dark-outline-positive-active)'; /** Цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarning = 'var(--outline-on-dark-outline-warning, #FA5F05)'; +export const onDarkOutlineWarning = 'var(--on-dark-outline-warning)'; /** Цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarningHover = 'var(--outline-on-dark-outline-warning-hover, #FB782DFF)'; +export const onDarkOutlineWarningHover = 'var(--on-dark-outline-warning-hover)'; /** Цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarningActive = 'var(--outline-on-dark-outline-warning-active, #D25004FF)'; +export const onDarkOutlineWarningActive = 'var(--on-dark-outline-warning-active)'; /** Цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegative = 'var(--outline-on-dark-outline-negative, #FF293E)'; +export const onDarkOutlineNegative = 'var(--on-dark-outline-negative)'; /** Цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegativeHover = 'var(--outline-on-dark-outline-negative-hover, #FF5263FF)'; +export const onDarkOutlineNegativeHover = 'var(--on-dark-outline-negative-hover)'; /** Цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegativeActive = 'var(--outline-on-dark-outline-negative-active, #FF001AFF)'; +export const onDarkOutlineNegativeActive = 'var(--on-dark-outline-negative-active)'; /** Цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfo = 'var(--outline-on-dark-outline-info, #118CDF)'; +export const onDarkOutlineInfo = 'var(--on-dark-outline-info)'; /** Цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfoHover = 'var(--outline-on-dark-outline-info-hover, #2AA0EFFF)'; +export const onDarkOutlineInfoHover = 'var(--on-dark-outline-info-hover)'; /** Цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfoActive = 'var(--outline-on-dark-outline-info-active, #0E75B9FF)'; +export const onDarkOutlineInfoActive = 'var(--on-dark-outline-info-active)'; /** Минорный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositiveMinor = 'var(--outline-on-dark-outline-positive-minor, #0A4014)'; +export const onDarkOutlinePositiveMinor = 'var(--on-dark-outline-positive-minor)'; /** Минорный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositiveMinorHover = 'var(--outline-on-dark-outline-positive-minor-hover, #15892BFF)'; +export const onDarkOutlinePositiveMinorHover = 'var(--on-dark-outline-positive-minor-hover)'; /** Минорный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositiveMinorActive = - 'var(--outline-on-dark-outline-positive-minor-active, #106520FF)'; +export const onDarkOutlinePositiveMinorActive = 'var(--on-dark-outline-positive-minor-active)'; /** Минорный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarningMinor = 'var(--outline-on-dark-outline-warning-minor, #5C2709)'; +export const onDarkOutlineWarningMinor = 'var(--on-dark-outline-warning-minor)'; /** Минорный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarningMinorHover = 'var(--outline-on-dark-outline-warning-minor-hover, #A74811FF)'; +export const onDarkOutlineWarningMinorHover = 'var(--on-dark-outline-warning-minor-hover)'; /** Минорный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarningMinorActive = 'var(--outline-on-dark-outline-warning-minor-active, #82380DFF)'; +export const onDarkOutlineWarningMinorActive = 'var(--on-dark-outline-warning-minor-active)'; /** Минорный цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegativeMinor = 'var(--outline-on-dark-outline-negative-minor, #6B1019)'; +export const onDarkOutlineNegativeMinor = 'var(--on-dark-outline-negative-minor)'; /** Минорный цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegativeMinorHover = 'var(--outline-on-dark-outline-negative-minor-hover, #B11B2AFF)'; +export const onDarkOutlineNegativeMinorHover = 'var(--on-dark-outline-negative-minor-hover)'; /** Минорный цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegativeMinorActive = - 'var(--outline-on-dark-outline-negative-minor-active, #8E1521FF)'; +export const onDarkOutlineNegativeMinorActive = 'var(--on-dark-outline-negative-minor-active)'; /** Минорный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfoMinor = 'var(--outline-on-dark-outline-info-minor, #0D3B59)'; +export const onDarkOutlineInfoMinor = 'var(--on-dark-outline-info-minor)'; /** Минорный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfoMinorHover = 'var(--outline-on-dark-outline-info-minor-hover, #176AA1FF)'; +export const onDarkOutlineInfoMinorHover = 'var(--on-dark-outline-info-minor-hover)'; /** Минорный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfoMinorActive = 'var(--outline-on-dark-outline-info-minor-active, #12527DFF)'; +export const onDarkOutlineInfoMinorActive = 'var(--on-dark-outline-info-minor-active)'; /** Прозрачный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlineTransparentPositive = 'var(--outline-on-dark-outline-transparent-positive, #1A9E3247)'; +export const onDarkOutlineTransparentPositive = 'var(--on-dark-outline-transparent-positive)'; /** Прозрачный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlineTransparentPositiveHover = - 'var(--outline-on-dark-outline-transparent-positive-hover, #1A9E32FF)'; +export const onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover)'; /** Прозрачный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlineTransparentPositiveActive = - 'var(--outline-on-dark-outline-transparent-positive-active, #1A9E3256)'; +export const onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentWarning = 'var(--outline-on-dark-outline-transparent-warning, #FA5F0547)'; +export const onDarkOutlineTransparentWarning = 'var(--on-dark-outline-transparent-warning)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentWarningHover = - 'var(--outline-on-dark-outline-transparent-warning-hover, #FA5F05FF)'; +export const onDarkOutlineTransparentWarningHover = 'var(--on-dark-outline-transparent-warning-hover)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentWarningActive = - 'var(--outline-on-dark-outline-transparent-warning-active, #FA5F0556)'; +export const onDarkOutlineTransparentWarningActive = 'var(--on-dark-outline-transparent-warning-active)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentNegative = 'var(--outline-on-dark-outline-transparent-negative, #FF293E47)'; +export const onDarkOutlineTransparentNegative = 'var(--on-dark-outline-transparent-negative)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentNegativeHover = - 'var(--outline-on-dark-outline-transparent-negative-hover, #FF293EFF)'; +export const onDarkOutlineTransparentNegativeHover = 'var(--on-dark-outline-transparent-negative-hover)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentNegativeActive = - 'var(--outline-on-dark-outline-transparent-negative-active, #FF293E56)'; +export const onDarkOutlineTransparentNegativeActive = 'var(--on-dark-outline-transparent-negative-active)'; /** Прозрачный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineTransparentInfo = 'var(--outline-on-dark-outline-transparent-info, #118CDF47)'; +export const onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info)'; /** Прозрачный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineTransparentInfoHover = - 'var(--outline-on-dark-outline-transparent-info-hover, #118CDFFF)'; +export const onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover)'; /** Прозрачный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineTransparentInfoActive = - 'var(--outline-on-dark-outline-transparent-info-active, #118CDF56)'; +export const onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active)'; /** Основной непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidPrimary = 'var(--outline-on-light-outline-solid-primary, #DDDDDD)'; +export const onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary)'; /** Основной непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidPrimaryHover = 'var(--outline-on-light-outline-solid-primary-hover, #000000FF)'; +export const onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover)'; /** Основной непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidPrimaryActive = - 'var(--outline-on-light-outline-solid-primary-active, #B3B3B3FF)'; +export const onLightOutlineSolidPrimaryActive = 'var(--on-light-outline-solid-primary-active)'; /** Вторичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidSecondary = 'var(--outline-on-light-outline-solid-secondary, #B3B3B3)'; +export const onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary)'; /** Вторичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidSecondaryHover = - 'var(--outline-on-light-outline-solid-secondary-hover, #000000FF)'; +export const onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover)'; /** Вторичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidSecondaryActive = - 'var(--outline-on-light-outline-solid-secondary-active, #8F8F8FFF)'; +export const onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active)'; /** Третичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidTertiary = 'var(--outline-on-light-outline-solid-tertiary, #707070)'; +export const onLightOutlineSolidTertiary = 'var(--on-light-outline-solid-tertiary)'; /** Третичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidTertiaryHover = - 'var(--outline-on-light-outline-solid-tertiary-hover, #000000FF)'; +export const onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover)'; /** Третичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidTertiaryActive = - 'var(--outline-on-light-outline-solid-tertiary-active, #595959FF)'; +export const onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active)'; /** Прозрачный цвет обводки по умолчанию на светлом фоне */ -export const outlineOnLightOutlineTransparentDefault = 'var(--outline-on-light-outline-transparent-default, #080808F5)'; +export const onLightOutlineTransparentDefault = 'var(--on-light-outline-transparent-default)'; /** Прозрачный цвет обводки по умолчанию на светлом фоне */ -export const outlineOnLightOutlineTransparentDefaultHover = - 'var(--outline-on-light-outline-transparent-default-hover, #08080893)'; +export const onLightOutlineTransparentDefaultHover = 'var(--on-light-outline-transparent-default-hover)'; /** Прозрачный цвет обводки по умолчанию на светлом фоне */ -export const outlineOnLightOutlineTransparentDefaultActive = - 'var(--outline-on-light-outline-transparent-default-active, #080808C4)'; +export const onLightOutlineTransparentDefaultActive = 'var(--on-light-outline-transparent-default-active)'; /** Основной прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentPrimary = 'var(--outline-on-light-outline-transparent-primary, #0808081F)'; +export const onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary)'; /** Основной прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentPrimaryHover = - 'var(--outline-on-light-outline-transparent-primary-hover, #080808FF)'; +export const onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover)'; /** Основной прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentPrimaryActive = - 'var(--outline-on-light-outline-transparent-primary-active, #08080825)'; +export const onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active)'; /** Вторичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentSecondary = - 'var(--outline-on-light-outline-transparent-secondary, #08080847)'; +export const onLightOutlineTransparentSecondary = 'var(--on-light-outline-transparent-secondary)'; /** Вторичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentSecondaryHover = - 'var(--outline-on-light-outline-transparent-secondary-hover, #080808FF)'; +export const onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover)'; /** Вторичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentSecondaryActive = - 'var(--outline-on-light-outline-transparent-secondary-active, #08080856)'; +export const onLightOutlineTransparentSecondaryActive = 'var(--on-light-outline-transparent-secondary-active)'; /** Третичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentTertiary = - 'var(--outline-on-light-outline-transparent-tertiary, #0808088F)'; +export const onLightOutlineTransparentTertiary = 'var(--on-light-outline-transparent-tertiary)'; /** Третичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentTertiaryHover = - 'var(--outline-on-light-outline-transparent-tertiary-hover, #080808FF)'; +export const onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-transparent-tertiary-hover)'; /** Третичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentTertiaryActive = - 'var(--outline-on-light-outline-transparent-tertiary-active, #080808AB)'; +export const onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active)'; /** Бесцветная обводка на светлом фоне */ -export const outlineOnLightOutlineClear = 'var(--outline-on-light-outline-clear, #FFFFFF00)'; +export const onLightOutlineClear = 'var(--on-light-outline-clear)'; /** Бесцветная обводка на светлом фоне */ -export const outlineOnLightOutlineClearHover = 'var(--outline-on-light-outline-clear-hover, #FFFFFF00)'; +export const onLightOutlineClearHover = 'var(--on-light-outline-clear-hover)'; /** Бесцветная обводка на светлом фоне */ -export const outlineOnLightOutlineClearActive = 'var(--outline-on-light-outline-clear-active, #FFFFFF00)'; +export const onLightOutlineClearActive = 'var(--on-light-outline-clear-active)'; /** Акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccent = 'var(--outline-on-light-outline-accent, #108E26)'; +export const onLightOutlineAccent = 'var(--on-light-outline-accent)'; /** Акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentHover = 'var(--outline-on-light-outline-accent-hover, #14B32EFF)'; +export const onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover)'; /** Акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentActive = 'var(--outline-on-light-outline-accent-active, #0C6A1BFF)'; +export const onLightOutlineAccentActive = 'var(--on-light-outline-accent-active)'; /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentMinor = 'var(--outline-on-light-outline-accent-minor, #45E362)'; +export const onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor)'; /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentMinorHover = 'var(--outline-on-light-outline-accent-minor-hover, #68E880FF)'; +export const onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover)'; /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentMinorActive = 'var(--outline-on-light-outline-accent-minor-active, #21DE44FF)'; +export const onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active)'; /** Прозрачный акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentAccent = 'var(--outline-on-light-outline-transparent-accent, #108E2666)'; +export const onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent)'; /** Прозрачный акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentAccentHover = - 'var(--outline-on-light-outline-transparent-accent-hover, #108E25FF)'; +export const onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover)'; /** Прозрачный акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentAccentActive = - 'var(--outline-on-light-outline-transparent-accent-active, #108E257A)'; +export const onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active)'; /** Цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositive = 'var(--outline-on-light-outline-positive, #108E26)'; +export const onLightOutlinePositive = 'var(--on-light-outline-positive)'; /** Цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositiveHover = 'var(--outline-on-light-outline-positive-hover, #14B32EFF)'; +export const onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover)'; /** Цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositiveActive = 'var(--outline-on-light-outline-positive-active, #0C6A1BFF)'; +export const onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active)'; /** Цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarning = 'var(--outline-on-light-outline-warning, #E85702)'; +export const onLightOutlineWarning = 'var(--on-light-outline-warning)'; /** Цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarningHover = 'var(--outline-on-light-outline-warning-hover, #FD6B17FF)'; +export const onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover)'; /** Цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarningActive = 'var(--outline-on-light-outline-warning-active, #C04802FF)'; +export const onLightOutlineWarningActive = 'var(--on-light-outline-warning-active)'; /** Цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegative = 'var(--outline-on-light-outline-negative, #F31B31)'; +export const onLightOutlineNegative = 'var(--on-light-outline-negative)'; /** Цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegativeHover = 'var(--outline-on-light-outline-negative-hover, #F54254FF)'; +export const onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover)'; /** Цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegativeActive = 'var(--outline-on-light-outline-negative-active, #DA0B20FF)'; +export const onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active)'; /** Цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfo = 'var(--outline-on-light-outline-info, #0B7ECB)'; +export const onLightOutlineInfo = 'var(--on-light-outline-info)'; /** Цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfoHover = 'var(--outline-on-light-outline-info-hover, #0D96F2FF)'; +export const onLightOutlineInfoHover = 'var(--on-light-outline-info-hover)'; /** Цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfoActive = 'var(--outline-on-light-outline-info-active, #0966A5FF)'; +export const onLightOutlineInfoActive = 'var(--on-light-outline-info-active)'; /** Минорный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositiveMinor = 'var(--outline-on-light-outline-positive-minor, #45E362)'; +export const onLightOutlinePositiveMinor = 'var(--on-light-outline-positive-minor)'; /** Минорный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositiveMinorHover = - 'var(--outline-on-light-outline-positive-minor-hover, #68E880FF)'; +export const onLightOutlinePositiveMinorHover = 'var(--on-light-outline-positive-minor-hover)'; /** Минорный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositiveMinorActive = - 'var(--outline-on-light-outline-positive-minor-active, #21DE44FF)'; +export const onLightOutlinePositiveMinorActive = 'var(--on-light-outline-positive-minor-active)'; /** Минорный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarningMinor = 'var(--outline-on-light-outline-warning-minor, #FFB38A)'; +export const onLightOutlineWarningMinor = 'var(--on-light-outline-warning-minor)'; /** Минорный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarningMinorHover = 'var(--outline-on-light-outline-warning-minor-hover, #FFCDB3FF)'; +export const onLightOutlineWarningMinorHover = 'var(--on-light-outline-warning-minor-hover)'; /** Минорный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarningMinorActive = - 'var(--outline-on-light-outline-warning-minor-active, #FF9861FF)'; +export const onLightOutlineWarningMinorActive = 'var(--on-light-outline-warning-minor-active)'; /** Минорный цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegativeMinor = 'var(--outline-on-light-outline-negative-minor, #FEB3BB)'; +export const onLightOutlineNegativeMinor = 'var(--on-light-outline-negative-minor)'; /** Минорный цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegativeMinorHover = - 'var(--outline-on-light-outline-negative-minor-hover, #FEDCDFFF)'; +export const onLightOutlineNegativeMinorHover = 'var(--on-light-outline-negative-minor-hover)'; /** Минорный цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegativeMinorActive = - 'var(--outline-on-light-outline-negative-minor-active, #FD8B97FF)'; +export const onLightOutlineNegativeMinorActive = 'var(--on-light-outline-negative-minor-active)'; /** Минорный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfoMinor = 'var(--outline-on-light-outline-info-minor, #85CEFF)'; +export const onLightOutlineInfoMinor = 'var(--on-light-outline-info-minor)'; /** Минорный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfoMinorHover = 'var(--outline-on-light-outline-info-minor-hover, #ADDEFFFF)'; +export const onLightOutlineInfoMinorHover = 'var(--on-light-outline-info-minor-hover)'; /** Минорный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfoMinorActive = 'var(--outline-on-light-outline-info-minor-active, #5CBEFFFF)'; +export const onLightOutlineInfoMinorActive = 'var(--on-light-outline-info-minor-active)'; /** Прозрачный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlineTransparentPositive = - 'var(--outline-on-light-outline-transparent-positive, #108E2647)'; +export const onLightOutlineTransparentPositive = 'var(--on-light-outline-transparent-positive)'; /** Прозрачный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlineTransparentPositiveHover = - 'var(--outline-on-light-outline-transparent-positive-hover, #108E25FF)'; +export const onLightOutlineTransparentPositiveHover = 'var(--on-light-outline-transparent-positive-hover)'; /** Прозрачный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlineTransparentPositiveActive = - 'var(--outline-on-light-outline-transparent-positive-active, #108E2556)'; +export const onLightOutlineTransparentPositiveActive = 'var(--on-light-outline-transparent-positive-active)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentWarning = 'var(--outline-on-light-outline-transparent-warning, #E8570247)'; +export const onLightOutlineTransparentWarning = 'var(--on-light-outline-transparent-warning)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentWarningHover = - 'var(--outline-on-light-outline-transparent-warning-hover, #E85702FF)'; +export const onLightOutlineTransparentWarningHover = 'var(--on-light-outline-transparent-warning-hover)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentWarningActive = - 'var(--outline-on-light-outline-transparent-warning-active, #E8570256)'; +export const onLightOutlineTransparentWarningActive = 'var(--on-light-outline-transparent-warning-active)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentNegative = - 'var(--outline-on-light-outline-transparent-negative, #F31B3147)'; +export const onLightOutlineTransparentNegative = 'var(--on-light-outline-transparent-negative)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentNegativeHover = - 'var(--outline-on-light-outline-transparent-negative-hover, #F31B31FF)'; +export const onLightOutlineTransparentNegativeHover = 'var(--on-light-outline-transparent-negative-hover)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentNegativeActive = - 'var(--outline-on-light-outline-transparent-negative-active, #F31B3156)'; +export const onLightOutlineTransparentNegativeActive = 'var(--on-light-outline-transparent-negative-active)'; /** Прозрачный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineTransparentInfo = 'var(--outline-on-light-outline-transparent-info, #0B7ECB47)'; +export const onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-info)'; /** Прозрачный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineTransparentInfoHover = - 'var(--outline-on-light-outline-transparent-info-hover, #0B7ECBFF)'; +export const onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover)'; /** Прозрачный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineTransparentInfoActive = - 'var(--outline-on-light-outline-transparent-info-active, #0B7ECB56)'; +export const onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active)'; /** Инвертированный основной непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidPrimary = 'var(--outline-inverse-outline-solid-primary, #262626)'; +export const inverseOutlineSolidPrimary = 'var(--inverse-outline-solid-primary)'; /** Инвертированный основной непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidPrimaryHover = 'var(--outline-inverse-outline-solid-primary-hover, #787878FF)'; +export const inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover)'; /** Инвертированный основной непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidPrimaryActive = 'var(--outline-inverse-outline-solid-primary-active, #4F4F4FFF)'; +export const inverseOutlineSolidPrimaryActive = 'var(--inverse-outline-solid-primary-active)'; /** Инвертированный вторичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidSecondary = 'var(--outline-inverse-outline-solid-secondary, #363636)'; +export const inverseOutlineSolidSecondary = 'var(--inverse-outline-solid-secondary)'; /** Инвертированный вторичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidSecondaryHover = - 'var(--outline-inverse-outline-solid-secondary-hover, #878787FF)'; +export const inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-hover)'; /** Инвертированный вторичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidSecondaryActive = - 'var(--outline-inverse-outline-solid-secondary-active, #5E5E5EFF)'; +export const inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active)'; /** Инвертированный третичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidTertiary = 'var(--outline-inverse-outline-solid-tertiary, #4E4E4E)'; +export const inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary)'; /** Инвертированный третичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidTertiaryHover = 'var(--outline-inverse-outline-solid-tertiary-hover, #000000FF)'; +export const inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover)'; /** Инвертированный третичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidTertiaryActive = - 'var(--outline-inverse-outline-solid-tertiary-active, #404040FF)'; +export const inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active)'; /** Инвертированный прозрачный цвет обводки по умолчанию */ -export const outlineInverseOutlineTransparentDefault = 'var(--outline-inverse-outline-transparent-default, #F9F9F9F5)'; +export const inverseOutlineTransparentDefault = 'var(--inverse-outline-transparent-default)'; /** Инвертированный прозрачный цвет обводки по умолчанию */ -export const outlineInverseOutlineTransparentDefaultHover = - 'var(--outline-inverse-outline-transparent-default-hover, #FAFAFA93)'; +export const inverseOutlineTransparentDefaultHover = 'var(--inverse-outline-transparent-default-hover)'; /** Инвертированный прозрачный цвет обводки по умолчанию */ -export const outlineInverseOutlineTransparentDefaultActive = - 'var(--outline-inverse-outline-transparent-default-active, #FAFAFAC4)'; +export const inverseOutlineTransparentDefaultActive = 'var(--inverse-outline-transparent-default-active)'; /** Инвертированный основной прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentPrimary = 'var(--outline-inverse-outline-transparent-primary, #F9F9F91F)'; +export const inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary)'; /** Инвертированный основной прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentPrimaryHover = - 'var(--outline-inverse-outline-transparent-primary-hover, #FAFAFAFF)'; +export const inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-primary-hover)'; /** Инвертированный основной прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentPrimaryActive = - 'var(--outline-inverse-outline-transparent-primary-active, #FAFAFA25)'; +export const inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active)'; /** Инвертированный вторичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentSecondary = - 'var(--outline-inverse-outline-transparent-secondary, #F9F9F933)'; +export const inverseOutlineTransparentSecondary = 'var(--inverse-outline-transparent-secondary)'; /** Инвертированный вторичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentSecondaryHover = - 'var(--outline-inverse-outline-transparent-secondary-hover, #FAFAFAFF)'; +export const inverseOutlineTransparentSecondaryHover = 'var(--inverse-outline-transparent-secondary-hover)'; /** Инвертированный вторичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentSecondaryActive = - 'var(--outline-inverse-outline-transparent-secondary-active, #FAFAFA3D)'; +export const inverseOutlineTransparentSecondaryActive = 'var(--inverse-outline-transparent-secondary-active)'; /** Инвертированный третичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentTertiary = - 'var(--outline-inverse-outline-transparent-tertiary, #F9F9F947)'; +export const inverseOutlineTransparentTertiary = 'var(--inverse-outline-transparent-tertiary)'; /** Инвертированный третичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentTertiaryHover = - 'var(--outline-inverse-outline-transparent-tertiary-hover, #FAFAFAFF)'; +export const inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-transparent-tertiary-hover)'; /** Инвертированный третичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentTertiaryActive = - 'var(--outline-inverse-outline-transparent-tertiary-active, #FAFAFA56)'; +export const inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active)'; /** Инвертированная бесцветная обводка */ -export const outlineInverseOutlineClear = 'var(--outline-inverse-outline-clear, #FFFFFF00)'; +export const inverseOutlineClear = 'var(--inverse-outline-clear)'; /** Инвертированная бесцветная обводка */ -export const outlineInverseOutlineClearHover = 'var(--outline-inverse-outline-clear-hover, #FFFFFF00)'; +export const inverseOutlineClearHover = 'var(--inverse-outline-clear-hover)'; /** Инвертированная бесцветная обводка */ -export const outlineInverseOutlineClearActive = 'var(--outline-inverse-outline-clear-active, #FFFFFF00)'; +export const inverseOutlineClearActive = 'var(--inverse-outline-clear-active)'; /** Инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineAccent = 'var(--outline-inverse-outline-accent, #1A9E32)'; +export const inverseOutlineAccent = 'var(--inverse-outline-accent)'; /** Инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineAccentHover = 'var(--outline-inverse-outline-accent-hover, #1FC13DFF)'; +export const inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover)'; /** Инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineAccentActive = 'var(--outline-inverse-outline-accent-active, #147B27FF)'; +export const inverseOutlineAccentActive = 'var(--inverse-outline-accent-active)'; /** Инвертированный акцентный минорный непрозрачный цвет обводки */ -export const outlineInverseOutlineAccentMinor = 'var(--outline-inverse-outline-accent-minor, #0A4014)'; +export const inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor)'; /** Инвертированный акцентный минорный непрозрачный цвет обводки */ -export const outlineInverseOutlineAccentMinorHover = 'var(--outline-inverse-outline-accent-minor-hover, #15892BFF)'; +export const inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover)'; /** Инвертированный акцентный минорный непрозрачный цвет обводки */ -export const outlineInverseOutlineAccentMinorActive = 'var(--outline-inverse-outline-accent-minor-active, #106520FF)'; +export const inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active)'; /** Прозрачный инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineTransparentAccent = 'var(--outline-inverse-outline-transparent-accent, #1A9E3266)'; +export const inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent)'; /** Прозрачный инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineTransparentAccentHover = - 'var(--outline-inverse-outline-transparent-accent-hover, #1A9E32FF)'; +export const inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover)'; /** Прозрачный инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineTransparentAccentActive = - 'var(--outline-inverse-outline-transparent-accent-active, #1A9E327A)'; +export const inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active)'; /** Инвертированный цвет обводки успех */ -export const outlineInverseOutlinePositive = 'var(--outline-inverse-outline-positive, #1A9E32)'; +export const inverseOutlinePositive = 'var(--inverse-outline-positive)'; /** Инвертированный цвет обводки успех */ -export const outlineInverseOutlinePositiveHover = 'var(--outline-inverse-outline-positive-hover, #1FC13DFF)'; +export const inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover)'; /** Инвертированный цвет обводки успех */ -export const outlineInverseOutlinePositiveActive = 'var(--outline-inverse-outline-positive-active, #147B27FF)'; +export const inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active)'; /** Инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineWarning = 'var(--outline-inverse-outline-warning, #FA5F05)'; +export const inverseOutlineWarning = 'var(--inverse-outline-warning)'; /** Инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineWarningHover = 'var(--outline-inverse-outline-warning-hover, #FB782DFF)'; +export const inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover)'; /** Инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineWarningActive = 'var(--outline-inverse-outline-warning-active, #D25004FF)'; +export const inverseOutlineWarningActive = 'var(--inverse-outline-warning-active)'; /** Инвертированный цвет обводки ошибка */ -export const outlineInverseOutlineNegative = 'var(--outline-inverse-outline-negative, #FF293E)'; +export const inverseOutlineNegative = 'var(--inverse-outline-negative)'; /** Инвертированный цвет обводки ошибка */ -export const outlineInverseOutlineNegativeHover = 'var(--outline-inverse-outline-negative-hover, #FF5263FF)'; +export const inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover)'; /** Инвертированный цвет обводки ошибка */ -export const outlineInverseOutlineNegativeActive = 'var(--outline-inverse-outline-negative-active, #FF001AFF)'; +export const inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active)'; /** Инвертированный цвет обводки информация */ -export const outlineInverseOutlineInfo = 'var(--outline-inverse-outline-info, #118CDF)'; +export const inverseOutlineInfo = 'var(--inverse-outline-info)'; /** Инвертированный цвет обводки информация */ -export const outlineInverseOutlineInfoHover = 'var(--outline-inverse-outline-info-hover, #2AA0EFFF)'; +export const inverseOutlineInfoHover = 'var(--inverse-outline-info-hover)'; /** Инвертированный цвет обводки информация */ -export const outlineInverseOutlineInfoActive = 'var(--outline-inverse-outline-info-active, #0E75B9FF)'; +export const inverseOutlineInfoActive = 'var(--inverse-outline-info-active)'; /** Инвертированный минорный цвет обводки успех */ -export const outlineInverseOutlinePositiveMinor = 'var(--outline-inverse-outline-positive-minor, #0A4014)'; +export const inverseOutlinePositiveMinor = 'var(--inverse-outline-positive-minor)'; /** Инвертированный минорный цвет обводки успех */ -export const outlineInverseOutlinePositiveMinorHover = 'var(--outline-inverse-outline-positive-minor-hover, #15892BFF)'; +export const inverseOutlinePositiveMinorHover = 'var(--inverse-outline-positive-minor-hover)'; /** Инвертированный минорный цвет обводки успех */ -export const outlineInverseOutlinePositiveMinorActive = - 'var(--outline-inverse-outline-positive-minor-active, #106520FF)'; +export const inverseOutlinePositiveMinorActive = 'var(--inverse-outline-positive-minor-active)'; /** Инвертированный минорный цвет обводки предупреждение */ -export const outlineInverseOutlineWarningMinor = 'var(--outline-inverse-outline-warning-minor, #5C2709)'; +export const inverseOutlineWarningMinor = 'var(--inverse-outline-warning-minor)'; /** Инвертированный минорный цвет обводки предупреждение */ -export const outlineInverseOutlineWarningMinorHover = 'var(--outline-inverse-outline-warning-minor-hover, #A74811FF)'; +export const inverseOutlineWarningMinorHover = 'var(--inverse-outline-warning-minor-hover)'; /** Инвертированный минорный цвет обводки предупреждение */ -export const outlineInverseOutlineWarningMinorActive = 'var(--outline-inverse-outline-warning-minor-active, #82380DFF)'; +export const inverseOutlineWarningMinorActive = 'var(--inverse-outline-warning-minor-active)'; /** Инвертированный минорный цвет обводки ошибка */ -export const outlineInverseOutlineNegativeMinor = 'var(--outline-inverse-outline-negative-minor, #6B1019)'; +export const inverseOutlineNegativeMinor = 'var(--inverse-outline-negative-minor)'; /** Инвертированный минорный цвет обводки ошибка */ -export const outlineInverseOutlineNegativeMinorHover = 'var(--outline-inverse-outline-negative-minor-hover, #B11B2AFF)'; +export const inverseOutlineNegativeMinorHover = 'var(--inverse-outline-negative-minor-hover)'; /** Инвертированный минорный цвет обводки ошибка */ -export const outlineInverseOutlineNegativeMinorActive = - 'var(--outline-inverse-outline-negative-minor-active, #8E1521FF)'; +export const inverseOutlineNegativeMinorActive = 'var(--inverse-outline-negative-minor-active)'; /** Инвертированный минорный цвет обводки информация */ -export const outlineInverseOutlineInfoMinor = 'var(--outline-inverse-outline-info-minor, #0D3B59)'; +export const inverseOutlineInfoMinor = 'var(--inverse-outline-info-minor)'; /** Инвертированный минорный цвет обводки информация */ -export const outlineInverseOutlineInfoMinorHover = 'var(--outline-inverse-outline-info-minor-hover, #176AA1FF)'; +export const inverseOutlineInfoMinorHover = 'var(--inverse-outline-info-minor-hover)'; /** Инвертированный минорный цвет обводки информация */ -export const outlineInverseOutlineInfoMinorActive = 'var(--outline-inverse-outline-info-minor-active, #12527DFF)'; +export const inverseOutlineInfoMinorActive = 'var(--inverse-outline-info-minor-active)'; /** Прозрачный инвертированный цвет обводки успех */ -export const outlineInverseOutlineTransparentPositive = - 'var(--outline-inverse-outline-transparent-positive, #1A9E3247)'; +export const inverseOutlineTransparentPositive = 'var(--inverse-outline-transparent-positive)'; /** Прозрачный инвертированный цвет обводки успех */ -export const outlineInverseOutlineTransparentPositiveHover = - 'var(--outline-inverse-outline-transparent-positive-hover, #1A9E32FF)'; +export const inverseOutlineTransparentPositiveHover = 'var(--inverse-outline-transparent-positive-hover)'; /** Прозрачный инвертированный цвет обводки успех */ -export const outlineInverseOutlineTransparentPositiveActive = - 'var(--outline-inverse-outline-transparent-positive-active, #1A9E3256)'; +export const inverseOutlineTransparentPositiveActive = 'var(--inverse-outline-transparent-positive-active)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentWarning = 'var(--outline-inverse-outline-transparent-warning, #FA5F0547)'; +export const inverseOutlineTransparentWarning = 'var(--inverse-outline-transparent-warning)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentWarningHover = - 'var(--outline-inverse-outline-transparent-warning-hover, #FA5F05FF)'; +export const inverseOutlineTransparentWarningHover = 'var(--inverse-outline-transparent-warning-hover)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentWarningActive = - 'var(--outline-inverse-outline-transparent-warning-active, #FA5F0556)'; +export const inverseOutlineTransparentWarningActive = 'var(--inverse-outline-transparent-warning-active)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentNegative = - 'var(--outline-inverse-outline-transparent-negative, #FF293E47)'; +export const inverseOutlineTransparentNegative = 'var(--inverse-outline-transparent-negative)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentNegativeHover = - 'var(--outline-inverse-outline-transparent-negative-hover, #FF293EFF)'; +export const inverseOutlineTransparentNegativeHover = 'var(--inverse-outline-transparent-negative-hover)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentNegativeActive = - 'var(--outline-inverse-outline-transparent-negative-active, #FF293E56)'; +export const inverseOutlineTransparentNegativeActive = 'var(--inverse-outline-transparent-negative-active)'; /** Прозрачный инвертированный цвет обводки информация */ -export const outlineInverseOutlineTransparentInfo = 'var(--outline-inverse-outline-transparent-info, #118CDF47)'; +export const inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-info)'; /** Прозрачный инвертированный цвет обводки информация */ -export const outlineInverseOutlineTransparentInfoHover = - 'var(--outline-inverse-outline-transparent-info-hover, #118CDFFF)'; +export const inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover)'; /** Прозрачный инвертированный цвет обводки информация */ -export const outlineInverseOutlineTransparentInfoActive = - 'var(--outline-inverse-outline-transparent-info-active, #118CDF56)'; +export const inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active)'; -export const skeletonGradient = - 'var(--skeleton-gradient, linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ))'; +/** Фон для скелетона */ +export const surfaceSkeletonGradient = 'var(--surface-skeleton-gradient)'; -export const skeletonGradientLighter = - 'var(--skeleton-gradient-lighter, linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ))'; +/** Фон для скелетона */ +export const surfaceSkeletonGradientHover = 'var(--surface-skeleton-gradient-hover)'; -export const shadowDownSoftS = - 'var(--shadow-down-soft-s, 0px 4px 14px -4px rgba(8, 8, 8, 0.08)), var(--shadow-down-soft-s, 0px 1px 4px -1px rgba(0, 0, 0, 0.04))'; +/** Фон для скелетона */ +export const surfaceSkeletonGradientActive = 'var(--surface-skeleton-gradient-active)'; -export const shadowDownSoftM = 'var(--shadow-down-soft-m, 0px 24px 48px -8px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradient = 'var(--surface-skeleton-deep-gradient)'; -export const shadowDownSoftL = 'var(--shadow-down-soft-l, 0px 60px 112px -8px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientHover = 'var(--surface-skeleton-deep-gradient-hover)'; -export const shadowDownHardS = - 'var(--shadow-down-hard-s, 0px 4px 12px -3px rgba(8, 8, 8, 0.16)), var(--shadow-down-hard-s, 0px 1px 4px -2px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientActive = 'var(--surface-skeleton-deep-gradient-active)'; -export const shadowDownHardM = 'var(--shadow-down-hard-m, 0px 16px 32px -8px rgba(0, 0, 0, 0.24))'; +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradient = 'var(--on-dark-surface-skeleton-gradient)'; -export const shadowDownHardL = 'var(--shadow-down-hard-l, 0px 60px 112px -8px rgba(0, 0, 0, 0.40))'; +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientHover = 'var(--on-dark-surface-skeleton-gradient-hover)'; -export const shadowUpSoftS = - 'var(--shadow-up-soft-s, 0px -4px 14px -4px rgba(8, 8, 8, 0.08)), var(--shadow-up-soft-s, 0px -1px 4px -1px rgba(0, 0, 0, 0.03))'; +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientActive = 'var(--on-dark-surface-skeleton-gradient-active)'; -export const shadowUpSoftM = 'var(--shadow-up-soft-m, 0px -24px 48px -8px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradient = 'var(--on-dark-surface-skeleton-deep-gradient)'; -export const shadowUpSoftL = 'var(--shadow-up-soft-l, 0px -60px 112px -8px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientHover = 'var(--on-dark-surface-skeleton-deep-gradient-hover)'; -export const shadowUpHardS = - 'var(--shadow-up-hard-s, 0px -4px 12px -3px rgba(8, 8, 8, 0.20)), var(--shadow-up-hard-s, 0px -1px 4px -1px rgba(0, 0, 0, 0.03))'; +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientActive = 'var(--on-dark-surface-skeleton-deep-gradient-active)'; -export const shadowUpHardM = 'var(--shadow-up-hard-m, 0px -16px 32px -8px rgba(0, 0, 0, 0.24))'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradient = 'var(--on-light-surface-skeleton-gradient)'; -export const shadowUpHardL = 'var(--shadow-up-hard-l, 0px -60px 112px -8px rgba(0, 0, 0, 0.40))'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientHover = 'var(--on-light-surface-skeleton-gradient-hover)'; -export const borderRadiusXxs = 'var(--border-radius-xxs, 4px)'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientActive = 'var(--on-light-surface-skeleton-gradient-active)'; -export const borderRadiusXs = 'var(--border-radius-xs, 6px)'; +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradient = 'var(--on-light-surface-skeleton-deep-gradient)'; -export const borderRadiusS = 'var(--border-radius-s, 8px)'; +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientHover = 'var(--on-light-surface-skeleton-deep-gradient-hover)'; -export const borderRadiusM = 'var(--border-radius-m, 12px)'; +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientActive = 'var(--on-light-surface-skeleton-deep-gradient-active)'; -export const borderRadiusL = 'var(--border-radius-l, 16px)'; +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradient = 'var(--inverse-surface-skeleton-gradient)'; -export const borderRadiusXl = 'var(--border-radius-xl, 20px)'; +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientHover = 'var(--inverse-surface-skeleton-gradient-hover)'; -export const borderRadiusXxl = 'var(--border-radius-xxl, 40px)'; +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientActive = 'var(--inverse-surface-skeleton-gradient-active)'; -export { - dsplL, - dsplLBold, - dsplM, - dsplMBold, - dsplS, - dsplSBold, - h1, - h1Bold, - h2, - h2Bold, - h3, - h3Bold, - h4, - h4Bold, - h5, - h5Bold, - bodyL, - bodyLBold, - bodyM, - bodyMBold, - bodyS, - bodySBold, - bodyXS, - bodyXSBold, - bodyXXS, - bodyXXSBold, - textL, - textLBold, - textM, - textMBold, - textS, - textSBold, - textXS, - textXSBold, -} from '@salutejs/plasma-typo'; +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradient = 'var(--inverse-surface-skeleton-deep-gradient)'; + +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientHover = 'var(--inverse-surface-skeleton-deep-gradient-hover)'; + +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientActive = 'var(--inverse-surface-skeleton-deep-gradient-active)'; + +/** shadow down soft s */ +export const shadowDownSoftS = 'var(--shadow-down-soft-s)'; + +/** shadow down soft m */ +export const shadowDownSoftM = 'var(--shadow-down-soft-m)'; + +/** shadow down soft l */ +export const shadowDownSoftL = 'var(--shadow-down-soft-l)'; + +/** shadow down hard s */ +export const shadowDownHardS = 'var(--shadow-down-hard-s)'; + +/** shadow down hard m */ +export const shadowDownHardM = 'var(--shadow-down-hard-m)'; + +/** shadow down hard l */ +export const shadowDownHardL = 'var(--shadow-down-hard-l)'; + +/** shadow up soft s */ +export const shadowUpSoftS = 'var(--shadow-up-soft-s)'; + +/** shadow up soft m */ +export const shadowUpSoftM = 'var(--shadow-up-soft-m)'; + +/** shadow up soft l */ +export const shadowUpSoftL = 'var(--shadow-up-soft-l)'; + +/** shadow up hard s */ +export const shadowUpHardS = 'var(--shadow-up-hard-s)'; + +/** shadow up hard m */ +export const shadowUpHardM = 'var(--shadow-up-hard-m)'; + +/** shadow up hard l */ +export const shadowUpHardL = 'var(--shadow-up-hard-l)'; + +/** borderRadius xxs */ +export const borderRadiusXxs = 'var(--border-radius-xxs)'; + +/** borderRadius xs */ +export const borderRadiusXs = 'var(--border-radius-xs)'; + +/** borderRadius s */ +export const borderRadiusS = 'var(--border-radius-s)'; + +/** borderRadius m */ +export const borderRadiusM = 'var(--border-radius-m)'; + +/** borderRadius l */ +export const borderRadiusL = 'var(--border-radius-l)'; + +/** borderRadius xl */ +export const borderRadiusXl = 'var(--border-radius-xl)'; + +/** borderRadius xxl */ +export const borderRadiusXxl = 'var(--border-radius-xxl)'; + +/** typography s display-l */ +export const dsplL = { + fontFamily: 'var(--plasma-typo-dspl-l-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-line-height)', +}; + +/** typography s display-l-bold */ +export const dsplLBold = { + fontFamily: 'var(--plasma-typo-dspl-l-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-bold-line-height)', +}; + +/** typography s display-m */ +export const dsplM = { + fontFamily: 'var(--plasma-typo-dspl-m-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-line-height)', +}; + +/** typography s display-m-bold */ +export const dsplMBold = { + fontFamily: 'var(--plasma-typo-dspl-m-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-bold-line-height)', +}; + +/** typography s display-s */ +export const dsplS = { + fontFamily: 'var(--plasma-typo-dspl-s-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-line-height)', +}; + +/** typography s display-s-bold */ +export const dsplSBold = { + fontFamily: 'var(--plasma-typo-dspl-s-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-bold-line-height)', +}; + +/** typography s header-h1 */ +export const h1 = { + fontFamily: 'var(--plasma-typo-h1-font-family)', + fontSize: 'var(--plasma-typo-h1-font-size)', + fontStyle: 'var(--plasma-typo-h1-font-style)', + fontWeight: 'var(--plasma-typo-h1-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-line-height)', +}; + +/** typography s header-h1-bold */ +export const h1Bold = { + fontFamily: 'var(--plasma-typo-h1-bold-font-family)', + fontSize: 'var(--plasma-typo-h1-bold-font-size)', + fontStyle: 'var(--plasma-typo-h1-bold-font-style)', + fontWeight: 'var(--plasma-typo-h1-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-bold-line-height)', +}; + +/** typography s header-h2 */ +export const h2 = { + fontFamily: 'var(--plasma-typo-h2-font-family)', + fontSize: 'var(--plasma-typo-h2-font-size)', + fontStyle: 'var(--plasma-typo-h2-font-style)', + fontWeight: 'var(--plasma-typo-h2-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-line-height)', +}; + +/** typography s header-h2-bold */ +export const h2Bold = { + fontFamily: 'var(--plasma-typo-h2-bold-font-family)', + fontSize: 'var(--plasma-typo-h2-bold-font-size)', + fontStyle: 'var(--plasma-typo-h2-bold-font-style)', + fontWeight: 'var(--plasma-typo-h2-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-bold-line-height)', +}; + +/** typography s header-h3 */ +export const h3 = { + fontFamily: 'var(--plasma-typo-h3-font-family)', + fontSize: 'var(--plasma-typo-h3-font-size)', + fontStyle: 'var(--plasma-typo-h3-font-style)', + fontWeight: 'var(--plasma-typo-h3-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-line-height)', +}; + +/** typography s header-h3-bold */ +export const h3Bold = { + fontFamily: 'var(--plasma-typo-h3-bold-font-family)', + fontSize: 'var(--plasma-typo-h3-bold-font-size)', + fontStyle: 'var(--plasma-typo-h3-bold-font-style)', + fontWeight: 'var(--plasma-typo-h3-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-bold-line-height)', +}; + +/** typography s header-h4 */ +export const h4 = { + fontFamily: 'var(--plasma-typo-h4-font-family)', + fontSize: 'var(--plasma-typo-h4-font-size)', + fontStyle: 'var(--plasma-typo-h4-font-style)', + fontWeight: 'var(--plasma-typo-h4-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-line-height)', +}; + +/** typography s header-h4-bold */ +export const h4Bold = { + fontFamily: 'var(--plasma-typo-h4-bold-font-family)', + fontSize: 'var(--plasma-typo-h4-bold-font-size)', + fontStyle: 'var(--plasma-typo-h4-bold-font-style)', + fontWeight: 'var(--plasma-typo-h4-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-bold-line-height)', +}; + +/** typography s header-h5 */ +export const h5 = { + fontFamily: 'var(--plasma-typo-h5-font-family)', + fontSize: 'var(--plasma-typo-h5-font-size)', + fontStyle: 'var(--plasma-typo-h5-font-style)', + fontWeight: 'var(--plasma-typo-h5-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-line-height)', +}; + +/** typography s header-h5-bold */ +export const h5Bold = { + fontFamily: 'var(--plasma-typo-h5-bold-font-family)', + fontSize: 'var(--plasma-typo-h5-bold-font-size)', + fontStyle: 'var(--plasma-typo-h5-bold-font-style)', + fontWeight: 'var(--plasma-typo-h5-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-bold-line-height)', +}; + +/** typography s body-l */ +export const bodyL = { + fontFamily: 'var(--plasma-typo-body-l-font-family)', + fontSize: 'var(--plasma-typo-body-l-font-size)', + fontStyle: 'var(--plasma-typo-body-l-font-style)', + fontWeight: 'var(--plasma-typo-body-l-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-line-height)', +}; + +/** typography s body-l-bold */ +export const bodyLBold = { + fontFamily: 'var(--plasma-typo-body-l-bold-font-family)', + fontSize: 'var(--plasma-typo-body-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-bold-line-height)', +}; + +/** typography s body-m */ +export const bodyM = { + fontFamily: 'var(--plasma-typo-body-m-font-family)', + fontSize: 'var(--plasma-typo-body-m-font-size)', + fontStyle: 'var(--plasma-typo-body-m-font-style)', + fontWeight: 'var(--plasma-typo-body-m-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-line-height)', +}; + +/** typography s body-m-bold */ +export const bodyMBold = { + fontFamily: 'var(--plasma-typo-body-m-bold-font-family)', + fontSize: 'var(--plasma-typo-body-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-bold-line-height)', +}; + +/** typography s body-s */ +export const bodyS = { + fontFamily: 'var(--plasma-typo-body-s-font-family)', + fontSize: 'var(--plasma-typo-body-s-font-size)', + fontStyle: 'var(--plasma-typo-body-s-font-style)', + fontWeight: 'var(--plasma-typo-body-s-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-line-height)', +}; + +/** typography s body-s-bold */ +export const bodySBold = { + fontFamily: 'var(--plasma-typo-body-s-bold-font-family)', + fontSize: 'var(--plasma-typo-body-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-bold-line-height)', +}; + +/** typography s body-xs */ +export const bodyXS = { + fontFamily: 'var(--plasma-typo-body-xs-font-family)', + fontSize: 'var(--plasma-typo-body-xs-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-line-height)', +}; + +/** typography s body-xs-bold */ +export const bodyXSBold = { + fontFamily: 'var(--plasma-typo-body-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-bold-line-height)', +}; + +/** typography s body-xxs */ +export const bodyXXS = { + fontFamily: 'var(--plasma-typo-body-xxs-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-line-height)', +}; + +/** typography s body-xxs-bold */ +export const bodyXXSBold = { + fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-bold-line-height)', +}; + +/** typography s text-l */ +export const textL = { + fontFamily: 'var(--plasma-typo-text-l-font-family)', + fontSize: 'var(--plasma-typo-text-l-font-size)', + fontStyle: 'var(--plasma-typo-text-l-font-style)', + fontWeight: 'var(--plasma-typo-text-l-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-line-height)', +}; + +/** typography s text-l-bold */ +export const textLBold = { + fontFamily: 'var(--plasma-typo-text-l-bold-font-family)', + fontSize: 'var(--plasma-typo-text-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-bold-line-height)', +}; + +/** typography s text-m */ +export const textM = { + fontFamily: 'var(--plasma-typo-text-m-font-family)', + fontSize: 'var(--plasma-typo-text-m-font-size)', + fontStyle: 'var(--plasma-typo-text-m-font-style)', + fontWeight: 'var(--plasma-typo-text-m-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-line-height)', +}; + +/** typography s text-m-bold */ +export const textMBold = { + fontFamily: 'var(--plasma-typo-text-m-bold-font-family)', + fontSize: 'var(--plasma-typo-text-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-bold-line-height)', +}; + +/** typography s text-s */ +export const textS = { + fontFamily: 'var(--plasma-typo-text-s-font-family)', + fontSize: 'var(--plasma-typo-text-s-font-size)', + fontStyle: 'var(--plasma-typo-text-s-font-style)', + fontWeight: 'var(--plasma-typo-text-s-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-line-height)', +}; + +/** typography s text-s-bold */ +export const textSBold = { + fontFamily: 'var(--plasma-typo-text-s-bold-font-family)', + fontSize: 'var(--plasma-typo-text-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-bold-line-height)', +}; + +/** typography s text-xs */ +export const textXS = { + fontFamily: 'var(--plasma-typo-text-xs-font-family)', + fontSize: 'var(--plasma-typo-text-xs-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-line-height)', +}; + +/** typography s text-xs-bold */ +export const textXSBold = { + fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-text-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)', +}; diff --git a/packages/themes/caldera-online-themes/tsconfig.json b/packages/themes/caldera-online-themes/tsconfig.json index b708fb2826..fed3dbbcbc 100644 --- a/packages/themes/caldera-online-themes/tsconfig.json +++ b/packages/themes/caldera-online-themes/tsconfig.json @@ -14,5 +14,5 @@ "rootDir": "./src" }, "include": ["./src"], - "exclude": ["./data"] + "exclude": [] } diff --git a/packages/themes/data-themes/.eslintrc.js b/packages/themes/core-themes/.eslintrc.js similarity index 100% rename from packages/themes/data-themes/.eslintrc.js rename to packages/themes/core-themes/.eslintrc.js diff --git a/packages/themes/data-themes/.gitignore b/packages/themes/core-themes/.gitignore similarity index 100% rename from packages/themes/data-themes/.gitignore rename to packages/themes/core-themes/.gitignore diff --git a/packages/themes/data-themes/.npmrc b/packages/themes/core-themes/.npmrc similarity index 100% rename from packages/themes/data-themes/.npmrc rename to packages/themes/core-themes/.npmrc diff --git a/packages/themes/core-themes/CHANGELOG.md b/packages/themes/core-themes/CHANGELOG.md new file mode 100644 index 0000000000..0994c296ea --- /dev/null +++ b/packages/themes/core-themes/CHANGELOG.md @@ -0,0 +1 @@ +# v0.11.0 (Thu May 30 2024) ### Release Notes #### Release by 29.05.2024 ([#1222](https://github.com/salute-developers/plasma/pull/1222)) ## Components ### Calendar - добавлен пропс для включения/исключения минимума и максимума диапазона дат feat: add calendar edge dates control (https://github.com/salute-developers/plasma/pull/1203) ### Slider - добавлен компонент Slider feat(plasma-new-hope): add slider component (https://github.com/salute-developers/plasma/pull/1194) ### Textarea - изменен `padding` для `label` fix(plasma-\*): Fix padding on textarea (https://github.com/salute-developers/plasma/pull/1209) ### Range - включен в поставку `plasma-{b2c,web} / sdds-serv` - написаны тесты и документация feat: Add range component (https://github.com/salute-developers/plasma/pull/1208) ### IconButton - включен в поставку `sdds-serv` - добавлена документация в `sdds-serv-docs` feat(sdds-serv): add icon button (https://github.com/salute-developers/plasma/pull/1214) ### Tabs - добавлен корректный проброс `className` в `Tab` и `TabItem` - поправлена документация для `Tab` и `Segment` #### ДО: ![image](https://github.com/salute-developers/plasma/assets/40370966/797f897d-95cc-4114-b54a-8629b281b2c7) ![image](https://github.com/salute-developers/plasma/assets/40370966/8a0e6de3-f6cd-4e7b-b87b-a1a26b5dd4e7) #### ПОСЛЕ: ![image](https://github.com/salute-developers/plasma/assets/40370966/9dd690cc-e8ed-4623-baa0-52e1f22cf71c) ![image](https://github.com/salute-developers/plasma/assets/40370966/0c8bb69e-b2d3-4ae9-aed4-2fd4c4b5bd9b) feat(plasma-new-hope): fix tabs styles (https://github.com/salute-developers/plasma/pull/1220) ### Button - добавлено отображение `value` - исправлены внутренние отступы от `contentLeft`, `contentRight` - дополнены тесты и документация - исправлены тесты, зависящие от `Button: Notification, Pagination, Toast, Toolbar` - добавлен токен переопределения цвета `value` в `ButtonGroup` feat: add button value (https://github.com/salute-developers/plasma/pull/1213) ## Tokens ### Tokens - добавлены токены прозрачности для positive, warning, negative цветов - добавлены токены с active, hover модификаторами tokens: add surface transparent tokens to sdds (https://github.com/salute-developers/plasma/pull/1206) ## Misc ### Checkbox/Radiobox - исправлен types компонентов для библиотек `plasma-asdk`, `sdds-serv` и `caldera-online` Fix checkbox types (https://github.com/salute-developers/plasma/pull/1217) --- #### 🚀 Enhancement - Release by 29.05.2024 [#1222](https://github.com/salute-developers/plasma/pull/1222) ([@TitanKuzmich](https://github.com/TitanKuzmich) [@Salute-Eva](https://github.com/Salute-Eva) [@akhdrv](https://github.com/akhdrv) [@Yakutoc](https://github.com/Yakutoc) [@iljs](https://github.com/iljs)) - feat(themes): add surface transparent tokens to sdds [#1206](https://github.com/salute-developers/plasma/pull/1206) ([@TitanKuzmich](https://github.com/TitanKuzmich)) #### 🐛 Bug Fix - Update package-lock.json files ([@Salute-Eva](https://github.com/Salute-Eva)) - Update versions ([@Salute-Eva](https://github.com/Salute-Eva)) #### Authors: 5 - [@iljs](https://github.com/iljs) - [@Salute-Eva](https://github.com/Salute-Eva) - Alex Czech ([@Yakutoc](https://github.com/Yakutoc)) - Artem Khaydarov ([@akhdrv](https://github.com/akhdrv)) - Krivonos Aleksandr ([@TitanKuzmich](https://github.com/TitanKuzmich)) --- # v0.10.0 (Thu Apr 25 2024) ### Release Notes #### Release by 24.04.2024 ([#1196](https://github.com/salute-developers/plasma/pull/1196)) ## Components ### Tooltip - исправлено позиционирование стрелочки - добавлен тест на много-строчный сценарий #### Before: ![image](https://github.com/salute-developers/plasma/assets/40370966/230bbda5-2c2f-4628-b5b4-7a7a14ffc2c9) #### After: ![image](https://github.com/salute-developers/plasma/assets/40370966/6c142730-0b4b-47de-a64d-1c6ad2c4fc77) fix(plasma-new-hope): fix tooltip arrow placing (https://github.com/salute-developers/plasma/pull/1171) ### Radiobox - расширен пример в `stories` с учетом `a11y` возможностей plasma-new-hope(radiobox): Improved a11y (https://github.com/salute-developers/plasma/pull/1188) ### Storybook - исправлено некорректное поведение свойства `placement` - исправлено свойство `enableContentLeft` и `enableContentRight` в TextField feat(plasma-new-hope, b2c, web, sdds): Fix storybook argTypes (https://github.com/salute-developers/plasma/pull/1182) ### Avatar - добавлен `aria-label` - расширены примеры с доступностью plasma-new-hope(avatar): Refactoring + a11y (https://github.com/salute-developers/plasma/pull/1180) ### Chip - удален лишнее свойство `hasClear` из примера в `story` - заменены со старого формата на новый токены в конфигурации (без приставки `--plasma-colors`) - добавлена недостающие свойство `view=accent` - обновлены `cypress snapshots` fix: remove extra chip prop in stories (https://github.com/salute-developers/plasma/pull/1179) ## Colors - добавлены файлы фирменной палитры в формате `.json` - добавлена директория `src` в gitignore, т.к. теперь его содержимое генерируется автоматически на основе `.json` feat(plasma-color): Add generate color palette from json (https://github.com/salute-developers/plasma/pull/1172) ## Infra ### Audit vulnerabilities - исправлены все уязвимости в клиентских пакетах (аля `plasma-web`) - обновлен до `vite@4.5.3` - обновлен `@babel` и его зависимости до latest - заменен `babel-plugin-transform-class-properties` на `@babel/plugin-transform-class-properties` ### `@salutejs/plasma-sb-utils` - обновлены `TS` до 4.2.4 - обновлен `@storybook/react` до 7.6.17 - исправлены все уязвимости - поправлены мелкие ошибки в типах plasma-infra(sb-utils): Update dependencies versions (https://github.com/salute-developers/plasma/pull/1178) --- #### 🚀 Enhancement - Release by 24.04.2024 [#1196](https://github.com/salute-developers/plasma/pull/1196) ([@Yakutoc](https://github.com/Yakutoc) [@TitanKuzmich](https://github.com/TitanKuzmich) [@Salute-Eva](https://github.com/Salute-Eva) [@neretin-trike](https://github.com/neretin-trike) [@shuga2704](https://github.com/shuga2704)) #### 🐛 Bug Fix - Update package-lock.json files ([@Salute-Eva](https://github.com/Salute-Eva)) - Update versions ([@Salute-Eva](https://github.com/Salute-Eva)) - chore: Update package-lock.json files \[skip ci\] ([@Salute-Eva](https://github.com/Salute-Eva)) #### Authors: 5 - [@Salute-Eva](https://github.com/Salute-Eva) - Alex Czech ([@Yakutoc](https://github.com/Yakutoc)) - Dima Shugaev ([@shuga2704](https://github.com/shuga2704)) - Krivonos Aleksandr ([@TitanKuzmich](https://github.com/TitanKuzmich)) - neretinaa ([@neretin-trike](https://github.com/neretin-trike)) --- # v0.9.0 (Thu Apr 11 2024) ### Release Notes #### Release by 10.04.2024 ([#1175](https://github.com/salute-developers/plasma/pull/1175)) ## Components ### Dropdown - добавлена прослойка для dropdown в `b2c` и `web` (работает на старом api и с dropdown из new-hope) feat(plasma-new-hope, b2c, web): Dropdown interlayer (https://github.com/salute-developers/plasma/pull/1104) ### Cell - добавлен в поставку `plasma-{web,b2c}` feat(new-hope): Add cell (https://github.com/salute-developers/plasma/pull/1148) ### Chip - поправлена типизация - компонент добавлен в поставку для `sdds-serv`, включая документацию feat(plasma-new-hope): fix Chip types (https://github.com/salute-developers/plasma/pull/1155) ### Button - добавлены токены состояний (active / hover) для конфигов компонента в библиотеках `@salutejs/plasma-{b2c,web,asdk}`, `@salutejs/sdds-serv`, `@salutejs/caldera-online` . fix(plasma-web,plasma-b2c,plasma-asdk,sdds-serv,calder-online): Update state tokens for `Button` component (https://github.com/salute-developers/plasma/pull/1167) ### Select - убрана поддержка вложенности - добавлена прослойка для компонента в `plasma-{b2c,web}` и `sdds-serv` (\* работает на старом api и с select из new-hope). - переделаны тесты и обновлена документация feat(plasma-new-hope, b2c, web, sdds-serv): Select interlayer (https://github.com/salute-developers/plasma/pull/1161) ### TextField - проведен рефакторинг и редизайн - обновлены тесты и документация - добавлен в поставку в sdds-serv feat(plasma-new-hope): TextField redesign (https://github.com/salute-developers/plasma/pull/1160) ## Icons ### iOS - добавлен конвертор SVG в PNG для iOS app plasma-icons: Convert SVG to PNG for iOS (https://github.com/salute-developers/plasma/pull/1163) ## Tokens ### Tokens - исправлена формула для расчёта `hover / active` состояний - добавлены новые токены (но в выключенном состоянии) в существующие темы и схемы для библиотек `@salutejs/plasma-tokens`, `@salutejs/data-themes`, `@salutejs/caldera-online-themes`, `@salutejs/sdds-serv-themes`, `@salutejs/plasma-themes`, `@salutejs/flamingo-themes` - добавлены недостающие токены для обратной совместимости у библиотек `@salutejs/plasma-tokens-web`, `@salutejs/plasma-tokens-b2c`, `@salutejs/plasma-tokens-b2b`, - добавлены недостающие токены в темы `plasma_b2c`, `plasma_web`, `sds_engineer` для библиотеки `@salutejs/plasma-new-hope` feat(plasma-tokens,plasma-theme-builder): Add tokens to existed themes (https://github.com/salute-developers/plasma/pull/1165) ## Docs ### Popup - исправлена ошибка в документации fix(new-hope): Fix popup doc (https://github.com/salute-developers/plasma/pull/1168) ## Misc ### Plasma Theme Builder - Добавлена генерация hover / active состояний для групп токенов. feat(plasma-theme-builder): Add generate hover / active state for tokens (https://github.com/salute-developers/plasma/pull/1134) ### Pagination - исправлена ошибка навигации с помощью кнопок `next` \ `pre` fix(new-hope): Edit storybook content (https://github.com/salute-developers/plasma/pull/1154) ### Website icons grid - исправлен поиск иконок по названию - исправлен grid для набора иконок fix(plasma-website): Fix Icons (https://github.com/salute-developers/plasma/pull/1169) --- #### 🚀 Enhancement - Release by 10.04.2024 [#1175](https://github.com/salute-developers/plasma/pull/1175) ([@shuga2704](https://github.com/shuga2704) [@Salute-Eva](https://github.com/Salute-Eva) [@neretin-trike](https://github.com/neretin-trike) [@Yakutoc](https://github.com/Yakutoc) [@iljs](https://github.com/iljs) [@TitanKuzmich](https://github.com/TitanKuzmich)) - feat(\*-themes): Update all themes ([@neretin-trike](https://github.com/neretin-trike)) #### 🐛 Bug Fix - Update package-lock.json files ([@Salute-Eva](https://github.com/Salute-Eva)) - Update versions ([@Salute-Eva](https://github.com/Salute-Eva)) - chore: delete unnecessary caldera themes [#1158](https://github.com/salute-developers/plasma/pull/1158) ([@Yakutoc](https://github.com/Yakutoc)) #### Authors: 6 - [@iljs](https://github.com/iljs) - [@Salute-Eva](https://github.com/Salute-Eva) - Alex Czech ([@Yakutoc](https://github.com/Yakutoc)) - Dima Shugaev ([@shuga2704](https://github.com/shuga2704)) - Krivonos Aleksandr ([@TitanKuzmich](https://github.com/TitanKuzmich)) - neretinaa ([@neretin-trike](https://github.com/neretin-trike)) --- # v0.7.0 (Thu Mar 28 2024) ### Release Notes #### Release by 27.03.2024 ([#1151](https://github.com/salute-developers/plasma/pull/1151)) ## Components ### Progress - добавлен в библиотеку в `new-hope` - добавлен в поставку пакетов `plasma-{b2c, web}, sdds-serv` - написаны тесты и документация feat: Progress redesign refactor (https://github.com/salute-developers/plasma/pull/1126) ### Tooltip - добавлены fallback на следующие свойства: isVisible, arrow, animated feat(plasma-new-hope): tooltip old api fallback (https://github.com/salute-developers/plasma/pull/1140) ### Divider - включен в поставку `plasma-{b2c/web}` и `sdds-serv` - написаны тесты и документация feat(plasma-new-hope): Divider component (https://github.com/salute-developers/plasma/pull/1132) ### Pagination - добавлен в поставку клиентских библиотек feat(new-hope): Pagination (https://github.com/salute-developers/plasma/pull/1107) ### Toolbar - включили в поставку в `plasma-{b2c/web}` \ `sdds-serv` - написаны тесты и документация feat(plasma-new-hope): add toolbar component (https://github.com/salute-developers/plasma/pull/1150) ## Icons ### Icons for android - Добавлен скрипт генерации иконок под android на основе svg - Обновлена инструкция по добавлению иконок plasma-icons: script to generate android icons (https://github.com/salute-developers/plasma/pull/1109) ### Icons publish - добавлена директория `old` для обратной совместимости plasma-icons: Add `old` dir for publish (https://github.com/salute-developers/plasma/pull/1149) ## Infra ### Scaffold docs CLI - добавлен CLI для создание **директории** документации по шаблону - добавлен CLI для создание **компонента** документации по шаблону plasma-infra: Scaffold docs dir CLI (https://github.com/salute-developers/plasma/pull/1099) ### Retry - добавлен retry для шага `Update package-lock files` для обхода ошибки `ECONNRESET` - добавлен `workflow` для ручного запуска `Update package-lock files` plasma-infra: Retry failure step (https://github.com/salute-developers/plasma/pull/922) ### Deploy documentations artefacts - распараллели процесс создания и загрузки артефактов документации - добавили `marocchino/sticky-pull-request-comment` для приклеивания сообщения к одному комментарию в pr - добавлена конфигурация: `config-ci.json` - удалены неиспользуемые переменные plasma-infra: Refactoring deploy documentations artefacts [PR context](https://github.com/salute-developers/plasma/pull/1125) ### Build android icons plugin - добавлен dispatch события для запуска `build icons` в `plasma-android` plasma-infra: Dispatch build-icons event (https://github.com/salute-developers/plasma/pull/1145) ### Scaffold components docs - добавлена генерация компонентов по заданному шаблону plasma-infra: Scaffold components docs by template (https://github.com/salute-developers/plasma/pull/1128) ## Docs ### Docs - Исправлена ошибка примера путём обновления токенов бэграундов в сторибуке для библиотек `plasma-web`, `plasma-b2c`, `plasma-asdk`. #### До: <img width="412" alt="Screenshot 2024-03-21 at 12 28 41" src="https://github.com/salute-developers/plasma/assets/26903236/5814e04f-1425-403c-8e20-1151a12063c6" /> #### После: <img width="412" alt="Screenshot 2024-03-21 at 17 03 31" src="https://github.com/salute-developers/plasma/assets/26903236/259c6397-2e5c-4d82-a2a6-4d6fdcc31e79" /> fix(plasma-web,plasma-b2c,plasma-asdk): Replace tokens for background in storybook to new (https://github.com/salute-developers/plasma/pull/1139) ## Misc ### Drawer - изменили величину измерения высоты на dvh в storybook fix: change height for Drawer stories (https://github.com/salute-developers/plasma/pull/1116) ### Image - поправлена передача `props` в `Image.stories` fix: fix args for Image stories (https://github.com/salute-developers/plasma/pull/1119) ### Plasma Theme Builder - произведён рефакторинг методов, которые генерируют токены - актуализированы базовые токены, которые генерируются сервисом ThemeBuilder - добавлена новая группа `outline`, используемая в обводках / рамках feat(plasma-theme-builder): Actualize default tokens (https://github.com/salute-developers/plasma/pull/1127) ### Button - поправлен размер и отступ фокуса на кнопке feat(plasma-new-hope): fix button focus (https://github.com/salute-developers/plasma/pull/1141) ### Badge - поправлен токен фона для `transparent-accent` Badge - поправлен токен цвета текста для `transparent-light` #### До: ![image](https://github.com/salute-developers/plasma/assets/40370966/67673520-cfe8-4b6d-87eb-f700df308627) ![image](https://github.com/salute-developers/plasma/assets/40370966/aa9fb631-c1b3-4f58-aa0b-4e5a9dc9617c) #### После: ![image](https://github.com/salute-developers/plasma/assets/40370966/59170271-0a32-4680-ab18-5aa4afde0cef) ![image](https://github.com/salute-developers/plasma/assets/40370966/9fdc8bea-add8-4798-955d-a896d6c32a40) feat: update badge view tokens (https://github.com/salute-developers/plasma/pull/1142) --- #### 🚀 Enhancement - Release by 27.03.2024 [#1151](https://github.com/salute-developers/plasma/pull/1151) ([@kayman233](https://github.com/kayman233) [@Salute-Eva](https://github.com/Salute-Eva) [@iljs](https://github.com/iljs) [@Yakutoc](https://github.com/Yakutoc) [@TitanKuzmich](https://github.com/TitanKuzmich) [@neretin-trike](https://github.com/neretin-trike) [@akhdrv](https://github.com/akhdrv) [@eg-zhuravlev](https://github.com/eg-zhuravlev)) #### 🐛 Bug Fix - Update package-lock.json files ([@Salute-Eva](https://github.com/Salute-Eva)) - Update versions ([@Salute-Eva](https://github.com/Salute-Eva)) #### Authors: 8 - [@iljs](https://github.com/iljs) - [@kayman233](https://github.com/kayman233) - [@Salute-Eva](https://github.com/Salute-Eva) - Alex Czech ([@Yakutoc](https://github.com/Yakutoc)) - Artem Khaydarov ([@akhdrv](https://github.com/akhdrv)) - Evgeniy Zhuravlev ([@eg-zhuravlev](https://github.com/eg-zhuravlev)) - Krivonos Aleksandr ([@TitanKuzmich](https://github.com/TitanKuzmich)) - neretinaa ([@neretin-trike](https://github.com/neretin-trike)) --- # v0.6.0 (Fri Mar 01 2024) ### Release Notes #### Release by 29.02.2024 ([#1079](https://github.com/salute-developers/plasma/pull/1079)) ## Components ### Drawer - добавлены компоненты `Drawer` и `Panel` - включен в поставку `plasma-{b2c/web/sdds-serv}` - для компонента `Drawer` написаны тесты feat(plasma-new-hope): add Drawer (https://github.com/salute-developers/plasma/pull/1068) ### Indicator - добавлены тесты и документация - добавлен в поставку для библиотек: `plasma-{web,b2c}` - интегрирован в компонент `Avatar` feat(plasma-new-hope, web, b2c): Indicator component (https://github.com/salute-developers/plasma/pull/1067) ### ButtonGroup - добавлен новый компонент и тесты с документацией - исправлена структура файлов для `Spiner` - добавлен компонент `Button` в поставку в `plasma-{b2c,web}` - обновлена документация для `Button` - обновлены тесты зависящие от `Button` feat(plasma-new-hope): add button group component (https://github.com/salute-developers/plasma/pull/1061) ### TextField [Note] TextField перевезен на новую Архитектуру, могут быть незначительные отличия от текущего поведeния. ### Рефакторинг TextField - поведение анимация `label` внутри поля стала запускаться одинаковым между `b2c` и `web`. Запуск на фокусе, а не на начале редактирования. - при показе `label` внутри поля больше не учитывается `placeholder` ### TextField [plasma-b2c] - исправлено поведение для цвет `placeholder`, больше не зависит от наличия `leftHelper` feat(plasma-new-hope): TextField (https://github.com/salute-developers/plasma/pull/949) ## Infra ### Upload assets - добавлена возможность указать пакет/релиз к которому нужно прикрепить assets plasma-infra: Upload assets for target package(-s) (https://github.com/salute-developers/plasma/pull/1054) ### plasma-temple - удалены все упоминания о пакете `plasma-temple` из текущего репозитория Remove `plasma-temple` from repo [Part 1](https://github.com/salute-developers/plasma/pull/1048) ## Tokens - Добавлен пакет `@salutejs/data-themes`, который содержит все созданные json-схемы, а также набор методов, позволяющие сгенерировать темы для web-платформы в формате js объектов для `styled-component` и css стилей для подключения с помощью нативных способов. - В пакетах с наборами тем были объеденены токены с цветами и типографикой. - Так же если необходимы токены цвета или типографики отдельно, забрать их можно по пути `@salutejs/<vertical-name>-themes/tokens` для общих токенов и `@salutejs/<vertical-name>-themes/tokens/<theme-name>` для конкретных тем. - Добавлена новые пакеты с наборами тем для следующих дизайн вертикаль: - `@salutejs/plasma-themes` - для вертикали `Plasma` - пока нигде не используется; - `@salutejs/sdds-themes` - для вертикали `SDDS` - используется с библиотекой `@salutejs/sdds-serv`; - `@salutejs/cladera-online-themes` - для вертикали `Caldera Online` - используется с библиотеками `@salutejs/cladera-online` и `@salutejs/cladera`; - `@salutejs/flamingo-themes` - для вертикали `Flamingo` - пока нигде не используется; ### New-hope - Удалена зависимость `@salutejs/plasma-tokens` из пакета. ### SDDS-Serv - Обновлена документация со способом установки и подключением; - Убрана зависимость от пакета `@salutejs/plasma-tokens` и добавлен пакет `@salutejs/sdds-themes`; - Обновлён способ подключение темы в storybook; - Исправлена сторис LiveDemo в компоненте `Toast`; - Заменены токены цветов в конфигах компонента `Segment` на актуальные ### Caldera / Caldera Online - Обновлена документация со способом установки и подключением; - Убрана зависимость от пакета `@salutejs/plasma-tokens` и добавлен пакет `@salutejs/caldera-online-themes`; - Обновлён способ подключение темы в storybook; - Исправлена сторис LiveDemo в компоненте `Toast`; - Заменены токены цветов в конфигах компонента `Segment` на актуальные Add new tokens architecture (https://github.com/salute-developers/plasma/pull/1074) ## Docs ### Сontributing Typos - исправлены опечатки в документации - добавлен параграф об обязательном наличие локально browser `chromium` plasma-docs: Fix cypress cli commands (https://github.com/salute-developers/plasma/pull/1058) ## Misc ### SDDS Android - добавлен `SDDS Android` проект, включающий: - Theme Builder Gradle Plugin - SDDS Sandbox App - UIKit - UIKit Compose - файл с лицензией и `README.md` в каждый модуль chore[sdds-android]: SDDS Android project was created. (https://github.com/salute-developers/plasma/pull/1045) ### CI/CD Pipeline [SDDS Android] - Project build system migration to composite builds was made to support multiproject structure. - Code quality check workflow was created. - Merge report tasks were added. - Codeowners file was modified. chore[sdds-android, cicd]: code quality check workflow (https://github.com/salute-developers/plasma/pull/1070) --- #### 🚀 Enhancement - Release by 29.02.2024 [#1079](https://github.com/salute-developers/plasma/pull/1079) ([@TitanKuzmich](https://github.com/TitanKuzmich) [@Salute-Eva](https://github.com/Salute-Eva) [@Yakutoc](https://github.com/Yakutoc) [@neretin-trike](https://github.com/neretin-trike) [@malilex](https://github.com/malilex) [@shuga2704](https://github.com/shuga2704) [@Yeti-or](https://github.com/Yeti-or) [@kayman233](https://github.com/kayman233)) - feat(data-themes): Add package for generate themes in web platform ([@neretin-trike](https://github.com/neretin-trike)) #### 🐛 Bug Fix - chore: update package-locks [no ci](<[@Yakutoc](https://github.com/Yakutoc)>) - Update versions ([@Salute-Eva](https://github.com/Salute-Eva)) #### Authors: 8 - [@kayman233](https://github.com/kayman233) - [@Salute-Eva](https://github.com/Salute-Eva) - Alex Czech ([@Yakutoc](https://github.com/Yakutoc)) - Alexander Malishev ([@malilex](https://github.com/malilex)) - Dima Shugaev ([@shuga2704](https://github.com/shuga2704)) - Krivonos Aleksandr ([@TitanKuzmich](https://github.com/TitanKuzmich)) - neretinaa ([@neretin-trike](https://github.com/neretin-trike)) - Vasiliy ([@Yeti-or](https://github.com/Yeti-or)) \ No newline at end of file diff --git a/packages/themes/core-themes/LICENSE.txt b/packages/themes/core-themes/LICENSE.txt new file mode 100644 index 0000000000..4ac192b87f --- /dev/null +++ b/packages/themes/core-themes/LICENSE.txt @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) Salute Devices + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/packages/themes/core-themes/README.md b/packages/themes/core-themes/README.md new file mode 100644 index 0000000000..821ac24855 --- /dev/null +++ b/packages/themes/core-themes/README.md @@ -0,0 +1,3 @@ +# Core themes + +Пакет, реализующий методы позволяющие генерировать темы для web-платформы, на основе json-тем, лежащих в [данном репозитории](https://github.com/salute-developers/theme-converter/tree/main/themes). diff --git a/packages/themes/data-themes/package-lock.json b/packages/themes/core-themes/package-lock.json similarity index 72% rename from packages/themes/data-themes/package-lock.json rename to packages/themes/core-themes/package-lock.json index a55393554b..92e1f5e5e6 100644 --- a/packages/themes/data-themes/package-lock.json +++ b/packages/themes/core-themes/package-lock.json @@ -1,17 +1,17 @@ { - "name": "@salutejs/data-themes", - "version": "0.11.0", + "name": "@salutejs/core-themes", + "version": "0.12.0-dev.0", "lockfileVersion": 2, "requires": true, "packages": { "": { - "name": "@salutejs/data-themes", - "version": "0.11.0", + "name": "@salutejs/core-themes", + "version": "0.12.0-dev.0", "license": "MIT", "devDependencies": { - "@salutejs/plasma-tokens-utils": "0.42.0", - "@salutejs/plasma-typo": "0.40.0", + "@salutejs/plasma-tokens-utils": "0.43.0-dev.0", "@types/node": "16.7.13", + "jszip": "3.10.1", "ts-node": "10.2.1", "typescript": "4.2.4" } @@ -44,9 +44,9 @@ "dev": true }, "node_modules/@salutejs/plasma-tokens-utils": { - "version": "0.42.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-utils/-/plasma-tokens-utils-0.42.0.tgz", - "integrity": "sha512-vLnmRVK+kI/73lwWRiJ4NU1Mbn+/YRe13urB4vpseqni2LE5MJyLOeZEcOnicT619O2jdUG7yt4/YyupUD9M2w==", + "version": "0.43.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-utils/-/plasma-tokens-utils-0.43.0-dev.0.tgz", + "integrity": "sha512-leyFY/Aux3PXHijuLQ6ZMR+GFais864Fl2gGr5/BWVCBZlRalTvBj6MHGFMdWHusaqtN1MbuWawEG1hKlt0MZw==", "dev": true, "dependencies": { "@salutejs/plasma-colors": "0.13.0", @@ -168,6 +168,12 @@ "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", "dev": true }, + "node_modules/core-util-is": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz", + "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==", + "dev": true + }, "node_modules/create-require": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz", @@ -204,12 +210,51 @@ "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==", "dev": true }, + "node_modules/immediate": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz", + "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==", + "dev": true + }, + "node_modules/inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", + "dev": true + }, "node_modules/is-arrayish": { "version": "0.3.2", "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz", "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==", "dev": true }, + "node_modules/isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==", + "dev": true + }, + "node_modules/jszip": { + "version": "3.10.1", + "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz", + "integrity": "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==", + "dev": true, + "dependencies": { + "lie": "~3.3.0", + "pako": "~1.0.2", + "readable-stream": "~2.3.6", + "setimmediate": "^1.0.5" + } + }, + "node_modules/lie": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz", + "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==", + "dev": true, + "dependencies": { + "immediate": "~3.0.5" + } + }, "node_modules/lower-case": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz", @@ -246,6 +291,12 @@ "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==", "dev": true }, + "node_modules/pako": { + "version": "1.0.11", + "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz", + "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==", + "dev": true + }, "node_modules/param-case": { "version": "3.0.3", "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.3.tgz", @@ -256,6 +307,39 @@ "tslib": "^1.10.0" } }, + "node_modules/process-nextick-args": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", + "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==", + "dev": true + }, + "node_modules/readable-stream": { + "version": "2.3.8", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz", + "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==", + "dev": true, + "dependencies": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + } + }, + "node_modules/safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true + }, + "node_modules/setimmediate": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz", + "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==", + "dev": true + }, "node_modules/simple-swizzle": { "version": "0.2.2", "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz", @@ -265,6 +349,15 @@ "is-arrayish": "^0.3.1" } }, + "node_modules/string_decoder": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "dev": true, + "dependencies": { + "safe-buffer": "~5.1.0" + } + }, "node_modules/ts-node": { "version": "10.2.1", "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.2.1.tgz", @@ -337,6 +430,12 @@ "node": ">=4.2.0" } }, + "node_modules/util-deprecate": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", + "dev": true + }, "node_modules/yn": { "version": "3.1.1", "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==", @@ -369,9 +468,9 @@ "dev": true }, "@salutejs/plasma-tokens-utils": { - "version": "0.42.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-utils/-/plasma-tokens-utils-0.42.0.tgz", - "integrity": "sha512-vLnmRVK+kI/73lwWRiJ4NU1Mbn+/YRe13urB4vpseqni2LE5MJyLOeZEcOnicT619O2jdUG7yt4/YyupUD9M2w==", + "version": "0.43.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-utils/-/plasma-tokens-utils-0.43.0-dev.0.tgz", + "integrity": "sha512-leyFY/Aux3PXHijuLQ6ZMR+GFais864Fl2gGr5/BWVCBZlRalTvBj6MHGFMdWHusaqtN1MbuWawEG1hKlt0MZw==", "dev": true, "requires": { "@salutejs/plasma-colors": "0.13.0", @@ -478,6 +577,12 @@ "simple-swizzle": "^0.2.2" } }, + "core-util-is": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz", + "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==", + "dev": true + }, "create-require": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz", @@ -513,12 +618,51 @@ } } }, + "immediate": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz", + "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==", + "dev": true + }, + "inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", + "dev": true + }, "is-arrayish": { "version": "0.3.2", "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz", "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==", "dev": true }, + "isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==", + "dev": true + }, + "jszip": { + "version": "3.10.1", + "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz", + "integrity": "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==", + "dev": true, + "requires": { + "lie": "~3.3.0", + "pako": "~1.0.2", + "readable-stream": "~2.3.6", + "setimmediate": "^1.0.5" + } + }, + "lie": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz", + "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==", + "dev": true, + "requires": { + "immediate": "~3.0.5" + } + }, "lower-case": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz", @@ -559,6 +703,12 @@ } } }, + "pako": { + "version": "1.0.11", + "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz", + "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==", + "dev": true + }, "param-case": { "version": "3.0.3", "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.3.tgz", @@ -569,6 +719,39 @@ "tslib": "^1.10.0" } }, + "process-nextick-args": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", + "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==", + "dev": true + }, + "readable-stream": { + "version": "2.3.8", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz", + "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==", + "dev": true, + "requires": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + } + }, + "safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true + }, + "setimmediate": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz", + "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==", + "dev": true + }, "simple-swizzle": { "version": "0.2.2", "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz", @@ -578,6 +761,15 @@ "is-arrayish": "^0.3.1" } }, + "string_decoder": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "dev": true, + "requires": { + "safe-buffer": "~5.1.0" + } + }, "ts-node": { "version": "10.2.1", "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.2.1.tgz", @@ -618,6 +810,12 @@ "integrity": "sha512-V+evlYHZnQkaz8TRBuxTA92yZBPotr5H+WhQ7bD3hZUndx5tGOa1fuCgeSjxAzM1RiN5IzvadIXTVefuuwZCRg==", "dev": true }, + "util-deprecate": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", + "dev": true + }, "yn": { "version": "3.1.1", "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==", diff --git a/packages/themes/data-themes/package.json b/packages/themes/core-themes/package.json similarity index 72% rename from packages/themes/data-themes/package.json rename to packages/themes/core-themes/package.json index 010d036d8f..123b288f1a 100644 --- a/packages/themes/data-themes/package.json +++ b/packages/themes/core-themes/package.json @@ -1,7 +1,7 @@ { - "name": "@salutejs/data-themes", - "version": "0.11.0", - "description": "Data-themes package", + "name": "@salutejs/core-themes", + "version": "0.12.0-dev.0", + "description": "Core-themes package", "author": "Salute Frontend Team <salute.developers@gmail.com>", "license": "MIT", "module": "build/esm/index.js", @@ -19,20 +19,12 @@ "access": "public" }, "files": [ - "data", - "css", - "vars", - "es", - "themes", - "index.d.ts", - "index.d.ts.map", - "index.js", - "index.js.map" + "build" ], "devDependencies": { - "@salutejs/plasma-tokens-utils": "0.42.0", - "@salutejs/plasma-typo": "0.40.0", + "@salutejs/plasma-tokens-utils": "0.43.0-dev.0", "@types/node": "16.7.13", + "jszip": "3.10.1", "ts-node": "10.2.1", "typescript": "4.2.4" }, @@ -42,4 +34,4 @@ "Vasiliy Loginevskiy" ], "sideEffects": false -} +} \ No newline at end of file diff --git a/packages/themes/core-themes/src/creators/createColorTokens.ts b/packages/themes/core-themes/src/creators/createColorTokens.ts new file mode 100644 index 0000000000..12bc79dc3b --- /dev/null +++ b/packages/themes/core-themes/src/creators/createColorTokens.ts @@ -0,0 +1,57 @@ +import { getRestoredColorFromPalette } from '@salutejs/plasma-tokens-utils'; + +import { ThemeMode, TokenType } from '../types'; +import { kebabToCamel } from '../utils'; + +const baseColor = ` color: var(--text-primary); + background-color: var(--background-primary);`; + +const getJSVariable = (tokenName: string, description?: string, value?: string) => { + const JSTokenName = kebabToCamel(tokenName.replace('-', '')); + const variable = value ? `var(${tokenName}, ${value})` : `var(${tokenName})`; + + return `/** ${description} */\nexport const ${JSTokenName} = '${variable}';\n`; +}; + +const getCSSVariable = (tokenName: string, value: string) => { + return ` ${tokenName}: ${value};`; +}; + +const getColor = (color: any, tokens: TokenType[], mode: ThemeMode, isJS = false) => + tokens + .filter((token) => token.tags[0] === mode) + .map((token) => { + const [, category, subcategory, name] = token.name.split('.'); + const tokenName = [subcategory === 'default' ? '-' : `--${subcategory}`, category, name].join('-'); + const value = color?.[token.name]; + + if (!value) { + return getJSVariable(tokenName, token.description, value); + } + + const restoredValue = getRestoredColorFromPalette(value, -1); + + if (isJS) { + return getJSVariable(tokenName, token.description, restoredValue); + } + + return getCSSVariable(tokenName, restoredValue); + }) + .join('\n'); + +export const createColorTokens = (color: any, tokens?: Array<TokenType>, isJS = false) => { + if (!tokens?.length) { + return { + dark: '', + light: '', + }; + } + + const darkColor = `${getColor(color, tokens, 'dark', isJS)}${isJS ? '' : `\n${baseColor}`}`; + const lightColor = `${getColor(color, tokens, 'light', isJS)}${isJS ? '' : `\n${baseColor}`}`; + + return { + dark: darkColor, + light: lightColor, + }; +}; diff --git a/packages/themes/core-themes/src/creators/createGradientTokens.ts b/packages/themes/core-themes/src/creators/createGradientTokens.ts new file mode 100644 index 0000000000..6f1c77fe0e --- /dev/null +++ b/packages/themes/core-themes/src/creators/createGradientTokens.ts @@ -0,0 +1,50 @@ +import { ThemeMode, TokenType } from '../types'; +import { kebabToCamel } from '../utils'; + +const getJSVariable = (tokenName: string, description?: string, value?: string) => { + const JSTokenName = kebabToCamel(tokenName.replace('-', '')); + const variable = value ? `var(${tokenName}, ${value})` : `var(${tokenName})`; + + return `/** ${description} */\nexport const ${JSTokenName} = '${variable}';\n`; +}; + +const getCSSVariable = (tokenName: string, value: string) => { + return ` ${tokenName}: ${value};`; +}; + +const getGradient = (gradient: any, tokens: TokenType[], mode: ThemeMode, isJS = false) => + tokens + .filter((token) => token.tags[0] === mode) + .map((token) => { + const [, category, subcategory, name] = token.name.split('.'); + const tokenName = [subcategory === 'default' ? '-' : `--${subcategory}`, category, name].join('-'); + const value = gradient?.[token.name]; + + if (!value) { + return getJSVariable(tokenName, token.description); + } + + if (isJS) { + return getJSVariable(tokenName, token.description, value); + } + + return getCSSVariable(tokenName, value); + }) + .join('\n'); + +export const createGradientTokens = (gradient: any, tokens?: Array<TokenType>, isJS = false) => { + if (!tokens?.length) { + return { + dark: '', + light: '', + }; + } + + const darkGradient = getGradient(gradient, tokens, 'dark', isJS); + const lightGradient = getGradient(gradient, tokens, 'light', isJS); + + return { + dark: darkGradient, + light: lightGradient, + }; +}; diff --git a/packages/themes/core-themes/src/creators/createShadowTokens.ts b/packages/themes/core-themes/src/creators/createShadowTokens.ts new file mode 100644 index 0000000000..cc0ee7fe6c --- /dev/null +++ b/packages/themes/core-themes/src/creators/createShadowTokens.ts @@ -0,0 +1,48 @@ +import { TokenType } from '../types'; +import { kebabToCamel } from '../utils'; + +const getJSVariable = (tokenName: string, description?: string, value?: string) => { + const JSTokenName = kebabToCamel(`shadow-${tokenName}`); + const variable = value ? `var(--shadow-${tokenName}, ${value})` : `var(--shadow-${tokenName})`; + + return `/** ${description} */\nexport const ${JSTokenName} = '${variable}';\n`; +}; + +const getCSSVariable = (tokenName: string, value: string[]) => { + return ` --shadow-${tokenName}: ${value.join(', ')};`; +}; + +const getShadow = (shadow: any, tokens: TokenType[], direction: 'down' | 'up', isJS = false) => + tokens + .filter((token) => token.tags[0] === direction) + .map((token) => { + const tokenName = token.name.split('.').join('-'); + const value = shadow?.[token.name]; + + if (!value) { + return getJSVariable(tokenName, token.description); + } + + if (isJS) { + return getJSVariable(tokenName, token.description, value); + } + + return getCSSVariable(tokenName, value); + }) + .join('\n'); + +export const createShadowTokens = (shadow: any, tokens?: Array<TokenType>, isJS = false) => { + if (!tokens?.length) { + return { + dark: '', + light: '', + }; + } + + const shadows = `${getShadow(shadow, tokens, 'down', isJS)}\n${getShadow(shadow, tokens, 'up', isJS)}`; + + return { + dark: shadows, + light: shadows, + }; +}; diff --git a/packages/themes/core-themes/src/creators/createShapeTokens.ts b/packages/themes/core-themes/src/creators/createShapeTokens.ts new file mode 100644 index 0000000000..e7546e367f --- /dev/null +++ b/packages/themes/core-themes/src/creators/createShapeTokens.ts @@ -0,0 +1,48 @@ +import { TokenType } from '../types'; +import { kebabToCamel } from '../utils'; + +const getJSVariable = (tokenName: string, description?: string, value?: string) => { + const JSTokenName = kebabToCamel(`border-radius-${tokenName}`); + const variable = value ? `var(--border-radius-${tokenName}, ${value})` : `var(--border-radius-${tokenName})`; + + return `/** ${description} */\nexport const ${JSTokenName} = '${variable}';\n`; +}; + +const getCSSVariable = (tokenName: string, value: string) => { + return ` --border-radius-${tokenName}: ${value};`; +}; + +const getShape = (shape: any, tokens: TokenType[], kind: 'round', isJS = false) => + tokens + .filter((token) => token.tags[0] === kind) + .map((token) => { + const [, size] = token.name.split('.'); + const value = shape?.[token.name]; + + if (!value) { + return getJSVariable(size, token.description); + } + + if (isJS) { + return getJSVariable(size, token.description, value); + } + + return getCSSVariable(size, value); + }) + .join('\n'); + +export const createShapeTokens = (shape: any, tokens?: Array<TokenType>, isJS = false) => { + if (!tokens?.length) { + return { + dark: '', + light: '', + }; + } + + const roundShape = getShape(shape, tokens, 'round', isJS); + + return { + dark: roundShape, + light: roundShape, + }; +}; diff --git a/packages/themes/core-themes/src/creators/createTypographyTokens.ts b/packages/themes/core-themes/src/creators/createTypographyTokens.ts new file mode 100644 index 0000000000..0316f01130 --- /dev/null +++ b/packages/themes/core-themes/src/creators/createTypographyTokens.ts @@ -0,0 +1,159 @@ +import { TokenType } from '../types'; +import { kebabToCamel } from '../utils'; + +const fontMap: Record<string, string> = { + display: 'var(--plasma-typo-display-font-family)', + body: 'var(--plasma-typo-body-font-family)', + header: 'var(--plasma-typo-header-font-family)', + text: 'var(--plasma-typo-text-font-family)', +}; + +const formattedTokenName = (nameParts: string[]) => { + const nameMap: Record<string, string> = { + display: 'dspl', + text: 'text', + body: 'body', + }; + + const tokenName = [...nameParts]; + tokenName[0] = nameMap[tokenName[0]]; + tokenName[2] = tokenName[2] === 'bold' ? 'bold' : ''; + + return tokenName.filter(Boolean).join('-'); +}; + +const geBaseFonts = (display: string, body: string, header: string, text: string) => ` font-size: 16px; + --plasma-typo-overflow-wrap: break-word; + --plasma-typo-hyphens: auto; + --plasma-typo-display-font-family: '${display}', sans-serif; + --plasma-typo-body-font-family: '${body}', sans-serif; + --plasma-typo-header-font-family: '${header}', sans-serif; + --plasma-typo-text-font-family: '${text}', sans-serif;`; + +const getTypographyBase = (typography: any, fontFamily: any, tokens: TokenType[], size: 'screen-s') => { + const fonts = tokens + .filter((token) => token.tags[0] === size) + .reduce((acc: Record<string, string>, token) => { + const [, ...rest] = token.name.split('.'); + const kind = rest[0]; + const value = typography?.[token.name]; + + if (acc[kind] || !value) { + return acc; + } + + const fontFamilyRef = fontFamily?.[value.fontFamilyRef.split('.')[1]].name; + + return { + [kind]: fontFamilyRef, + ...acc, + }; + }, {}); + + return geBaseFonts(fonts.display, fonts.body, fonts.header, fonts.text); +}; + +const getTypographyRoot = (typography: any, tokens: TokenType[], size: 'screen-s') => + tokens + .filter((token) => token.tags[0] === size) + .map((token) => { + const [, ...rest] = token.name.split('.'); + const tokenName = formattedTokenName(rest); + const value = typography?.[token.name]; + + if (!value) { + return ''; + } + + const fontFamily = fontMap[value.fontFamilyRef.split('.')[1]]; + const { letterSpacing, fontStyle } = value; + + return ` --plasma-typo-${tokenName}-font-family: ${fontFamily}; + --plasma-typo-${tokenName}-letter-spacing: ${letterSpacing}; + --plasma-typo-${tokenName}-font-style: ${fontStyle};`; + }) + .join('\n'); + +const getJSVariable = (tokenName: string, description?: string) => { + // INFO: Приведение размера Xs+ в верхний регистр для сохранения обратной совместимости + const JSTokenName = kebabToCamel(tokenName).replace(/(Xx*s)/gm, (_, group) => group.toUpperCase()); + + return `/** ${description} */ +export const ${JSTokenName} = { + fontFamily: 'var(--plasma-typo-${tokenName}-font-family)', + fontSize: 'var(--plasma-typo-${tokenName}-font-size)', + fontStyle: 'var(--plasma-typo-${tokenName}-font-style)', + fontWeight: 'var(--plasma-typo-${tokenName}-font-weight)', + letterSpacing: 'var(--plasma-typo-${tokenName}-letter-spacing)', + lineHeight: 'var(--plasma-typo-${tokenName}-line-height)', +}; +`; +}; + +const getCSSVariable = (tokenName: string, value: any) => { + return ` --plasma-typo-${tokenName}-font-size: ${value.fontSize}; + --plasma-typo-${tokenName}-font-weight: ${value.fontWeight}; + --plasma-typo-${tokenName}-line-height: ${value.lineHeight};`; +}; + +const getResponsiveTypography = ( + typography: any, + tokens: TokenType[], + size: 'screen-s' | 'screen-m' | 'screen-l', + isJS = false, +) => + tokens + .filter((token) => token.tags[0] === size) + .map((token) => { + const [, ...rest] = token.name.split('.'); + const tokenName = formattedTokenName(rest); + const value = typography?.[token.name]; + + if (isJS || !value) { + return getJSVariable(tokenName, token.description); + } + + return getCSSVariable(tokenName, value); + }) + .join('\n'); + +export const createTypographyTokens = (typography: any, fontFamily: any, tokens?: Array<TokenType>, isJS = false) => { + if (!tokens?.length) { + return { + dark: { + root: '', + screenS: '', + screenM: '', + screenL: '', + }, + light: { + root: '', + screenS: '', + screenM: '', + screenL: '', + }, + }; + } + + const rootTypography = `${getTypographyBase(typography, fontFamily, tokens, 'screen-s')}\n${getTypographyRoot( + typography, + tokens, + 'screen-s', + )}`; + + const screenSTypography = getResponsiveTypography(typography, tokens, 'screen-s', isJS); + const screenMTypography = getResponsiveTypography(typography, tokens, 'screen-m', isJS); + const screenLTypography = getResponsiveTypography(typography, tokens, 'screen-l', isJS); + + const data = { + root: rootTypography, + screenS: screenSTypography, + screenM: screenMTypography, + screenL: screenLTypography, + }; + + return { + dark: data, + light: data, + }; +}; diff --git a/packages/themes/core-themes/src/creators/index.ts b/packages/themes/core-themes/src/creators/index.ts new file mode 100644 index 0000000000..d8920a5fac --- /dev/null +++ b/packages/themes/core-themes/src/creators/index.ts @@ -0,0 +1,5 @@ +export { createColorTokens } from './createColorTokens'; +export { createGradientTokens } from './createGradientTokens'; +export { createShadowTokens } from './createShadowTokens'; +export { createShapeTokens } from './createShapeTokens'; +export { createTypographyTokens } from './createTypographyTokens'; diff --git a/packages/themes/core-themes/src/generate.ts b/packages/themes/core-themes/src/generate.ts new file mode 100644 index 0000000000..5fc437402f --- /dev/null +++ b/packages/themes/core-themes/src/generate.ts @@ -0,0 +1,111 @@ +import fs from 'fs'; + +import { ThemeRequest } from './types'; +import { + createColorTokens, + createGradientTokens, + createShadowTokens, + createShapeTokens, + createTypographyTokens, +} from './creators'; +import { + generateCSSThemes, + generateCSSModuleThemes, + generateDefaultTokens, + generateRootIndex, + generateThemes, + generateTokens, +} from './generators'; +import { getMetaGrouped, readTheme } from './utils'; + +export const generate = async (themes: ThemeRequest[]) => { + const themeDir = 'src'; + fs.existsSync(themeDir) || fs.mkdirSync(themeDir); + const isJS = true; + + for (const theme of themes) { + // eslint-disable-next-line no-await-in-loop + const themeSource = await readTheme(theme.name, theme.version); + const { meta, variations } = themeSource; + const metaGrouped = getMetaGrouped(themeSource.meta); + + const colorCSSVariables = createColorTokens(variations.color, metaGrouped.color); + const colorJSVariables = createColorTokens(variations.color, metaGrouped.color, isJS); + + const gradientCSSVariables = createGradientTokens(variations.gradient, metaGrouped.gradient); + const gradientJSVariables = createGradientTokens(variations.gradient, metaGrouped.gradient, isJS); + + const shapeCSSVariables = createShapeTokens(variations.shape, metaGrouped.shape); + const shapeJSVariables = createShapeTokens(variations.shape, metaGrouped.shape, isJS); + + const shadowCSSVariables = createShadowTokens(variations.shadow, metaGrouped.shadow); + const shadowJSVariables = createShadowTokens(variations.shadow, metaGrouped.shadow, isJS); + + const typographyCSSVariables = createTypographyTokens( + variations.typography, + variations.fontFamily, + metaGrouped.typography, + ); + const typographyJSVariables = createTypographyTokens( + variations.typography, + variations.fontFamily, + metaGrouped.typography, + true, + ); + + const cssVariables = { + dark: { + colorTokens: colorCSSVariables.dark, + gradientTokens: gradientCSSVariables.dark, + shadowTokens: shadowCSSVariables.dark, + shapeTokens: shapeCSSVariables.dark, + typographyTokens: typographyCSSVariables.dark, + }, + light: { + colorTokens: colorCSSVariables.light, + gradientTokens: gradientCSSVariables.light, + shadowTokens: shadowCSSVariables.light, + shapeTokens: shapeCSSVariables.light, + typographyTokens: typographyCSSVariables.light, + }, + }; + + generateThemes(themeDir, meta.name, cssVariables); + + generateCSSThemes(themeDir, meta.name, cssVariables); + + generateCSSModuleThemes(themeDir, meta.name, cssVariables); + + generateTokens(themeDir, meta.name, { + colorTokens: colorJSVariables.dark, + gradientTokens: gradientJSVariables.dark, + shadowTokens: shadowJSVariables.dark, + shapeTokens: shapeJSVariables.dark, + typographyTokens: typographyJSVariables.dark, + }); + } + + const themeDefault = await readTheme('default', 'latest'); + const metaGroupedDefault = getMetaGrouped(themeDefault.meta); + + const colorDefaultJSVariables = createColorTokens(undefined, metaGroupedDefault.color, isJS).dark; + const gradientDefaultJSVariables = createGradientTokens(undefined, metaGroupedDefault.gradient, isJS).dark; + const shapeDefaultJSVariables = createShapeTokens(undefined, metaGroupedDefault.shape, isJS).dark; + const shadowDefaultJSVariables = createShadowTokens(undefined, metaGroupedDefault.shadow, isJS).dark; + const typographyDefaultJSVariables = createTypographyTokens( + undefined, + undefined, + metaGroupedDefault.typography, + true, + ).dark; + + generateDefaultTokens(themeDir, { + colorTokens: colorDefaultJSVariables, + gradientTokens: gradientDefaultJSVariables, + shadowTokens: shadowDefaultJSVariables, + shapeTokens: shapeDefaultJSVariables, + typographyTokens: typographyDefaultJSVariables, + }); + + generateRootIndex(themeDir); +}; diff --git a/packages/themes/core-themes/src/generators/generateCSSModuleThemes.ts b/packages/themes/core-themes/src/generators/generateCSSModuleThemes.ts new file mode 100644 index 0000000000..84439f976f --- /dev/null +++ b/packages/themes/core-themes/src/generators/generateCSSModuleThemes.ts @@ -0,0 +1,42 @@ +import path from 'path'; +import { writeGeneratedToFS } from '@salutejs/plasma-tokens-utils'; +import { generateCommonFile } from '@salutejs/plasma-tokens-utils/lib/generators/generateFile'; + +import { GENERATE_MESSAGE_FOR_CSS, ThemeContent, webBreakpoints } from '../types'; +import { getBreakpointSelector, getSelector } from '../utils'; + +export const generateCSSModuleThemes = (srcDir: string, themeName: string, themeContent: ThemeContent) => { + const themesDir = path.join(srcDir, 'css'); + const { screenS, screenM, screenL } = webBreakpoints; + + const darkSelector = '.dark'; + const lightSelector = '.light'; + const groupSelector = [darkSelector, lightSelector].join(', '); + + const darkContent = [ + getSelector(themeContent.dark.colorTokens, darkSelector), + getSelector(themeContent.dark.gradientTokens, darkSelector), + ].join('\n'); + + const lightContent = [ + getSelector(themeContent.dark.colorTokens, lightSelector), + getSelector(themeContent.dark.gradientTokens, lightSelector), + ].join('\n'); + + const breakpointContent = [ + getSelector(themeContent.dark.shadowTokens, groupSelector), + getSelector(themeContent.dark.shapeTokens, groupSelector), + getSelector(themeContent.dark.typographyTokens.root, groupSelector), + getBreakpointSelector(themeContent.dark.typographyTokens.screenS, screenS.from, screenS.to, groupSelector), + getBreakpointSelector(themeContent.dark.typographyTokens.screenM, screenM.from, screenM.to, groupSelector), + getBreakpointSelector(themeContent.dark.typographyTokens.screenL, screenL.from, screenL.to, groupSelector), + ].join('\n'); + + const file = generateCommonFile( + `${themeName}.module`, + 'css', + [darkContent, lightContent, breakpointContent].join('\n'), + ); + + writeGeneratedToFS(themesDir, [file], GENERATE_MESSAGE_FOR_CSS); +}; diff --git a/packages/themes/core-themes/src/generators/generateCSSThemes.ts b/packages/themes/core-themes/src/generators/generateCSSThemes.ts new file mode 100644 index 0000000000..52aa0bd556 --- /dev/null +++ b/packages/themes/core-themes/src/generators/generateCSSThemes.ts @@ -0,0 +1,32 @@ +import path from 'path'; +import { writeGeneratedToFS } from '@salutejs/plasma-tokens-utils'; +import { generateCommonFile } from '@salutejs/plasma-tokens-utils/lib/generators/generateFile'; + +import { GENERATE_MESSAGE_FOR_CSS, ThemeContent, ThemeMode, webBreakpoints } from '../types'; +import { getBreakpointSelector, getSelector } from '../utils'; + +export const generateCSSThemes = (srcDir: string, themeName: string, themeContent: ThemeContent) => { + const themesDir = path.join(srcDir, 'css'); + const { screenS, screenM, screenL } = webBreakpoints; + + const getContent = (themeMode: ThemeMode) => + [ + getSelector(themeContent[themeMode].colorTokens), + getSelector(themeContent[themeMode].gradientTokens), + getSelector(themeContent[themeMode].shadowTokens), + getSelector(themeContent[themeMode].shapeTokens), + getSelector(themeContent[themeMode].typographyTokens.root), + getBreakpointSelector(themeContent[themeMode].typographyTokens.screenS, screenS.from), + getBreakpointSelector(themeContent[themeMode].typographyTokens.screenM, screenM.from, screenM.to), + getBreakpointSelector(themeContent[themeMode].typographyTokens.screenL, screenL.from, screenL.to), + ].join('\n'); + + writeGeneratedToFS( + themesDir, + [ + generateCommonFile(`${themeName}__dark`, 'css', getContent('dark')), + generateCommonFile(`${themeName}__light`, 'css', getContent('light')), + ], + GENERATE_MESSAGE_FOR_CSS, + ); +}; diff --git a/packages/themes/core-themes/src/generators/generateDefaultTokens.ts b/packages/themes/core-themes/src/generators/generateDefaultTokens.ts new file mode 100644 index 0000000000..325958e3c4 --- /dev/null +++ b/packages/themes/core-themes/src/generators/generateDefaultTokens.ts @@ -0,0 +1,19 @@ +import path from 'path'; +import { writeGeneratedToFS } from '@salutejs/plasma-tokens-utils'; +import { generateCommonFile } from '@salutejs/plasma-tokens-utils/lib/generators/generateFile'; + +import { ThemeContent } from '../types'; + +export const generateDefaultTokens = (srcDir: string, themeContent: ThemeContent['dark']) => { + const themesDir = path.join(srcDir, 'tokens'); + + const content = [ + themeContent.colorTokens, + themeContent.gradientTokens, + themeContent.shadowTokens, + themeContent.shapeTokens, + themeContent.typographyTokens.screenS, + ].join('\n'); + + writeGeneratedToFS(themesDir, [generateCommonFile('index', 'ts', content)]); +}; diff --git a/packages/themes/data-themes/src/creators/createRootIndex.ts b/packages/themes/core-themes/src/generators/generateRootIndex.ts similarity index 84% rename from packages/themes/data-themes/src/creators/createRootIndex.ts rename to packages/themes/core-themes/src/generators/generateRootIndex.ts index bfd70eb778..75ad7cb919 100644 --- a/packages/themes/data-themes/src/creators/createRootIndex.ts +++ b/packages/themes/core-themes/src/generators/generateRootIndex.ts @@ -2,7 +2,7 @@ import fs from 'fs'; import path from 'path'; import { ROBO_COMMENT } from '@salutejs/plasma-tokens-utils'; -export const createRootIndex = (srcDir: string) => { +export const generateRootIndex = (srcDir: string) => { const rootIndexTsDir = path.join(srcDir, 'index.ts'); const indexTsContent = `${ROBO_COMMENT}export * from './themes'; diff --git a/packages/themes/core-themes/src/generators/generateThemes.ts b/packages/themes/core-themes/src/generators/generateThemes.ts new file mode 100644 index 0000000000..dbd22ec8a1 --- /dev/null +++ b/packages/themes/core-themes/src/generators/generateThemes.ts @@ -0,0 +1,32 @@ +import path from 'path'; +import { writeGeneratedToFS, generateFile } from '@salutejs/plasma-tokens-utils'; +import { generateCommonFile } from '@salutejs/plasma-tokens-utils/lib/generators/generateFile'; + +import { ThemeContent, ThemeMode, webBreakpoints } from '../types'; +import { getBreakpointSelector, getSelector } from '../utils'; + +export const generateThemes = (srcDir: string, themeName: string, themeContent: ThemeContent) => { + const themesDir = path.join(srcDir, 'themes'); + const { screenS, screenM, screenL } = webBreakpoints; + + const indexFile = `export { ${themeName}__dark } from './${themeName}__dark'; +export { ${themeName}__light } from './${themeName}__light';\n`; + + const getContent = (themeMode: ThemeMode) => + [ + getSelector(themeContent[themeMode].colorTokens), + getSelector(themeContent[themeMode].gradientTokens), + getSelector(themeContent[themeMode].shadowTokens), + getSelector(themeContent[themeMode].shapeTokens), + getSelector(themeContent[themeMode].typographyTokens.root), + getBreakpointSelector(themeContent[themeMode].typographyTokens.screenS, screenS.from), + getBreakpointSelector(themeContent[themeMode].typographyTokens.screenM, screenM.from, screenM.to), + getBreakpointSelector(themeContent[themeMode].typographyTokens.screenL, screenL.from, screenL.to), + ].join('\n'); + + writeGeneratedToFS(themesDir, [ + generateFile(`${themeName}__dark`, `[\`${getContent('dark')}\`] as unknown as TemplateStringsArray`), + generateFile(`${themeName}__light`, `[\`${getContent('light')}\`] as unknown as TemplateStringsArray`), + generateCommonFile('index', 'ts', indexFile), + ]); +}; diff --git a/packages/themes/core-themes/src/generators/generateTokens.ts b/packages/themes/core-themes/src/generators/generateTokens.ts new file mode 100644 index 0000000000..508e1b5112 --- /dev/null +++ b/packages/themes/core-themes/src/generators/generateTokens.ts @@ -0,0 +1,23 @@ +import path from 'path'; +import fs from 'fs'; +import { writeGeneratedToFS } from '@salutejs/plasma-tokens-utils'; +import { generateCommonFile } from '@salutejs/plasma-tokens-utils/lib/generators/generateFile'; + +import { ThemeContent } from '../types'; + +export const generateTokens = (srcDir: string, themeName: string, themeContent: ThemeContent['dark']) => { + const themesDir = path.join(srcDir, 'tokens'); + fs.existsSync(themesDir) || fs.mkdirSync(themesDir); + + const themeDir = path.join(themesDir, themeName); + + const content = [ + themeContent.colorTokens, + themeContent.gradientTokens, + themeContent.shadowTokens, + themeContent.shapeTokens, + themeContent.typographyTokens.screenS, + ].join('\n'); + + writeGeneratedToFS(themeDir, [generateCommonFile('index', 'ts', content)]); +}; diff --git a/packages/themes/core-themes/src/generators/index.ts b/packages/themes/core-themes/src/generators/index.ts new file mode 100644 index 0000000000..09b74df268 --- /dev/null +++ b/packages/themes/core-themes/src/generators/index.ts @@ -0,0 +1,6 @@ +export { generateCSSThemes } from './generateCSSThemes'; +export { generateCSSModuleThemes } from './generateCSSModuleThemes'; +export { generateDefaultTokens } from './generateDefaultTokens'; +export { generateRootIndex } from './generateRootIndex'; +export { generateThemes } from './generateThemes'; +export { generateTokens } from './generateTokens'; diff --git a/packages/themes/data-themes/src/index.ts b/packages/themes/core-themes/src/index.ts similarity index 100% rename from packages/themes/data-themes/src/index.ts rename to packages/themes/core-themes/src/index.ts diff --git a/packages/themes/core-themes/src/types/constants.ts b/packages/themes/core-themes/src/types/constants.ts new file mode 100644 index 0000000000..dff5918470 --- /dev/null +++ b/packages/themes/core-themes/src/types/constants.ts @@ -0,0 +1,16 @@ +export const GENERATE_MESSAGE_FOR_CSS = '/* Generated by robots, do not change this manually! */\n'; + +export const webBreakpoints = { + screenS: { + from: 559, + to: undefined, + }, + screenM: { + from: 560, + to: 959, + }, + screenL: { + from: undefined, + to: 960, + }, +}; diff --git a/packages/themes/core-themes/src/types/index.ts b/packages/themes/core-themes/src/types/index.ts new file mode 100644 index 0000000000..3165016357 --- /dev/null +++ b/packages/themes/core-themes/src/types/index.ts @@ -0,0 +1,2 @@ +export * from './theme'; +export * from './constants'; diff --git a/packages/themes/core-themes/src/types/theme.ts b/packages/themes/core-themes/src/types/theme.ts new file mode 100644 index 0000000000..00ddc64b54 --- /dev/null +++ b/packages/themes/core-themes/src/types/theme.ts @@ -0,0 +1,66 @@ +export type MetaGrouped = Partial<Record<TokenType['type'], Array<TokenType>>>; + +export interface ThemeRequest { + name: string; + version: string; +} + +export interface ThemeSource { + meta: ThemeMeta; + variations: Record<Variation, any>; +} + +// INFO: Типы частично скопированы из репозитория plasma/website/plasma-theme-builder + +export interface Variations< + T1 extends any = any, + T2 extends any = any, + T3 extends any = any, + T4 extends any = any, + T5 extends any = any, + T6 extends any = any +> { + color: T1; + gradient: T2; + shape: T4; + shadow: T3; + typography: T5; + fontFamily: T6; +} + +export type Variation = keyof Variations; + +export interface ThemeMeta { + name: string; + version: string; + tokens: Array<TokenType>; +} + +export interface TokenType { + type: Variation; + name: string; + tags: Array<string>; + displayName: string; + description?: string; + enabled: boolean; +} + +export interface TokensContent { + colorTokens: string; + gradientTokens: string; + shapeTokens: string; + shadowTokens: string; + typographyTokens: { + root: string; + screenS: string; + screenM: string; + screenL: string; + }; +} + +export interface ThemeContent { + dark: TokensContent; + light: TokensContent; +} + +export type ThemeMode = 'dark' | 'light'; diff --git a/packages/themes/core-themes/src/utils/index.ts b/packages/themes/core-themes/src/utils/index.ts new file mode 100644 index 0000000000..7469a937f4 --- /dev/null +++ b/packages/themes/core-themes/src/utils/index.ts @@ -0,0 +1,3 @@ +export * from './meta'; +export * from './theme'; +export * from './other'; diff --git a/packages/themes/core-themes/src/utils/meta.ts b/packages/themes/core-themes/src/utils/meta.ts new file mode 100644 index 0000000000..06a9164879 --- /dev/null +++ b/packages/themes/core-themes/src/utils/meta.ts @@ -0,0 +1,17 @@ +import { MetaGrouped, ThemeMeta } from '../types'; + +export const getMetaGrouped = (meta: ThemeMeta) => { + const metaWithEnabledTokens = { + ...meta, + tokens: meta.tokens.filter((token) => token.enabled), + }; + + const metaGrouped = metaWithEnabledTokens.tokens.reduce((acc, token) => { + return { + ...acc, + [token.type]: [...(acc[token.type] || []), token], + }; + }, {} as MetaGrouped); + + return metaGrouped; +}; diff --git a/packages/themes/core-themes/src/utils/other.ts b/packages/themes/core-themes/src/utils/other.ts new file mode 100644 index 0000000000..829cbfc14a --- /dev/null +++ b/packages/themes/core-themes/src/utils/other.ts @@ -0,0 +1,2 @@ +export const kebabToCamel = (str: string) => + str.replace(/-([a-z])/g, (_, group) => group.toUpperCase()).replace(/^./, (char) => char.toLowerCase()); diff --git a/packages/themes/core-themes/src/utils/theme.ts b/packages/themes/core-themes/src/utils/theme.ts new file mode 100644 index 0000000000..d1508e0faf --- /dev/null +++ b/packages/themes/core-themes/src/utils/theme.ts @@ -0,0 +1,109 @@ +// INFO: Файл частично скопирован из репозитория plasma/website/plasma-theme-builder + +import JSZip from 'jszip'; +import { getMediaQuery } from '@salutejs/plasma-tokens-utils'; + +import { ThemeMeta, Variation } from '../types'; + +const deserializeZip = (content: string) => { + const buf = Buffer.from(content, 'base64'); + + return JSZip.loadAsync(buf); +}; + +const getAllRelativePath = async (zip: JSZip) => { + const allFiles: Array<string> = []; + + zip.forEach((relativePath) => { + allFiles.push(relativePath); + }); + + return allFiles; +}; + +const getThemeContent = async (zip: JSZip, allFiles: Array<string>) => { + let meta = {} as ThemeMeta; + let variations = {} as Record<Variation, any>; + + for (const relativePath of allFiles) { + // eslint-disable-next-line no-await-in-loop + const data = await zip.file(relativePath)?.async('string'); + + if (!data) { + // eslint-disable-next-line no-continue + continue; + } + + const res = JSON.parse(data); + + const [, platform, variant] = relativePath.match(/\/(.*)_(.*)\.json/im) || []; + + if (!platform || !variant) { + meta = res; + // eslint-disable-next-line no-continue + continue; + } + + if (platform !== 'web') { + // eslint-disable-next-line no-continue + continue; + } + + variations = { + ...variations, + [variant]: { + ...variations[variant as Variation], + ...res, + }, + }; + } + + return { meta, variations }; +}; + +const getFileSource = async (owner: string, repo: string, path: string, branchName?: string) => { + const result = await fetch(`https://api.github.com/repos/${owner}/${repo}/contents/${path}?ref=${branchName}`, { + headers: { + accept: 'application/vnd.github.v3.full', + }, + method: 'GET', + }); + + const data = await result.json(); + + return data; +}; + +export const readTheme = async (themeName: string, themeVersion: string) => { + const response = await getFileSource( + 'salute-developers', + 'theme-converter', + `themes/${themeName}/${themeVersion}.zip`, + 'main', + ); + + const zip = await deserializeZip(response.content); + + const allFiles = await getAllRelativePath(zip); + + const result = await getThemeContent(zip, allFiles); + + return result; +}; + +export const getSelector = (content: string, selector = ':root') => ` +${selector} { +${content} +}`; + +export const getBreakpointSelector = (content: string, from?: number, to?: number, selector = ':root') => { + const indent = ' '; + const mediaQuery = getMediaQuery(from, to); + + return ` +${mediaQuery} { + ${selector} { +${content.replace(/ {2}/gim, indent)} + } +}`; +}; diff --git a/packages/themes/data-themes/tsconfig.es.json b/packages/themes/core-themes/tsconfig.es.json similarity index 100% rename from packages/themes/data-themes/tsconfig.es.json rename to packages/themes/core-themes/tsconfig.es.json diff --git a/packages/themes/data-themes/tsconfig.json b/packages/themes/core-themes/tsconfig.json similarity index 97% rename from packages/themes/data-themes/tsconfig.json rename to packages/themes/core-themes/tsconfig.json index 6fa690d910..5ff877f361 100644 --- a/packages/themes/data-themes/tsconfig.json +++ b/packages/themes/core-themes/tsconfig.json @@ -34,5 +34,6 @@ "forceConsistentCasingInFileNames": true, "outDir": "./build/cjs", "rootDir": "./src" - } + }, + "include": ["./src"] } diff --git a/packages/themes/data-themes/CHANGELOG.md b/packages/themes/data-themes/CHANGELOG.md deleted file mode 100644 index 9f801eecb0..0000000000 --- a/packages/themes/data-themes/CHANGELOG.md +++ /dev/null @@ -1,706 +0,0 @@ -# v0.11.0 (Thu May 30 2024) - -### Release Notes - -#### Release by 29.05.2024 ([#1222](https://github.com/salute-developers/plasma/pull/1222)) - -## Components - -### Calendar - -- добавлен пропс для включения/исключения минимума и максимума диапазона дат - -feat: add calendar edge dates control (https://github.com/salute-developers/plasma/pull/1203) - -### Slider - -- добавлен компонент Slider - -feat(plasma-new-hope): add slider component (https://github.com/salute-developers/plasma/pull/1194) - -### Textarea - -- изменен `padding` для `label` - -fix(plasma-*): Fix padding on textarea (https://github.com/salute-developers/plasma/pull/1209) - -### Range - -- включен в поставку `plasma-{b2c,web} / sdds-serv` -- написаны тесты и документация - -feat: Add range component (https://github.com/salute-developers/plasma/pull/1208) - -### IconButton - -- включен в поставку `sdds-serv` -- добавлена документация в `sdds-serv-docs` - -feat(sdds-serv): add icon button (https://github.com/salute-developers/plasma/pull/1214) - -### Tabs - -- добавлен корректный проброс `className` в `Tab` и `TabItem` -- поправлена документация для `Tab` и `Segment` - -#### ДО: - -![image](https://github.com/salute-developers/plasma/assets/40370966/797f897d-95cc-4114-b54a-8629b281b2c7) -![image](https://github.com/salute-developers/plasma/assets/40370966/8a0e6de3-f6cd-4e7b-b87b-a1a26b5dd4e7) - -#### ПОСЛЕ: - -![image](https://github.com/salute-developers/plasma/assets/40370966/9dd690cc-e8ed-4623-baa0-52e1f22cf71c) -![image](https://github.com/salute-developers/plasma/assets/40370966/0c8bb69e-b2d3-4ae9-aed4-2fd4c4b5bd9b) - -feat(plasma-new-hope): fix tabs styles (https://github.com/salute-developers/plasma/pull/1220) - -### Button - -- добавлено отображение `value` -- исправлены внутренние отступы от `contentLeft`, `contentRight` -- дополнены тесты и документация -- исправлены тесты, зависящие от `Button: Notification, Pagination, Toast, Toolbar` -- добавлен токен переопределения цвета `value` в `ButtonGroup` - -feat: add button value (https://github.com/salute-developers/plasma/pull/1213) - - -## Tokens - -### Tokens - -- добавлены токены прозрачности для positive, warning, negative цветов -- добавлены токены с active, hover модификаторами - -tokens: add surface transparent tokens to sdds (https://github.com/salute-developers/plasma/pull/1206) - - -## Misc - -### Checkbox/Radiobox - -- исправлен types компонентов для библиотек `plasma-asdk`, `sdds-serv` и `caldera-online` - -Fix checkbox types (https://github.com/salute-developers/plasma/pull/1217) - ---- - -#### 🚀 Enhancement - -- Release by 29.05.2024 [#1222](https://github.com/salute-developers/plasma/pull/1222) ([@TitanKuzmich](https://github.com/TitanKuzmich) [@Salute-Eva](https://github.com/Salute-Eva) [@akhdrv](https://github.com/akhdrv) [@Yakutoc](https://github.com/Yakutoc) [@iljs](https://github.com/iljs)) -- feat(themes): add surface transparent tokens to sdds [#1206](https://github.com/salute-developers/plasma/pull/1206) ([@TitanKuzmich](https://github.com/TitanKuzmich)) - -#### 🐛 Bug Fix - -- Update package-lock.json files ([@Salute-Eva](https://github.com/Salute-Eva)) -- Update versions ([@Salute-Eva](https://github.com/Salute-Eva)) - -#### Authors: 5 - -- [@iljs](https://github.com/iljs) -- [@Salute-Eva](https://github.com/Salute-Eva) -- Alex Czech ([@Yakutoc](https://github.com/Yakutoc)) -- Artem Khaydarov ([@akhdrv](https://github.com/akhdrv)) -- Krivonos Aleksandr ([@TitanKuzmich](https://github.com/TitanKuzmich)) - ---- - -# v0.10.0 (Thu Apr 25 2024) - -### Release Notes - -#### Release by 24.04.2024 ([#1196](https://github.com/salute-developers/plasma/pull/1196)) - -## Components - -### Tooltip - -- исправлено позиционирование стрелочки -- добавлен тест на много-строчный сценарий - -#### Before: - -![image](https://github.com/salute-developers/plasma/assets/40370966/230bbda5-2c2f-4628-b5b4-7a7a14ffc2c9) - -#### After: - -![image](https://github.com/salute-developers/plasma/assets/40370966/6c142730-0b4b-47de-a64d-1c6ad2c4fc77) - -fix(plasma-new-hope): fix tooltip arrow placing (https://github.com/salute-developers/plasma/pull/1171) - -### Radiobox - -- расширен пример в `stories` с учетом `a11y` возможностей - -plasma-new-hope(radiobox): Improved a11y (https://github.com/salute-developers/plasma/pull/1188) - -### Storybook - -- исправлено некорректное поведение свойства `placement` -- исправлено свойство `enableContentLeft` и `enableContentRight` в TextField - -feat(plasma-new-hope, b2c, web, sdds): Fix storybook argTypes (https://github.com/salute-developers/plasma/pull/1182) - -### Avatar - -- добавлен `aria-label` -- расширены примеры с доступностью - -plasma-new-hope(avatar): Refactoring + a11y (https://github.com/salute-developers/plasma/pull/1180) - -### Chip - -- удален лишнее свойство `hasClear` из примера в `story` -- заменены со старого формата на новый токены в конфигурации (без приставки `--plasma-colors`) -- добавлена недостающие свойство `view=accent` -- обновлены `cypress snapshots` - -fix: remove extra chip prop in stories (https://github.com/salute-developers/plasma/pull/1179) - -## Colors - -- добавлены файлы фирменной палитры в формате `.json` -- добавлена директория `src` в gitignore, т.к. теперь его содержимое генерируется автоматически на основе `.json` - -feat(plasma-color): Add generate color palette from json (https://github.com/salute-developers/plasma/pull/1172) - -## Infra - -### Audit vulnerabilities - -- исправлены все уязвимости в клиентских пакетах (аля `plasma-web`) -- обновлен до `vite@4.5.3` -- обновлен `@babel` и его зависимости до latest -- заменен `babel-plugin-transform-class-properties` на `@babel/plugin-transform-class-properties` - -### `@salutejs/plasma-sb-utils` - -- обновлены `TS` до 4.2.4 -- обновлен `@storybook/react` до 7.6.17 -- исправлены все уязвимости -- поправлены мелкие ошибки в типах - -plasma-infra(sb-utils): Update dependencies versions (https://github.com/salute-developers/plasma/pull/1178) - ---- - -#### 🚀 Enhancement - -- Release by 24.04.2024 [#1196](https://github.com/salute-developers/plasma/pull/1196) ([@Yakutoc](https://github.com/Yakutoc) [@TitanKuzmich](https://github.com/TitanKuzmich) [@Salute-Eva](https://github.com/Salute-Eva) [@neretin-trike](https://github.com/neretin-trike) [@shuga2704](https://github.com/shuga2704)) - -#### 🐛 Bug Fix - -- Update package-lock.json files ([@Salute-Eva](https://github.com/Salute-Eva)) -- Update versions ([@Salute-Eva](https://github.com/Salute-Eva)) -- chore: Update package-lock.json files \[skip ci\] ([@Salute-Eva](https://github.com/Salute-Eva)) - -#### Authors: 5 - -- [@Salute-Eva](https://github.com/Salute-Eva) -- Alex Czech ([@Yakutoc](https://github.com/Yakutoc)) -- Dima Shugaev ([@shuga2704](https://github.com/shuga2704)) -- Krivonos Aleksandr ([@TitanKuzmich](https://github.com/TitanKuzmich)) -- neretinaa ([@neretin-trike](https://github.com/neretin-trike)) - ---- - -# v0.9.0 (Thu Apr 11 2024) - -### Release Notes - -#### Release by 10.04.2024 ([#1175](https://github.com/salute-developers/plasma/pull/1175)) - -## Components - -### Dropdown - -- добавлена прослойка для dropdown в `b2c` и `web` (работает на старом api и с dropdown из new-hope) - - -feat(plasma-new-hope, b2c, web): Dropdown interlayer (https://github.com/salute-developers/plasma/pull/1104) - -### Cell - -- добавлен в поставку `plasma-{web,b2c}` - - -feat(new-hope): Add cell (https://github.com/salute-developers/plasma/pull/1148) - -### Chip - -- поправлена типизация -- компонент добавлен в поставку для `sdds-serv`, включая документацию - - -feat(plasma-new-hope): fix Chip types (https://github.com/salute-developers/plasma/pull/1155) - -### Button - -- добавлены токены состояний (active / hover) для конфигов компонента в библиотеках `@salutejs/plasma-{b2c,web,asdk}`, `@salutejs/sdds-serv`, `@salutejs/caldera-online` . - - -fix(plasma-web,plasma-b2c,plasma-asdk,sdds-serv,calder-online): Update state tokens for `Button` component (https://github.com/salute-developers/plasma/pull/1167) - -### Select - -- убрана поддержка вложенности -- добавлена прослойка для компонента в `plasma-{b2c,web}` и `sdds-serv` (* работает на старом api и с select из new-hope). -- переделаны тесты и обновлена документация - - -feat(plasma-new-hope, b2c, web, sdds-serv): Select interlayer (https://github.com/salute-developers/plasma/pull/1161) - -### TextField - -- проведен рефакторинг и редизайн -- обновлены тесты и документация -- добавлен в поставку в sdds-serv - - -feat(plasma-new-hope): TextField redesign (https://github.com/salute-developers/plasma/pull/1160) - - -## Icons - -### iOS - -- добавлен конвертор SVG в PNG для iOS app - - -plasma-icons: Convert SVG to PNG for iOS (https://github.com/salute-developers/plasma/pull/1163) - - -## Tokens - -### Tokens - -* исправлена формула для расчёта `hover / active` состояний -* добавлены новые токены (но в выключенном состоянии) в существующие темы и схемы для библиотек `@salutejs/plasma-tokens`, `@salutejs/data-themes`, `@salutejs/caldera-online-themes`, `@salutejs/sdds-serv-themes`, `@salutejs/plasma-themes`, `@salutejs/flamingo-themes` -* добавлены недостающие токены для обратной совместимости у библиотек `@salutejs/plasma-tokens-web`, `@salutejs/plasma-tokens-b2c`, `@salutejs/plasma-tokens-b2b`, -* добавлены недостающие токены в темы `plasma_b2c`, `plasma_web`, `sds_engineer` для библиотеки `@salutejs/plasma-new-hope` - - -feat(plasma-tokens,plasma-theme-builder): Add tokens to existed themes (https://github.com/salute-developers/plasma/pull/1165) - - -## Docs - -### Popup - -- исправлена ошибка в документации - - -fix(new-hope): Fix popup doc (https://github.com/salute-developers/plasma/pull/1168) - - -## Misc - -### Plasma Theme Builder - -* Добавлена генерация hover / active состояний для групп токенов. - - -feat(plasma-theme-builder): Add generate hover / active state for tokens (https://github.com/salute-developers/plasma/pull/1134) - -### Pagination - -- исправлена ошибка навигации с помощью кнопок `next` \ `pre` - - -fix(new-hope): Edit storybook content (https://github.com/salute-developers/plasma/pull/1154) - -### Website icons grid - -- исправлен поиск иконок по названию -- исправлен grid для набора иконок - - -fix(plasma-website): Fix Icons (https://github.com/salute-developers/plasma/pull/1169) - ---- - -#### 🚀 Enhancement - -- Release by 10.04.2024 [#1175](https://github.com/salute-developers/plasma/pull/1175) ([@shuga2704](https://github.com/shuga2704) [@Salute-Eva](https://github.com/Salute-Eva) [@neretin-trike](https://github.com/neretin-trike) [@Yakutoc](https://github.com/Yakutoc) [@iljs](https://github.com/iljs) [@TitanKuzmich](https://github.com/TitanKuzmich)) -- feat(*-themes): Update all themes ([@neretin-trike](https://github.com/neretin-trike)) - -#### 🐛 Bug Fix - -- Update package-lock.json files ([@Salute-Eva](https://github.com/Salute-Eva)) -- Update versions ([@Salute-Eva](https://github.com/Salute-Eva)) -- chore: delete unnecessary caldera themes [#1158](https://github.com/salute-developers/plasma/pull/1158) ([@Yakutoc](https://github.com/Yakutoc)) - -#### Authors: 6 - -- [@iljs](https://github.com/iljs) -- [@Salute-Eva](https://github.com/Salute-Eva) -- Alex Czech ([@Yakutoc](https://github.com/Yakutoc)) -- Dima Shugaev ([@shuga2704](https://github.com/shuga2704)) -- Krivonos Aleksandr ([@TitanKuzmich](https://github.com/TitanKuzmich)) -- neretinaa ([@neretin-trike](https://github.com/neretin-trike)) - ---- - -# v0.7.0 (Thu Mar 28 2024) - -### Release Notes - -#### Release by 27.03.2024 ([#1151](https://github.com/salute-developers/plasma/pull/1151)) - -## Components - -### Progress - -- добавлен в библиотеку в `new-hope` -- добавлен в поставку пакетов `plasma-{b2c, web}, sdds-serv` -- написаны тесты и документация - - -feat: Progress redesign refactor (https://github.com/salute-developers/plasma/pull/1126) - -### Tooltip - -- добавлены fallback на следующие свойства: isVisible, arrow, animated - - -feat(plasma-new-hope): tooltip old api fallback (https://github.com/salute-developers/plasma/pull/1140) - -### Divider - -- включен в поставку `plasma-{b2c/web}` и `sdds-serv` -- написаны тесты и документация - - -feat(plasma-new-hope): Divider component (https://github.com/salute-developers/plasma/pull/1132) - -### Pagination - -- добавлен в поставку клиентских библиотек - - -feat(new-hope): Pagination (https://github.com/salute-developers/plasma/pull/1107) - -### Toolbar - -- включили в поставку в `plasma-{b2c/web}` \ `sdds-serv` -- написаны тесты и документация - - -feat(plasma-new-hope): add toolbar component (https://github.com/salute-developers/plasma/pull/1150) - - -## Icons - -### Icons for android - -- Добавлен скрипт генерации иконок под android на основе svg -- Обновлена инструкция по добавлению иконок - -plasma-icons: script to generate android icons (https://github.com/salute-developers/plasma/pull/1109) - -### Icons publish - -- добавлена директория `old` для обратной совместимости - - -plasma-icons: Add `old` dir for publish (https://github.com/salute-developers/plasma/pull/1149) - - -## Infra - -### Scaffold docs CLI - -- добавлен CLI для создание **директории** документации по шаблону -- добавлен CLI для создание **компонента** документации по шаблону - - -plasma-infra: Scaffold docs dir CLI (https://github.com/salute-developers/plasma/pull/1099) - -### Retry - -- добавлен retry для шага `Update package-lock files` для обхода ошибки `ECONNRESET` -- добавлен `workflow` для ручного запуска `Update package-lock files` - - -plasma-infra: Retry failure step (https://github.com/salute-developers/plasma/pull/922) - -### Deploy documentations artefacts - -- распараллели процесс создания и загрузки артефактов документации -- добавили `marocchino/sticky-pull-request-comment` для приклеивания сообщения к одному комментарию в pr -- добавлена конфигурация: `config-ci.json` -- удалены неиспользуемые переменные - - -plasma-infra: Refactoring deploy documentations artefacts [PR context] (https://github.com/salute-developers/plasma/pull/1125) - -### Build android icons plugin - -- добавлен dispatch события для запуска `build icons` в `plasma-android` - - -plasma-infra: Dispatch build-icons event (https://github.com/salute-developers/plasma/pull/1145) - -### Scaffold components docs - -- добавлена генерация компонентов по заданному шаблону - - -plasma-infra: Scaffold components docs by template (https://github.com/salute-developers/plasma/pull/1128) - - -## Docs - -### Docs - -* Исправлена ошибка примера путём обновления токенов бэграундов в сторибуке для библиотек `plasma-web`, `plasma-b2c`, `plasma-asdk`. - -#### До: -<img width="412" alt="Screenshot 2024-03-21 at 12 28 41" src="https://github.com/salute-developers/plasma/assets/26903236/5814e04f-1425-403c-8e20-1151a12063c6" /> - -#### После: -<img width="412" alt="Screenshot 2024-03-21 at 17 03 31" src="https://github.com/salute-developers/plasma/assets/26903236/259c6397-2e5c-4d82-a2a6-4d6fdcc31e79" /> - - -fix(plasma-web,plasma-b2c,plasma-asdk): Replace tokens for background in storybook to new (https://github.com/salute-developers/plasma/pull/1139) - - -## Misc - -### Drawer - -- изменили величину измерения высоты на dvh в storybook - - -fix: change height for Drawer stories (https://github.com/salute-developers/plasma/pull/1116) - -### Image - -- поправлена передача `props` в `Image.stories` - - -fix: fix args for Image stories (https://github.com/salute-developers/plasma/pull/1119) - -### Plasma Theme Builder - -* произведён рефакторинг методов, которые генерируют токены -* актуализированы базовые токены, которые генерируются сервисом ThemeBuilder -* добавлена новая группа `outline`, используемая в обводках / рамках - - -feat(plasma-theme-builder): Actualize default tokens (https://github.com/salute-developers/plasma/pull/1127) - -### Button - -- поправлен размер и отступ фокуса на кнопке - - -feat(plasma-new-hope): fix button focus (https://github.com/salute-developers/plasma/pull/1141) - -### Badge - -- поправлен токен фона для `transparent-accent` Badge -- поправлен токен цвета текста для `transparent-light` - -#### До: - -![image](https://github.com/salute-developers/plasma/assets/40370966/67673520-cfe8-4b6d-87eb-f700df308627) -![image](https://github.com/salute-developers/plasma/assets/40370966/aa9fb631-c1b3-4f58-aa0b-4e5a9dc9617c) - -#### После: - -![image](https://github.com/salute-developers/plasma/assets/40370966/59170271-0a32-4680-ab18-5aa4afde0cef) -![image](https://github.com/salute-developers/plasma/assets/40370966/9fdc8bea-add8-4798-955d-a896d6c32a40) - - -feat: update badge view tokens (https://github.com/salute-developers/plasma/pull/1142) - ---- - -#### 🚀 Enhancement - -- Release by 27.03.2024 [#1151](https://github.com/salute-developers/plasma/pull/1151) ([@kayman233](https://github.com/kayman233) [@Salute-Eva](https://github.com/Salute-Eva) [@iljs](https://github.com/iljs) [@Yakutoc](https://github.com/Yakutoc) [@TitanKuzmich](https://github.com/TitanKuzmich) [@neretin-trike](https://github.com/neretin-trike) [@akhdrv](https://github.com/akhdrv) [@eg-zhuravlev](https://github.com/eg-zhuravlev)) - -#### 🐛 Bug Fix - -- Update package-lock.json files ([@Salute-Eva](https://github.com/Salute-Eva)) -- Update versions ([@Salute-Eva](https://github.com/Salute-Eva)) - -#### Authors: 8 - -- [@iljs](https://github.com/iljs) -- [@kayman233](https://github.com/kayman233) -- [@Salute-Eva](https://github.com/Salute-Eva) -- Alex Czech ([@Yakutoc](https://github.com/Yakutoc)) -- Artem Khaydarov ([@akhdrv](https://github.com/akhdrv)) -- Evgeniy Zhuravlev ([@eg-zhuravlev](https://github.com/eg-zhuravlev)) -- Krivonos Aleksandr ([@TitanKuzmich](https://github.com/TitanKuzmich)) -- neretinaa ([@neretin-trike](https://github.com/neretin-trike)) - ---- - -# v0.6.0 (Fri Mar 01 2024) - -### Release Notes - -#### Release by 29.02.2024 ([#1079](https://github.com/salute-developers/plasma/pull/1079)) - -## Components - -### Drawer - -- добавлены компоненты `Drawer` и `Panel` -- включен в поставку `plasma-{b2c/web/sdds-serv}` -- для компонента `Drawer` написаны тесты - -feat(plasma-new-hope): add Drawer (https://github.com/salute-developers/plasma/pull/1068) - -### Indicator - -- добавлены тесты и документация -- добавлен в поставку для библиотек: `plasma-{web,b2c}` -- интегрирован в компонент `Avatar` - - -feat(plasma-new-hope, web, b2c): Indicator component (https://github.com/salute-developers/plasma/pull/1067) - -### ButtonGroup - -- добавлен новый компонент и тесты с документацией -- исправлена структура файлов для `Spiner` -- добавлен компонент `Button` в поставку в `plasma-{b2c,web}` -- обновлена документация для `Button` -- обновлены тесты зависящие от `Button` - - -feat(plasma-new-hope): add button group component (https://github.com/salute-developers/plasma/pull/1061) - -### TextField [Note] - -TextField перевезен на новую Архитектуру, могут быть незначительные отличия от текущего поведeния. - -### Рефакторинг TextField - -- поведение анимация `label` внутри поля стала запускаться одинаковым между `b2c` и `web`. Запуск на фокусе, а не на начале редактирования. -- при показе `label` внутри поля больше не учитывается `placeholder` - -### TextField [plasma-b2c] - -- исправлено поведение для цвет `placeholder`, больше не зависит от наличия `leftHelper` - - -feat(plasma-new-hope): TextField (https://github.com/salute-developers/plasma/pull/949) - - -## Infra - -### Upload assets - -- добавлена возможность указать пакет/релиз к которому нужно прикрепить assets - - -plasma-infra: Upload assets for target package(-s) (https://github.com/salute-developers/plasma/pull/1054) - -### plasma-temple -- удалены все упоминания о пакете `plasma-temple` из текущего репозитория - -Remove `plasma-temple` from repo [Part 1] (https://github.com/salute-developers/plasma/pull/1048) - - -## Tokens - -* Добавлен пакет `@salutejs/data-themes`, который содержит все созданные json-схемы, а также набор методов, позволяющие сгенерировать темы для web-платформы в формате js объектов для `styled-component` и css стилей для подключения с помощью нативных способов. - -* В пакетах с наборами тем были объеденены токены с цветами и типографикой. - -* Так же если необходимы токены цвета или типографики отдельно, забрать их можно по пути `@salutejs/<vertical-name>-themes/tokens` для общих токенов и `@salutejs/<vertical-name>-themes/tokens/<theme-name>` для конкретных тем. - -* Добавлена новые пакеты с наборами тем для следующих дизайн вертикаль: - * `@salutejs/plasma-themes` - для вертикали `Plasma` - пока нигде не используется; - * `@salutejs/sdds-themes` - для вертикали `SDDS` - используется с библиотекой `@salutejs/sdds-serv`; - * `@salutejs/cladera-online-themes` - для вертикали `Caldera Online` - используется с библиотеками `@salutejs/cladera-online` и `@salutejs/cladera`; - * `@salutejs/flamingo-themes` - для вертикали `Flamingo` - пока нигде не используется; - -### New-hope - -* Удалена зависимость `@salutejs/plasma-tokens` из пакета. - -### SDDS-Serv - -* Обновлена документация со способом установки и подключением; -* Убрана зависимость от пакета `@salutejs/plasma-tokens` и добавлен пакет `@salutejs/sdds-themes`; -* Обновлён способ подключение темы в storybook; -* Исправлена сторис LiveDemo в компоненте `Toast`; -* Заменены токены цветов в конфигах компонента `Segment` на актуальные - -### Caldera / Caldera Online - -* Обновлена документация со способом установки и подключением; -* Убрана зависимость от пакета `@salutejs/plasma-tokens` и добавлен пакет `@salutejs/caldera-online-themes`; -* Обновлён способ подключение темы в storybook; -* Исправлена сторис LiveDemo в компоненте `Toast`; -* Заменены токены цветов в конфигах компонента `Segment` на актуальные - - -Add new tokens architecture (https://github.com/salute-developers/plasma/pull/1074) - - -## Docs - -### Сontributing Typos - -- исправлены опечатки в документации -- добавлен параграф об обязательном наличие локально browser `chromium` - - -plasma-docs: Fix cypress cli commands (https://github.com/salute-developers/plasma/pull/1058) - - -## Misc - -### SDDS Android - -- добавлен `SDDS Android` проект, включающий: - - - Theme Builder Gradle Plugin - - SDDS Sandbox App - - UIKit - - UIKit Compose - - файл с лицензией и `README.md` в каждый модуль - - -chore[sdds-android]: SDDS Android project was created. (https://github.com/salute-developers/plasma/pull/1045) - -### CI/CD Pipeline [SDDS Android] - -- Project build system migration to composite builds was made to support multiproject structure. -- Code quality check workflow was created. -- Merge report tasks were added. -- Codeowners file was modified. - - -chore[sdds-android, cicd]: code quality check workflow (https://github.com/salute-developers/plasma/pull/1070) - ---- - -#### 🚀 Enhancement - -- Release by 29.02.2024 [#1079](https://github.com/salute-developers/plasma/pull/1079) ([@TitanKuzmich](https://github.com/TitanKuzmich) [@Salute-Eva](https://github.com/Salute-Eva) [@Yakutoc](https://github.com/Yakutoc) [@neretin-trike](https://github.com/neretin-trike) [@malilex](https://github.com/malilex) [@shuga2704](https://github.com/shuga2704) [@Yeti-or](https://github.com/Yeti-or) [@kayman233](https://github.com/kayman233)) -- feat(data-themes): Add package for generate themes in web platform ([@neretin-trike](https://github.com/neretin-trike)) - -#### 🐛 Bug Fix - -- chore: update package-locks [no ci] ([@Yakutoc](https://github.com/Yakutoc)) -- Update versions ([@Salute-Eva](https://github.com/Salute-Eva)) - -#### Authors: 8 - -- [@kayman233](https://github.com/kayman233) -- [@Salute-Eva](https://github.com/Salute-Eva) -- Alex Czech ([@Yakutoc](https://github.com/Yakutoc)) -- Alexander Malishev ([@malilex](https://github.com/malilex)) -- Dima Shugaev ([@shuga2704](https://github.com/shuga2704)) -- Krivonos Aleksandr ([@TitanKuzmich](https://github.com/TitanKuzmich)) -- neretinaa ([@neretin-trike](https://github.com/neretin-trike)) -- Vasiliy ([@Yeti-or](https://github.com/Yeti-or)) diff --git a/packages/themes/data-themes/README.md b/packages/themes/data-themes/README.md deleted file mode 100644 index 7e6011ed91..0000000000 --- a/packages/themes/data-themes/README.md +++ /dev/null @@ -1,3 +0,0 @@ -# Data themes - -Пакет в котором хранятся все сгенерированные json-схемы, а также набор методов, позволяющий генерировать темы для web-платформы. diff --git a/packages/themes/data-themes/data/themes/caldera_online.json b/packages/themes/data-themes/data/themes/caldera_online.json deleted file mode 100644 index 4d70c5a8a2..0000000000 --- a/packages/themes/data-themes/data/themes/caldera_online.json +++ /dev/null @@ -1,10313 +0,0 @@ -{ - "config": { - "name": "caldera_online", - "accentColor": { - "light": "#21A038", - "dark": "#21A038" - }, - "grayscale": { - "light": "gray", - "dark": "gray" - }, - "opacity": { - "textIcons": true, - "surfaces": true - } - }, - "dark": { - "text": { - "default": { - "textPrimaryHover": { - "value": "#F5F5F593", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#F5F5F5C4", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "#f5f5f5F5", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#F5F5F5FF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#F5F5F5AB", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "#F5f5f58F", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#F5F5F5FF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#F5F5F556", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "#F5f5f548", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#F5F5F57A", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#F5F5F5A3", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "#f5f5f5cc", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#2ACB47FF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#1F9835FF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#2ACB47FF", - "comment": "Цвет успеха" - }, - "textPositiveActive": { - "value": "#1F9835FF", - "comment": "Цвет успеха" - }, - "textPositive": { - "value": "[general.green.400]", - "comment": "Цвет успеха" - }, - "textWarningHover": { - "value": "#FF8442FF", - "comment": "Цвет предупреждения" - }, - "textWarningActive": { - "value": "#FF5D05FF", - "comment": "Цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.400]", - "comment": "Цвет предупреждения" - }, - "textNegativeHover": { - "value": "#FF5C6CFF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.400]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#F5F5F593", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#F5F5F5C4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "#f5f5f5F5", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#F5F5F5FF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#F5F5F5AB", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "#F5f5f58F", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#F5F5F5FF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#F5F5F556", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "#F5f5f548", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#F5F5F57A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#F5F5F5A3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "#f5f5f5CC", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#2ACB47FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#1F9835FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#2ACB47FF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositiveActive": { - "value": "#1F9835FF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositive": { - "value": "[general.green.400]", - "comment": "Цвет успеха на темном фоне" - }, - "textWarningHover": { - "value": "#FF8442FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarningActive": { - "value": "#FF5D05FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarning": { - "value": "[general.orange.400]", - "comment": "Цвет предупреждения на темном фоне" - }, - "textNegativeHover": { - "value": "#FF5C6CFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "[general.red.400]", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#17171793", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#171717C4", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "#171717F5", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#171717FF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#171717AB", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "#1717178F", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#171717FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#17171756", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "#17171748", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#1717177A", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#171717A3", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "#171717CC", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#13AA2CFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#0D731EFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%)", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#13AA2CFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositiveActive": { - "value": "#0D731EFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositive": { - "value": "[general.green.600]", - "comment": "Цвет успеха на светлом фоне" - }, - "textWarningHover": { - "value": "#FD650DFF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarningActive": { - "value": "#CA4B02FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textNegativeHover": { - "value": "#F5384BFF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#E40C22FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#17171793", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#171717C4", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "#171717F5", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#171717FF", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#171717AB", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondary": { - "value": "#1717178F", - "comment": "Инвертированный вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#171717FF", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#17171756", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiary": { - "value": "#17171748", - "comment": "Инвертированный третичный цвет текста" - }, - "textParagraphHover": { - "value": "#1717177A", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraphActive": { - "value": "#171717A3", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraph": { - "value": "#171717CC", - "comment": "Инвертированный cплошной наборный текст" - }, - "textAccentHover": { - "value": "#13AA2CFF", - "comment": "Инвертированный акцентный цвет" - }, - "textAccentActive": { - "value": "#0D731EFF", - "comment": "Инвертированный акцентный цвет" - }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Инвертированный акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%)", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#13AA2CFF", - "comment": "Инвертированный цвет успеха" - }, - "textPositiveActive": { - "value": "#0D731EFF", - "comment": "Инвертированный цвет успеха" - }, - "textPositive": { - "value": "[general.green.600]", - "comment": "Инвертированный цвет успеха" - }, - "textWarningHover": { - "value": "#FD650DFF", - "comment": "Инвертированный цвет предупреждения" - }, - "textWarningActive": { - "value": "#CA4B02FF", - "comment": "Инвертированный цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Инвертированный цвет предупреждения" - }, - "textNegativeHover": { - "value": "#F5384BFF", - "comment": "Инвертированный цвет ошибки" - }, - "textNegativeActive": { - "value": "#E40C22FF", - "comment": "Инвертированный цвет ошибки" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Инвертированный цвет ошибки" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#1C1C1CFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#121212FF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#303030FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#212121FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Вторичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#404040FF", - "comment": "Третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#303030FF", - "comment": "Третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#1C1C1CFF", - "comment": "Основной фон для карточек", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#121212FF", - "comment": "Основной фон для карточек", - "enabled": true - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#F5F5F5FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "[general.gray.50]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF1F", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF0A", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF0F", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF3D", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF0F", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF52", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF24", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFC2", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFF94", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#FFFFFFA3", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF1F", - "comment": "Прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF0A", - "comment": "Прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "#FFFFFF0F", - "comment": "Прозрачный фон для карточек", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1DAF37FF", - "comment": "Акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#18952FFF", - "comment": "Акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет фона поверхности предупреждение", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Цвет фона поверхности предупреждение", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности предупреждение", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#1C1C1CFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#121212FF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#303030FF", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#212121FF", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#404040FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#303030FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#1C1C1CFF", - "comment": "Основной фон для карточек на темном фоне", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#121212FF", - "comment": "Основной фон для карточек на темном фоне", - "enabled": true - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек на темном фоне", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#F5F5F5FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "[general.gray.50]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF1F", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF0A", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF3D", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF0F", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF52", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF24", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFC2", - "comment": "Прозрачный фон поверхности по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFF94", - "comment": "Прозрачный фон поверхности по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#FFFFFFA3", - "comment": "Прозрачный фон поверхности по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF1F", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF0A", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "#FFFFFF0F", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1DAF37FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#18952FFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет фона поверхности предупреждение на темном фоне", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Цвет фона поверхности предупреждение на темном фоне", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности предупреждение на темном фоне", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Основной непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Основной непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#E8E8E8FF", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#D9D9D9FF", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceSolidCard": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#0D0D0DFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#0808080F", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#08080800", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "rgba(8, 8, 8, 0.02)", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#0808081F", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808080A", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808083D", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#0808080F", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#080808C2", - "comment": "Прозрачный фон поверхности по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#08080894", - "comment": "Прозрачный фон поверхности по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#080808A3", - "comment": "Прозрачный фон поверхности по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#0808081F", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#0808080A", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1DAF37FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#18952FFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет фона поверхности / предупреждение на светлом фоне", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Цвет фона поверхности / предупреждение на светлом фоне", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности / предупреждение на светлом фоне", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Инвертированный основной непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Инвертированный основной непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Инвертированный основной непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Инвертированный вторичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#E8E8E8FF", - "comment": "Инвертированный третичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#D9D9D9FF", - "comment": "Инвертированный третичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Инвертированный третичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": true - }, - "surfaceSolidCard": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#0D0D0DFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#0808080F", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#08080800", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "rgba(8, 8, 8, 0.02)", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#0808081F", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808080A", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808083D", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#0808080F", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#080808C2", - "comment": "Инвертированный прозрачный фон поверхности по умолчанию", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#08080894", - "comment": "Инвертированный прозрачный фон поверхности по умолчанию", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#080808A3", - "comment": "Инвертированный прозрачный фон поверхности по умолчанию", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1DAF37FF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#18952FFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Инвертированный цвет фона поверхности / предупреждение", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Инвертированный цвет фона поверхности / предупреждение", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Инвертированный цвет фона поверхности / предупреждение", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - } - }, - "dark": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон на темном фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон на светлом фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Инвертированный основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "overlay": { - "default": { - "overlaySoft": { - "value": "#0808088F", - "comment": "Цвет фона паранжи светлый" - }, - "overlayHard": { - "value": "#080808f5", - "comment": "Цвет фона паранжи темный" - }, - "overlayBlur": { - "value": "rgba(8,8,8,0.28)", - "comment": "" - } - }, - "onDark": { - "overlaySoft": { - "value": "#0808088f", - "comment": "Цвет фона паранжи светлый на темном фоне" - }, - "overlayHard": { - "value": "#080808f5", - "comment": "Цвет фона паранжи темный на темном фоне" - }, - "overlayBlur": { - "value": "rgba(8,8,8,0.28)", - "comment": "" - } - }, - "onLight": { - "overlaySoft": { - "value": "rgba(249,249,249,0.56)", - "comment": "Цвет фона паранжи светлый на светлом фоне" - }, - "overlayHard": { - "value": "#f9f9f9f5", - "comment": "Цвет фона паранжи темный на светлом фоне" - }, - "overlayBlur": { - "value": "rgba(249,249,249,0.28)", - "comment": "" - } - }, - "inverse": { - "overlaySoft": { - "value": "#f9f9f98F", - "comment": "Инвертированный цвет фона паранжи светлый" - }, - "overlayHard": { - "value": "#f9f9f9f5", - "comment": "Инвертированный цвет фона паранжи темный" - }, - "overlayBlur": { - "value": "rgba(249,249,249,0.28)", - "comment": "" - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - } - }, - "light": { - "text": { - "default": { - "textPrimaryHover": { - "value": "#17171793", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#171717C4", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "#171717F5", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#171717FF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#171717AB", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "#1717178F", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#171717FF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#17171756", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "#17171748", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#1717177A", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#171717A3", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "#171717CC", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#14B32EFF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#0C6A1BFF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%)", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#14B32EFF", - "comment": "Цвет успеха" - }, - "textPositiveActive": { - "value": "#0C6A1BFF", - "comment": "Цвет успеха" - }, - "textPositive": { - "value": "[general.green.600]", - "comment": "Цвет успеха" - }, - "textWarningHover": { - "value": "#FD6B17FF", - "comment": "Цвет предупреждения" - }, - "textWarningActive": { - "value": "#C04802FF", - "comment": "Цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Цвет предупреждения" - }, - "textNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#DA0B20FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#F5F5F593", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#F5F5F5C4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "#F5F5F5F5", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#F5F5F5FF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#F5F5F5AB", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "#F5F5F58F", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#F5F5F5FF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#F5F5F556", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "#F5F5F548", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#F5F5F57A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#F5F5F5A3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "#F5F5F5CC", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#2BD44AFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#1D9032FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#2BD44AFF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositiveActive": { - "value": "#1D9032FF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositive": { - "value": "[general.green.400]", - "comment": "Цвет успеха на темном фоне" - }, - "textWarningHover": { - "value": "#FF8B4DFF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarningActive": { - "value": "#FA5700FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarning": { - "value": "[general.orange.400]", - "comment": "Цвет предупреждения на темном фоне" - }, - "textNegativeHover": { - "value": "#FF6675FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "[general.red.400]", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#17171793", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#171717C4", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "#171717F5", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#171717FF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#171717AB", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "#1717178F", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#171717FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#17171756", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "#17171748", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#1717177A", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#171717A3", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "#171717CC", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#14B32EFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#0C6A1BFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%)", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#14B32EFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositiveActive": { - "value": "#0C6A1BFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositive": { - "value": "[general.green.600]", - "comment": "Цвет успеха на светлом фоне" - }, - "textWarningHover": { - "value": "#FD6B17FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarningActive": { - "value": "#C04802FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#DA0B20FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#F5F5F593", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#F5F5F5C4", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "#F5F5F5F5", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#F5F5F5FF", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#F5F5F5AB", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondary": { - "value": "#F5F5F58F", - "comment": "Инвертированный вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#F5F5F5FF", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#F5F5F556", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiary": { - "value": "#F5F5F548", - "comment": "Инвертированный третичный цвет текста" - }, - "textParagraphHover": { - "value": "#F5F5F57A", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraphActive": { - "value": "#F5F5F5A3", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraph": { - "value": "#F5F5F5CC", - "comment": "Инвертированный cплошной наборный текст" - }, - "textAccentHover": { - "value": "#2BD44AFF", - "comment": "Инвертированный акцентный цвет" - }, - "textAccentActive": { - "value": "#1D9032FF", - "comment": "Инвертированный акцентный цвет" - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Инвертированный акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#2BD44AFF", - "comment": "Инвертированный цвет успеха" - }, - "textPositiveActive": { - "value": "#1D9032FF", - "comment": "Инвертированный цвет успеха" - }, - "textPositive": { - "value": "[general.green.400]", - "comment": "Инвертированный цвет успеха" - }, - "textWarningHover": { - "value": "#FF8B4DFF", - "comment": "Инвертированный цвет предупреждения" - }, - "textWarningActive": { - "value": "#FA5700FF", - "comment": "Инвертированный цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.400]", - "comment": "Инвертированный цвет предупреждения" - }, - "textNegativeHover": { - "value": "#FF6675FF", - "comment": "Инвертированный цвет ошибки" - }, - "textNegativeActive": { - "value": "#FF142CFF", - "comment": "Инвертированный цвет ошибки" - }, - "textNegative": { - "value": "[general.red.400]", - "comment": "Инвертированный цвет ошибки" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#EDEDEDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#D4D4D4FF", - "comment": "Третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек", - "enabled": true - }, - "surfaceSolidCard": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#262626FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#08080800", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#0808080A", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "rgba(8, 8, 8, 0.02)", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#08080805", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808081A", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808080A", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#08080829", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#0808088F", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#080808AD", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#080808A3", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1EB83AFF", - "comment": "Акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#178C2CFF", - "comment": "Акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#363636FF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#0D0D0DFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#3B3B3BFF", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#1C1C1CFF", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#4A4A4AFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#2B2B2BFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#363636FF", - "comment": "Основной фон для карточек на темном фоне", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#0D0D0DFF", - "comment": "Основной фон для карточек на темном фоне", - "enabled": true - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек на темном фоне", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#F5F5F5FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "[general.gray.50]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF05", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF1A", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF0A", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF29", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF1F", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF3D", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFF8F", - "comment": "Прозрачный фон поверхности по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFAD", - "comment": "Прозрачный фон поверхности по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#FFFFFFA3", - "comment": "Прозрачный фон поверхности по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF05", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF1A", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "#FFFFFF0F", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1EB83AFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#178C2CFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на темном фоне", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха на темном фоне", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на темном фоне", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет фона поверхности предупреждение на темном фоне", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Цвет фона поверхности предупреждение на темном фоне", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности предупреждение на темном фоне", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Основной непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Основной непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#EDEDEDFF", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#D4D4D4FF", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceSolidCard": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#262626FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#08080800", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#0808080A", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "rgba(8, 8, 8, 0.02)", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#08080805", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808081A", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808080A", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#08080829", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#0808088F", - "comment": "Прозрачный фон поверхности по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#080808AD", - "comment": "Прозрачный фон поверхности по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#080808A3", - "comment": "Прозрачный фон поверхности по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1EB83AFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#178C2CFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на светлом фоне", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет фона поверхности предупреждение на светлом фоне", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Цвет фона поверхности предупреждение на светлом фоне", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности предупреждение на светлом фоне", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#363636FF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#0D0D0DFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#3B3B3BFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#1C1C1CFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Инвертированный вторичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#4A4A4AFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#2B2B2BFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#363636FF", - "comment": "Инвертированный основной фон для карточек", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#0D0D0DFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": true - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Инвертированный основной фон для карточек", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#F5F5F5FF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "[general.gray.50]", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF05", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF1A", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF0A", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF29", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF1F", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF3D", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFF8F", - "comment": "Инвертированный прозрачный фон поверхности по умолчанию", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFAD", - "comment": "Инвертированный прозрачный фон поверхности по умолчанию", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#FFFFFFA3", - "comment": "Инвертированный прозрачный фон поверхности по умолчанию", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF05", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF1A", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "#FFFFFF0F", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1EB83AFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#178C2CFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Инвертированный цвет успеха", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Инвертированный цвет успеха", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Инвертированный цвет успеха", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Инвертированный цвет фона поверхности предупреждение", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Инвертированный цвет фона поверхности предупреждение", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Инвертированный цвет фона поверхности предупреждение", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - } - }, - "dark": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон на темном фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон на светлом фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Инвертированный основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "overlay": { - "default": { - "overlaySoft": { - "value": "#F9F9F98F", - "comment": "Цвет фона паранжи светлый" - }, - "overlayHard": { - "value": "#F9F9F9F5", - "comment": "Цвет фона паранжи темный" - }, - "overlayBlur": { - "value": "rgba(249,249,249,0.28)", - "comment": "" - } - }, - "onDark": { - "overlaySoft": { - "value": "#0808088F", - "comment": "Цвет фона паранжи светлый на темном фоне" - }, - "overlayHard": { - "value": "#080808F5", - "comment": "Цвет фона паранжи темный на темном фоне" - }, - "overlayBlur": { - "value": "rgba(8,8,8,0.28)", - "comment": "" - } - }, - "onLight": { - "overlaySoft": { - "value": "#F9F9F98F", - "comment": "Цвет фона паранжи светлый на светлом фоне" - }, - "overlayHard": { - "value": "#F9F9F9F5", - "comment": "Цвет фона паранжи темный на светлом фоне" - }, - "overlayBlur": { - "value": "rgba(249,249,249,0.28)", - "comment": "" - } - }, - "inverse": { - "overlaySoft": { - "value": "#0808088F", - "comment": "Инвертированный цвет фона паранжи светлый" - }, - "overlayHard": { - "value": "#080808F5", - "comment": "Инвертированный цвет фона паранжи темный" - }, - "overlayBlur": { - "value": "rgba(8,8,8,0.28)", - "comment": "" - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - } - } -} diff --git a/packages/themes/data-themes/data/themes/flamingo.json b/packages/themes/data-themes/data/themes/flamingo.json deleted file mode 100644 index 6be1ea25ad..0000000000 --- a/packages/themes/data-themes/data/themes/flamingo.json +++ /dev/null @@ -1,11839 +0,0 @@ -{ - "config": { - "name": "flamingo", - "accentColor": { - "light": "[general.green.600]", - "dark": "[general.green.400]" - }, - "grayscale": { - "light": "gray", - "dark": "gray" - }, - "opacity": { - "textIcons": false, - "surfaces": true - } - }, - "dark": { - "text": { - "default": { - "textPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "#FFFFFF", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#3D3D3DFF", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "[general.gray.300]", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#737373FF", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "[general.gray.700]", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#BABABAFF", - "comment": "Сплошной наборный текст", - "enabled": false - }, - "textParagraphActive": { - "value": "#D4D4D4FF", - "comment": "Сплошной наборный текст", - "enabled": false - }, - "textParagraph": { - "value": "[general.gray.150]", - "comment": "Сплошной наборный текст", - "enabled": false - }, - "textAccentHover": { - "value": "#2ACB47FF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#1F9835FF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": { - "origin": "linear-gradient(45deg, #0B8C0B 0%, #14CC98 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#0B8C0B", "#14CC98"], - "locations": [0, 1], - "startPoint": { - "x": 0.15, - "y": 0.85 - }, - "endPoint": { - "x": 0.85, - "y": 0.15 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#0B8C0B", "#14CC98"], - "locations": [0, 1], - "startPoint": { - "x": 0.15, - "y": 0.85 - }, - "endPoint": { - "x": 0.85, - "y": 0.15 - } - } - }, - "comment": "Акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха" - }, - "textPositiveActive": { - "value": "#15842AFF", - "comment": "Цвет успеха" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха" - }, - "textWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет предупреждения" - }, - "textWarningActive": { - "value": "#DC5304FF", - "comment": "Цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Цвет предупреждения" - }, - "textNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#FF0A23FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#50B1F2FF", - "comment": "" - }, - "textInfoActive": { - "value": "#0F7BC2FF", - "comment": "" - }, - "textInfo": { - "value": "[general.blue.500]", - "comment": "" - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textTransparentAccentHover": { - "value": "#24B23EFF", - "comment": "Прозрачный акцентный цвет", - "enabled": false - }, - "textTransparentAccentActive": { - "value": "#24B23E25", - "comment": "Прозрачный акцентный цвет", - "enabled": false - }, - "textTransparentAccent": { - "value": "[general.green.400][-0.88]", - "comment": "Прозрачный акцентный цвет", - "enabled": false - }, - "textTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет с градиентом", - "enabled": false - }, - "textTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет с градиентом", - "enabled": false - }, - "textTransparentAccentGradient": { - "value": "linear-gradient(135deg, black 0%, rgba(36, 178, 62, 0.12) 100%)", - "comment": "Прозрачный акцентный цвет с градиентом", - "enabled": false - }, - "textTransparentNegativeHover": { - "value": "#FF293EFF", - "comment": "Прозрачный цвет ошибки", - "enabled": false - }, - "textTransparentNegativeActive": { - "value": "#FF293E25", - "comment": "Прозрачный цвет ошибки", - "enabled": false - }, - "textTransparentNegative": { - "value": "[general.red.500][-0.88]", - "comment": "Прозрачный цвет ошибки", - "enabled": false - }, - "textTransparentPositiveHover": { - "value": "#1A9E32FF", - "comment": "Прозрачный цвет успеха", - "enabled": false - }, - "textTransparentPositiveActive": { - "value": "#1A9E3225", - "comment": "Прозрачный цвет успеха", - "enabled": false - }, - "textTransparentPositive": { - "value": "[general.green.500][-0.88]", - "comment": "Прозрачный цвет успеха", - "enabled": false - }, - "textTransparentWarningHover": { - "value": "#FA5F05FF", - "comment": "Прозрачный цвет предупреждения", - "enabled": false - }, - "textTransparentWarningActive": { - "value": "#FA5F0525", - "comment": "Прозрачный цвет предупреждения", - "enabled": false - }, - "textTransparentWarning": { - "value": "[general.orange.500][-0.88]", - "comment": "Прозрачный цвет предупреждения", - "enabled": false - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "#FFFFFF", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#3D3D3DFF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "[general.gray.300]", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#737373FF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "[general.gray.700]", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#BABABAFF", - "comment": "Сплошной наборный текст на темном фоне", - "enabled": false - }, - "textParagraphActive": { - "value": "#D4D4D4FF", - "comment": "Сплошной наборный текст на темном фоне", - "enabled": false - }, - "textParagraph": { - "value": "[general.gray.150]", - "comment": "Сплошной наборный текст на темном фоне", - "enabled": false - }, - "textAccentHover": { - "value": "#2ACB47FF", - "comment": "Акцентный цвет на темном фоне", - "enabled": false - }, - "textAccentActive": { - "value": "#1F9835FF", - "comment": "Акцентный цвет на темном фоне", - "enabled": false - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Акцентный цвет на темном фоне", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "linear-gradient(135deg, black 0%, #24B23E 100%)", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#15842AFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#DC5304FF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeActive": { - "value": "#FF0A23FF", - "comment": "Цвет ошибки на темном фоне", - "enabled": false - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textTransparentAccentHover": { - "value": "#24B23EFF", - "comment": "Прозрачный акцентный цвет на темном фоне", - "enabled": false - }, - "textTransparentAccentActive": { - "value": "#24B23E25", - "comment": "Прозрачный акцентный цвет на темном фоне", - "enabled": false - }, - "textTransparentAccent": { - "value": "[general.green.400][-0.88]", - "comment": "Прозрачный акцентный цвет на темном фоне", - "enabled": false - }, - "textTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textTransparentAccentGradient": { - "value": "linear-gradient(135deg, black 0%, rgba(36, 178, 62, 0.12) 100%)", - "comment": "Прозрачный акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textTransparentNegativeHover": { - "value": "#FF293EFF", - "comment": "Прозрачный цвет ошибки на темном фоне", - "enabled": false - }, - "textTransparentNegativeActive": { - "value": "#FF293E25", - "comment": "Прозрачный цвет ошибки на темном фоне", - "enabled": false - }, - "textTransparentNegative": { - "value": "[general.red.500][-0.88]", - "comment": "Прозрачный цвет ошибки на темном фоне", - "enabled": false - }, - "textTransparentPositiveHover": { - "value": "#1A9E32FF", - "comment": "Прозрачный цвет успеха на темном фоне", - "enabled": false - }, - "textTransparentPositiveActive": { - "value": "#1A9E3225", - "comment": "Прозрачный цвет успеха на темном фоне", - "enabled": false - }, - "textTransparentPositive": { - "value": "[general.green.500][-0.88]", - "comment": "Прозрачный цвет успеха на темном фоне", - "enabled": false - }, - "textTransparentWarningHover": { - "value": "#FA5F05FF", - "comment": "Прозрачный цвет предупреждения на темном фоне", - "enabled": false - }, - "textTransparentWarningActive": { - "value": "#FA5F0525", - "comment": "Прозрачный цвет предупреждения на темном фоне", - "enabled": false - }, - "textTransparentWarning": { - "value": "[general.orange.500][-0.88]", - "comment": "Прозрачный цвет предупреждения на темном фоне", - "enabled": false - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной цвет текста на светлом фоне", - "enabled": true - }, - "textPrimaryActive": { - "value": "#ADADADFF", - "comment": "Основной цвет текста на светлом фоне", - "enabled": true - }, - "textPrimary": { - "value": "[general.gray.900]", - "comment": "Основной цвет текста на светлом фоне", - "enabled": true - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста на светлом фоне", - "enabled": true - }, - "textSecondaryActive": { - "value": "#8C8C8CFF", - "comment": "Вторичный цвет текста на светлом фоне", - "enabled": true - }, - "textSecondary": { - "value": "[general.gray.800]", - "comment": "Вторичный цвет текста на светлом фоне", - "enabled": true - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста на светлом фоне", - "enabled": true - }, - "textTertiaryActive": { - "value": "#575757FF", - "comment": "Третичный цвет текста на светлом фоне", - "enabled": true - }, - "textTertiary": { - "value": "[general.gray.400]", - "comment": "Третичный цвет текста на светлом фоне", - "enabled": true - }, - "textParagraphHover": { - "value": "#FFFFFFFF", - "comment": "Сплошной наборный текст на светлом фоне", - "enabled": false - }, - "textParagraphActive": { - "value": "#ADADADFF", - "comment": "Сплошной наборный текст на светлом фоне", - "enabled": false - }, - "textParagraph": { - "value": "[general.gray.900]", - "comment": "Сплошной наборный текст на светлом фоне", - "enabled": false - }, - "textAccentHover": { - "value": "#13AA2CFF", - "comment": "Акцентный цвет на светлом фоне", - "enabled": false - }, - "textAccentActive": { - "value": "#0D731EFF", - "comment": "Акцентный цвет на светлом фоне", - "enabled": false - }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Акцентный цвет на светлом фоне", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "linear-gradient(135deg, white 0%, #108E26 100%)", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#13AA2CFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#0D731EFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositive": { - "value": "[general.green.600]", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#FD650DFF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#CA4B02FF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#F5384BFF", - "comment": "Цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeActive": { - "value": "#E40C22FF", - "comment": "Цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textTransparentAccentHover": { - "value": "#108E25FF", - "comment": "Прозрачный акцентный цвет на светлом фоне", - "enabled": false - }, - "textTransparentAccentActive": { - "value": "#108E2525", - "comment": "Прозрачный акцентный цвет на светлом фоне", - "enabled": false - }, - "textTransparentAccent": { - "value": "[general.green.600][-0.88]", - "comment": "Прозрачный акцентный цвет на светлом фоне", - "enabled": false - }, - "textTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textTransparentAccentGradient": { - "value": "linear-gradient(135deg, white 0%, rgba(16, 142, 37, 0.12) 100%)", - "comment": "Прозрачный акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textTransparentNegativeHover": { - "value": "#F31B31FF", - "comment": "Прозрачный цвет ошибки на светлом фоне", - "enabled": false - }, - "textTransparentNegativeActive": { - "value": "#F31B3125", - "comment": "Прозрачный цвет ошибки на светлом фоне", - "enabled": false - }, - "textTransparentNegative": { - "value": "[general.red.600][-0.88]", - "comment": "Прозрачный цвет ошибки на светлом фоне", - "enabled": false - }, - "textTransparentPositiveHover": { - "value": "#108E25FF", - "comment": "Прозрачный цвет успеха на светлом фоне", - "enabled": false - }, - "textTransparentPositiveActive": { - "value": "#108E2525", - "comment": "Прозрачный цвет успеха на светлом фоне", - "enabled": false - }, - "textTransparentPositive": { - "value": "[general.green.600][-0.88]", - "comment": "Прозрачный цвет успеха на светлом фоне", - "enabled": false - }, - "textTransparentWarningHover": { - "value": "#E85702FF", - "comment": "Прозрачный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textTransparentWarningActive": { - "value": "#E8570225", - "comment": "Прозрачный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textTransparentWarning": { - "value": "[general.orange.600][-0.88]", - "comment": "Прозрачный цвет предупреждения на светлом фоне", - "enabled": false - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#ADADADFF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "[general.gray.900]", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#8C8C8CFF", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondary": { - "value": "[general.gray.800]", - "comment": "Инвертированный вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#575757FF", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiary": { - "value": "[general.gray.400]", - "comment": "Инвертированный третичный цвет текста" - }, - "textParagraphHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный cплошной наборный текст", - "enabled": false - }, - "textParagraphActive": { - "value": "#ADADADFF", - "comment": "Инвертированный cплошной наборный текст", - "enabled": false - }, - "textParagraph": { - "value": "[general.gray.900]", - "comment": "Инвертированный cплошной наборный текст", - "enabled": false - }, - "textAccentHover": { - "value": "#13AA2CFF", - "comment": "Инвертированный акцентный цвет" - }, - "textAccentActive": { - "value": "#0D731EFF", - "comment": "Инвертированный акцентный цвет" - }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Инвертированный акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": { - "origin": "linear-gradient(45deg, #108210 0%, #14CC98 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#108210", "#14CC98"], - "locations": [0, 1], - "startPoint": { - "x": 0.15, - "y": 0.85 - }, - "endPoint": { - "x": 0.85, - "y": 0.15 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#108210", "#14CC98"], - "locations": [0, 1], - "startPoint": { - "x": 0.15, - "y": 0.85 - }, - "endPoint": { - "x": 0.85, - "y": 0.15 - } - } - }, - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#13AA2CFF", - "comment": "Инвертированный цвет успеха" - }, - "textPositiveActive": { - "value": "#0D731EFF", - "comment": "Инвертированный цвет успеха" - }, - "textPositive": { - "value": "[general.green.600]", - "comment": "Инвертированный цвет успеха" - }, - "textWarningHover": { - "value": "#FD650DFF", - "comment": "Инвертированный цвет предупреждения" - }, - "textWarningActive": { - "value": "#CA4B02FF", - "comment": "Инвертированный цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Инвертированный цвет предупреждения" - }, - "textNegativeHover": { - "value": "#ED263AFF", - "comment": "Инвертированный цвет ошибки" - }, - "textNegativeActive": { - "value": "#C61022FF", - "comment": "Инвертированный цвет ошибки" - }, - "textNegative": { - "value": "[general.red.700]", - "comment": "Инвертированный цвет ошибки" - }, - "textInfoHover": { - "value": "#229EF1FF", - "comment": "" - }, - "textInfoActive": { - "value": "#0A6099FF", - "comment": "" - }, - "textInfo": { - "value": "[general.blue.700]", - "comment": "" - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textTransparentAccentHover": { - "value": "#108E25FF", - "comment": "Прозрачный инвертированный акцентный цвет", - "enabled": false - }, - "textTransparentAccentActive": { - "value": "#108E2525", - "comment": "Прозрачный инвертированный акцентный цвет", - "enabled": false - }, - "textTransparentAccent": { - "value": "[general.green.600][-0.88]", - "comment": "Прозрачный инвертированный акцентный цвет", - "enabled": false - }, - "textTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textTransparentAccentGradient": { - "value": "linear-gradient(135deg, white 0%, rgba(16, 142, 37, 0.12) 100%)", - "comment": "Прозрачный инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textTransparentNegativeHover": { - "value": "#F31B31FF", - "comment": "Прозрачный инвертированный цвет ошибки", - "enabled": false - }, - "textTransparentNegativeActive": { - "value": "#F31B3125", - "comment": "Прозрачный инвертированный цвет ошибки", - "enabled": false - }, - "textTransparentNegative": { - "value": "[general.red.600][-0.88]", - "comment": "Прозрачный инвертированный цвет ошибки", - "enabled": false - }, - "textTransparentPositiveHover": { - "value": "#108E25FF", - "comment": "Прозрачный инвертированный цвет успеха", - "enabled": false - }, - "textTransparentPositiveActive": { - "value": "#108E2525", - "comment": "Прозрачный инвертированный цвет успеха", - "enabled": false - }, - "textTransparentPositive": { - "value": "[general.green.600][-0.88]", - "comment": "Прозрачный инвертированный цвет успеха", - "enabled": false - }, - "textTransparentWarningHover": { - "value": "#E85702FF", - "comment": "Прозрачный инвертированный цвет предупреждения", - "enabled": false - }, - "textTransparentWarningActive": { - "value": "#E8570225", - "comment": "Прозрачный инвертированный цвет предупреждения", - "enabled": false - }, - "textTransparentWarning": { - "value": "[general.orange.600][-0.88]", - "comment": "Прозрачный инвертированный цвет предупреждения", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#303030FF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimaryActive": { - "value": "#212121FF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.900]", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryHover": { - "value": "#404040FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#303030FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.850]", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#595959FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#4A4A4AFF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.800]", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#303030FF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#212121FF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "[general.gray.900]", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#0D0D0DFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF1F", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF0A", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF3D", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF0F", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF52", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF24", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFC2", - "comment": "Непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFF94", - "comment": "Непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "rgba(255, 255, 255, 0.64)", - "comment": "Непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF3D", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF0F", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClear": { - "value": "rgba(0,0,0,0)", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceAccentHover": { - "value": "#1DAF37FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentActive": { - "value": "#18952FFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(45deg, #108210 0%, #14CC98 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#108210", "#14CC98"], - "locations": [0, 1], - "startPoint": { - "x": 0.15, - "y": 0.85 - }, - "endPoint": { - "x": 0.85, - "y": 0.15 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#108210", "#14CC98"], - "locations": [0, 1], - "startPoint": { - "x": 0.15, - "y": 0.85 - }, - "endPoint": { - "x": 0.85, - "y": 0.15 - } - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#24B23E3D", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#24B23E0F", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "[general.green.400][-0.88]", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "linear-gradient(135deg, black 0%, rgba(36, 178, 62, 0.12) 100%)", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех" - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех" - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#1798EEFF", - "comment": "" - }, - "surfaceInfoActive": { - "value": "#1086D5FF", - "comment": "" - }, - "surfaceInfo": { - "value": "[general.blue.500]", - "comment": "" - }, - "surfacePositiveMinorHover": { - "value": "#0E3A16FF", - "comment": "" - }, - "surfacePositiveMinorActive": { - "value": "#08210CFF", - "comment": "" - }, - "surfacePositiveMinor": { - "value": "[general.green.900]", - "comment": "" - }, - "surfaceWarningMinorHover": { - "value": "#4F250DFF", - "comment": "" - }, - "surfaceWarningMinorActive": { - "value": "#351909FF", - "comment": "" - }, - "surfaceWarningMinor": { - "value": "[general.orange.900]", - "comment": "" - }, - "surfaceNegativeMinorHover": { - "value": "#5B1018FF", - "comment": "" - }, - "surfaceNegativeMinorActive": { - "value": "#410B11FF", - "comment": "" - }, - "surfaceNegativeMinor": { - "value": "[general.red.900]", - "comment": "" - }, - "surfaceInfoMinorHover": { - "value": "#10344CFF", - "comment": "" - }, - "surfaceInfoMinorActive": { - "value": "#0A2333FF", - "comment": "" - }, - "surfaceInfoMinor": { - "value": "[general.blue.900]", - "comment": "" - }, - "surfaceTransparentPositiveHover": { - "value": "#1A9E3224", - "comment": "Прозрачный цвет фона поверхности/контрола успех" - }, - "surfaceTransparentPositiveActive": { - "value": "#1A9E320F", - "comment": "Прозрачный цвет фона поверхности/контрола успех" - }, - "surfaceTransparentPositive": { - "value": "rgba(26,158,50,0.08)", - "comment": "Прозрачный цвет фона поверхности/контрола успех" - }, - "surfaceTransparentWarningHover": { - "value": "#FF702424", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentWarningActive": { - "value": "#FF70240F", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentWarning": { - "value": "rgba(255,112,36,0.08)", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentNegativeHover": { - "value": "#FF3D5124", - "comment": "Прозрачный цвет фона поверхности/контрола ошибка" - }, - "surfaceTransparentNegativeActive": { - "value": "#FF3D510F", - "comment": "Прозрачный цвет фона поверхности/контрола ошибка" - }, - "surfaceTransparentNegative": { - "value": "rgba(255,61,81,0.08)", - "comment": "Прозрачный цвет фона поверхности/контрола ошибка" - }, - "surfaceTransparentInfoHover": { - "value": "#199AF024", - "comment": "" - }, - "surfaceTransparentInfoActive": { - "value": "#199AF00F", - "comment": "" - }, - "surfaceTransparentInfo": { - "value": "rgba(25,154,240,0.08)", - "comment": "" - }, - "surfaceRatingHover": { - "value": "#FFDE5CFF", - "comment": "" - }, - "surfaceRatingActive": { - "value": "#FFD633FF", - "comment": "" - }, - "surfaceRating": { - "value": "[general.gold.200]", - "comment": "" - }, - "surfaceRatingMinorHover": { - "value": "#3C320BFF", - "comment": "" - }, - "surfaceRatingMinorActive": { - "value": "#221D06FF", - "comment": "" - }, - "surfaceRatingMinor": { - "value": "[general.gold.900]", - "comment": "" - }, - "surfaceTransparentRatingHover": { - "value": "#B7920124", - "comment": "" - }, - "surfaceTransparentRatingActive": { - "value": "#B792010F", - "comment": "" - }, - "surfaceTransparentRating": { - "value": "rgba(183,146,1,0.08)", - "comment": "" - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#404040FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#303030FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#1C1C1CFF", - "comment": "Основной фон для карточек на темном фоне", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#121212FF", - "comment": "Основной фон для карточек на темном фоне", - "enabled": false - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек на темном фоне", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF1F", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF0A", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimary": { - "value": "rgba(255,255,255,0.06)", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF3D", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF0F", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondary": { - "value": "rgba(255,255,255,0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF52", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF24", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiary": { - "value": "rgba(255,255,255,0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFC2", - "comment": "Непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFF94", - "comment": "Непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentDeep": { - "value": "rgba(255,255,255,0.64)", - "comment": "Непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF1F", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF0A", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCard": { - "value": "rgba(255,255,255,0.06)", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#28C344FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#23A93BFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccent": { - "value": "[general.green.400]", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "linear-gradient(135deg, black 0%, #24B23E 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#24B23E3D", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#24B23E0F", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "[general.green.400][-0.88]", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "linear-gradient(135deg, black 0%, rgba(36, 178, 62, 0.12) 100%)", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#1A9E323D", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#1A9E320F", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "[general.green.500][-0.88]", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FA5F053D", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FA5F050F", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "[general.orange.500][-0.88]", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FF293E3D", - "comment": "Прозрачный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FF293E0F", - "comment": "Прозрачный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "[general.red.500][-0.88]", - "comment": "Прозрачный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#303030FF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#212121FF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.900]", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#404040FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#303030FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.850]", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#E8E8E8FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#D9D9D9FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceSolidCard": { - "value": "#F", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#0D0D0DFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#0808080F", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#08080800", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "[general.gray.1000][-0.980]", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#0808081F", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808080A", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "[general.gray.1000][-0.940]", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808083D", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#0808080F", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "[general.gray.1000][-0.880]", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#000000C2", - "comment": "Непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#00000094", - "comment": "Непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "rgba(0, 0, 0, 0.64)", - "comment": "Непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#0808081F", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#0808080A", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "[general.gray.1000][-0.940]", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#12A12AFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#0F8523FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccent": { - "value": "[general.green.600]", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "linear-gradient(135deg, white 0%, #108E26 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#108E253D", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#108E250F", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "[general.green.600][-0.88]", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "linear-gradient(135deg, white 0%, rgba(16, 142, 37, 0.12) 100%)", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#12A12AFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#0F8523FF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositive": { - "value": "[general.green.600]", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FC5E03FF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#DE5302FF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "[general.orange.600]", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#F5384BFF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#F31228FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#108E253D", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#108E250F", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "[general.green.600][-0.88]", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#E857023D", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#E857020F", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "[general.orange.600][-0.88]", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#F31B313D", - "comment": "Прозрачный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#F31B310F", - "comment": "Прозрачный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "[general.red.600][-0.88]", - "comment": "Прозрачный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#595959FF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#4A4A4AFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "[general.gray.800]", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#303030FF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#212121FF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "[general.gray.900]", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceTransparentPrimaryHover": { - "value": "#0808080F", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#08080800", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "[general.gray.1000][-0.980]", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#0808081F", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808080A", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "[general.gray.1000][-0.940]", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808083D", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#0808080F", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "[general.gray.1000][-0.880]", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#000000C2", - "comment": "Инвертированный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#00000094", - "comment": "Инвертированный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "rgba(0, 0, 0, 0.64)", - "comment": "Инвертированный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#0808081F", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#0808080A", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "[general.gray.1000][-0.940]", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#12A12AFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#0F8523FF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "[general.green.600]", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "linear-gradient(135deg, white 0%, #108E26 100%)", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#108E253D", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#108E250F", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "[general.green.600][-0.88]", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "linear-gradient(135deg, white 0%, rgba(16, 142, 37, 0.12) 100%)", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#12A12AFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#0F8523FF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "[general.green.600]", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FC5E03FF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#DE5302FF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "[general.orange.600]", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#F5384BFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#F31228FF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#108E253D", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#108E250F", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "[general.green.600][-0.88]", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#E857023D", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#E857020F", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "[general.orange.600][-0.88]", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#F31B313D", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#F31B310F", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "[general.red.600][-0.88]", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "[general.gray.1000]", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "[general.gray.950]", - "comment": "Третичный фон", - "enabled": false - }, - "backgroundGradientGreen": { - "value": { - "origin": "linear-gradient(36.09deg, #24B23E 1.152%, #AFED00 95.819%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#AFED00"], - "locations": [0.01, 0.96], - "startPoint": { - "x": 0.21, - "y": 0.91 - }, - "endPoint": { - "x": 0.79, - "y": 0.09 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#AFED00"], - "locations": [0.01, 0.96], - "startPoint": { - "x": 0.21, - "y": 0.91 - }, - "endPoint": { - "x": 0.79, - "y": 0.09 - } - } - }, - "comment": "" - }, - "backgroundGradientOrange": { - "value": { - "origin": "linear-gradient(36.09deg, #FA6D20 1.152%, #FA9D6B 95.819%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FA6D20", "#FA9D6B"], - "locations": [0.01, 0.96], - "startPoint": { - "x": 0.21, - "y": 0.91 - }, - "endPoint": { - "x": 0.79, - "y": 0.09 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FA6D20", "#FA9D6B"], - "locations": [0.01, 0.96], - "startPoint": { - "x": 0.21, - "y": 0.91 - }, - "endPoint": { - "x": 0.79, - "y": 0.09 - } - } - }, - "comment": "" - }, - "backgroundGradientYellow": { - "value": { - "origin": "linear-gradient(36.09deg, #F2C202 1.152%, #FFD83D 95.819%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#F2C202", "#FFD83D"], - "locations": [0.01, 0.96], - "startPoint": { - "x": 0.21, - "y": 0.91 - }, - "endPoint": { - "x": 0.79, - "y": 0.09 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#F2C202", "#FFD83D"], - "locations": [0.01, 0.96], - "startPoint": { - "x": 0.21, - "y": 0.91 - }, - "endPoint": { - "x": 0.79, - "y": 0.09 - } - } - }, - "comment": "" - }, - "backgroundGradientBlue": { - "value": { - "origin": "linear-gradient(36.09deg, #129DFA 1.152%, #52BAFF 95.819%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#129DFA", "#52BAFF"], - "locations": [0.01, 0.96], - "startPoint": { - "x": 0.21, - "y": 0.91 - }, - "endPoint": { - "x": 0.79, - "y": 0.09 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#129DFA", "#52BAFF"], - "locations": [0.01, 0.96], - "startPoint": { - "x": 0.21, - "y": 0.91 - }, - "endPoint": { - "x": 0.79, - "y": 0.09 - } - } - }, - "comment": "" - }, - "backgroundGradientRed": { - "value": { - "origin": "linear-gradient(36.09deg, #FF2E43 1.152%, #FD96A0 95.819%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FF2E43", "#FD96A0"], - "locations": [0.01, 0.96], - "startPoint": { - "x": 0.21, - "y": 0.91 - }, - "endPoint": { - "x": 0.79, - "y": 0.09 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FF2E43", "#FD96A0"], - "locations": [0.01, 0.96], - "startPoint": { - "x": 0.21, - "y": 0.91 - }, - "endPoint": { - "x": 0.79, - "y": 0.09 - } - } - }, - "comment": "" - }, - "backgroundGradientPink": { - "value": { - "origin": "linear-gradient(34.38deg, #FF1F78 7.846%, #FF8FBC 90.55%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FF1F78", "#FF8FBC"], - "locations": [0.08, 0.91], - "startPoint": { - "x": 0.22, - "y": 0.92 - }, - "endPoint": { - "x": 0.78, - "y": 0.09 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FF1F78", "#FF8FBC"], - "locations": [0.08, 0.91], - "startPoint": { - "x": 0.22, - "y": 0.92 - }, - "endPoint": { - "x": 0.78, - "y": 0.09 - } - } - }, - "comment": "" - }, - "backgroundGradientPurple": { - "value": { - "origin": "linear-gradient(34.38deg, #AD42F5 7.846%, #D39CF7 90.55%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#AD42F5", "#D39CF7"], - "locations": [0.08, 0.91], - "startPoint": { - "x": 0.22, - "y": 0.92 - }, - "endPoint": { - "x": 0.78, - "y": 0.09 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#AD42F5", "#D39CF7"], - "locations": [0.08, 0.91], - "startPoint": { - "x": 0.22, - "y": 0.92 - }, - "endPoint": { - "x": 0.78, - "y": 0.09 - } - } - }, - "comment": "" - } - }, - "dark": { - "backgroundPrimary": { - "value": "#000000", - "comment": "Основной фон на темном фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "[general.gray.1000]", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "[general.gray.950]", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на светлом фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "overlay": { - "default": { - "overlaySoft": { - "value": "rgba(8,8,8,0.56)", - "comment": "Цвет фона паранжи светлый" - }, - "overlayHard": { - "value": "rgba(8,8,8,0.96)", - "comment": "Цвет фона паранжи темный" - }, - "overlayBlur": { - "value": "rgba(8,8,8,0.20)", - "comment": "" - } - }, - "onDark": { - "overlaySoft": { - "value": "rgba(0, 0, 0, 0.56)", - "comment": "Цвет фона паранжи светлый на темном фоне", - "enabled": false - }, - "overlayHard": { - "value": "rgba(0, 0, 0, 0.9)", - "comment": "Цвет фона паранжи темный на темном фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на темном фоне", - "enabled": false - } - }, - "onLight": { - "overlaySoft": { - "value": "rgba(0, 0, 0, 0.56)", - "comment": "Цвет фона паранжи светлый на светлом фоне", - "enabled": false - }, - "overlayHard": { - "value": "rgba(0, 0, 0, 0.9)", - "comment": "Цвет фона паранжи темный на светлом фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на светлом фоне", - "enabled": false - } - }, - "inverse": { - "overlaySoft": { - "value": "rgba(0, 0, 0, 0.56)", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "rgba(0, 0, 0, 0.9)", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#2ACB47FF", - "comment": "" - }, - "outlinePositiveActive": { - "value": "#1F9835FF", - "comment": "" - }, - "outlinePositive": { - "value": "[general.green.400]", - "comment": "" - }, - "outlineWarningHover": { - "value": "#FF8442FF", - "comment": "" - }, - "outlineWarningActive": { - "value": "#FF5D05FF", - "comment": "" - }, - "outlineWarning": { - "value": "[general.orange.400]", - "comment": "" - }, - "outlineNegativeHover": { - "value": "#FF5C6CFF", - "comment": "" - }, - "outlineNegativeActive": { - "value": "#FF1F35FF", - "comment": "" - }, - "outlineNegative": { - "value": "[general.red.400]", - "comment": "" - }, - "outlineInfoHover": { - "value": "#66BCF5FF", - "comment": "" - }, - "outlineInfoActive": { - "value": "#0E8ADDFF", - "comment": "" - }, - "outlineInfo": { - "value": "[general.blue.400]", - "comment": "" - }, - "outlinePositiveMinorHover": { - "value": "#0F760FFF", - "comment": "" - }, - "outlinePositiveMinorActive": { - "value": "#0B5B0BFF", - "comment": "" - }, - "outlinePositiveMinor": { - "value": "[general.herbal.850]", - "comment": "" - }, - "outlineWarningMinorHover": { - "value": "#95400FFF", - "comment": "" - }, - "outlineWarningMinorActive": { - "value": "#79340CFF", - "comment": "" - }, - "outlineWarningMinor": { - "value": "[general.orange.850]", - "comment": "" - }, - "outlineNegativeMinorHover": { - "value": "#A01825FF", - "comment": "" - }, - "outlineNegativeMinorActive": { - "value": "#85141FFF", - "comment": "" - }, - "outlineNegativeMinor": { - "value": "[general.red.850]", - "comment": "" - }, - "outlineInfoMinorHover": { - "value": "#145E8FFF", - "comment": "" - }, - "outlineInfoMinorActive": { - "value": "#114C74FF", - "comment": "" - }, - "outlineInfoMinor": { - "value": "[general.blue.850]", - "comment": "" - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlinePrimaryHover": { - "value": "#FFFFFFFF", - "comment": "" - }, - "outlinePrimaryActive": { - "value": "#8C8C8CFF", - "comment": "" - }, - "outlinePrimary": { - "value": "[general.gray.800]", - "comment": "" - }, - "outlineSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "" - }, - "outlineSecondaryActive": { - "value": "#737373FF", - "comment": "" - }, - "outlineSecondary": { - "value": "[general.gray.700]", - "comment": "" - }, - "outlineTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "" - }, - "outlineTertiaryActive": { - "value": "#575757FF", - "comment": "" - }, - "outlineTertiary": { - "value": "[general.gray.400]", - "comment": "" - }, - "outlineRatingHover": { - "value": "#FFDE5CFF", - "comment": "" - }, - "outlineRatingActive": { - "value": "#FFD21FFF", - "comment": "" - }, - "outlineRating": { - "value": "[general.gold.200]", - "comment": "" - }, - "outlineRatingMinorHover": { - "value": "#77620DFF", - "comment": "" - }, - "outlineRatingMinorActive": { - "value": "#5C4B0AFF", - "comment": "" - }, - "outlineRatingMinor": { - "value": "[general.gold.850]", - "comment": "" - }, - "outlinePositiveTransparentHover": { - "value": "#24B23EFF", - "comment": "" - }, - "outlinePositiveTransparentActive": { - "value": "#24B23E31", - "comment": "" - }, - "outlinePositiveTransparent": { - "value": "rgba(36,178,62,0.16)", - "comment": "" - }, - "outlineWarningTransparentHover": { - "value": "#FF7024FF", - "comment": "" - }, - "outlineWarningTransparentActive": { - "value": "#FF702431", - "comment": "" - }, - "outlineWarningTransparent": { - "value": "rgba(255,112,36,0.16)", - "comment": "" - }, - "outlineNegativeTransparentHover": { - "value": "#FF3D51FF", - "comment": "" - }, - "outlineNegativeTransparentActive": { - "value": "#FF3D5131", - "comment": "" - }, - "outlineNegativeTransparent": { - "value": "rgba(255,61,81,0.16)", - "comment": "" - }, - "outlineInfoTransparentHover": { - "value": "#528EFFFF", - "comment": "" - }, - "outlineInfoTransparentActive": { - "value": "#528EFF31", - "comment": "" - }, - "outlineInfoTransparent": { - "value": "rgba(82,142,255,0.16)", - "comment": "" - }, - "outlineRatingTransparentHover": { - "value": "#FFD83DFF", - "comment": "" - }, - "outlineRatingTransparentActive": { - "value": "#FFD83D31", - "comment": "" - }, - "outlineRatingTransparent": { - "value": "rgba(255,216,61,0.16)", - "comment": "" - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePrimaryHover": { - "value": "#CCCCCCFF", - "comment": "", - "enabled": false - }, - "outlinePrimaryActive": { - "value": "#E6E6E6FF", - "comment": "", - "enabled": false - }, - "outlinePrimary": { - "value": "#FFFFFFFF", - "comment": "", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePrimaryHover": { - "value": "#CCCCCCFF", - "comment": "", - "enabled": false - }, - "outlinePrimaryActive": { - "value": "#E6E6E6FF", - "comment": "", - "enabled": false - }, - "outlinePrimary": { - "value": "#FFFFFFFF", - "comment": "", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePrimaryHover": { - "value": "#CCCCCCFF", - "comment": "", - "enabled": false - }, - "outlinePrimaryActive": { - "value": "#E6E6E6FF", - "comment": "", - "enabled": false - }, - "outlinePrimary": { - "value": "#FFFFFFFF", - "comment": "", - "enabled": false - } - } - } - }, - "light": { - "text": { - "default": { - "textPrimaryHover": { - "value": "#787878FF", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#4F4F4FFF", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "[general.gray.900]", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#404040FF", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "[general.gray.800]", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#757575FF", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "[general.gray.400]", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#787878FF", - "comment": "Сплошной наборный текст", - "enabled": false - }, - "textParagraphActive": { - "value": "#4F4F4FFF", - "comment": "Сплошной наборный текст", - "enabled": false - }, - "textParagraph": { - "value": "[general.gray.900]", - "comment": "Сплошной наборный текст", - "enabled": false - }, - "textAccentHover": { - "value": "#14B32EFF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#0C6A1BFF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": { - "origin": "linear-gradient(45deg, #108210 0%, #14CC98 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#108210", "#14CC98"], - "locations": [0, 1], - "startPoint": { - "x": 0.15, - "y": 0.85 - }, - "endPoint": { - "x": 0.85, - "y": 0.15 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#108210", "#14CC98"], - "locations": [0, 1], - "startPoint": { - "x": 0.15, - "y": 0.85 - }, - "endPoint": { - "x": 0.85, - "y": 0.15 - } - } - }, - "comment": "Акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1FC13DFF", - "comment": "Цвет успеха" - }, - "textPositiveActive": { - "value": "#147B27FF", - "comment": "Цвет успеха" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха" - }, - "textWarningHover": { - "value": "#FD6B17FF", - "comment": "Цвет предупреждения" - }, - "textWarningActive": { - "value": "#C04802FF", - "comment": "Цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Цвет предупреждения" - }, - "textNegativeHover": { - "value": "#EE2F43FF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#BD0F21FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.700]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#0E8ADDFF", - "comment": "" - }, - "textInfoActive": { - "value": "#095A90FF", - "comment": "" - }, - "textInfo": { - "value": "[general.blue.700]", - "comment": "" - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textTransparentAccentHover": { - "value": "#108E25FF", - "comment": "Прозрачный акцентный цвет", - "enabled": false - }, - "textTransparentAccentActive": { - "value": "#108E2525", - "comment": "Прозрачный акцентный цвет", - "enabled": false - }, - "textTransparentAccent": { - "value": "[general.green.600][-0.88]", - "comment": "Прозрачный акцентный цвет", - "enabled": false - }, - "textTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет с градиентом", - "enabled": false - }, - "textTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет с градиентом", - "enabled": false - }, - "textTransparentAccentGradient": { - "value": "linear-gradient(135deg, white 0%, rgba(16, 142, 37, 0.12) 100%)", - "comment": "Прозрачный акцентный цвет с градиентом", - "enabled": false - }, - "textTransparentNegativeHover": { - "value": "#F31B31FF", - "comment": "Прозрачный цвет ошибки", - "enabled": false - }, - "textTransparentNegativeActive": { - "value": "#F31B3125", - "comment": "Прозрачный цвет ошибки", - "enabled": false - }, - "textTransparentNegative": { - "value": "[general.red.600][-0.88]", - "comment": "Прозрачный цвет ошибки", - "enabled": false - }, - "textTransparentPositiveHover": { - "value": "#108E25FF", - "comment": "Цвет успеха", - "enabled": false - }, - "textTransparentPositiveActive": { - "value": "#108E2525", - "comment": "Цвет успеха", - "enabled": false - }, - "textTransparentPositive": { - "value": "[general.green.600][-0.88]", - "comment": "Цвет успеха", - "enabled": false - }, - "textTransparentWarningHover": { - "value": "#E85702FF", - "comment": "Прозрачный цвет предупреждения", - "enabled": false - }, - "textTransparentWarningActive": { - "value": "#E8570225", - "comment": "Прозрачный цвет предупреждения", - "enabled": false - }, - "textTransparentWarning": { - "value": "[general.orange.600][-0.88]", - "comment": "Прозрачный цвет предупреждения", - "enabled": false - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#000000FF", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "#FFFFFF", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#8F8F8FFF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "[general.gray.300]", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#595959FF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "[general.gray.700]", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#000000FF", - "comment": "Сплошной наборный текст на темном фоне", - "enabled": false - }, - "textParagraphActive": { - "value": "#BDBDBDFF", - "comment": "Сплошной наборный текст на темном фоне", - "enabled": false - }, - "textParagraph": { - "value": "[general.gray.150]", - "comment": "Сплошной наборный текст на темном фоне", - "enabled": false - }, - "textAccentHover": { - "value": "#2BD44AFF", - "comment": "Акцентный цвет на темном фоне", - "enabled": false - }, - "textAccentActive": { - "value": "#1D9032FF", - "comment": "Акцентный цвет на темном фоне", - "enabled": false - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Акцентный цвет на темном фоне", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "linear-gradient(135deg, black 0%, #24B23E 100%)", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1FC13DFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#147B27FF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#D25004FF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeActive": { - "value": "#FF001AFF", - "comment": "Цвет ошибки на темном фоне", - "enabled": false - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textTransparentAccentHover": { - "value": "#24B23EFF", - "comment": "Прозрачный акцентный цвет на темном фоне", - "enabled": false - }, - "textTransparentAccentActive": { - "value": "#24B23E25", - "comment": "Прозрачный акцентный цвет на темном фоне", - "enabled": false - }, - "textTransparentAccent": { - "value": "[general.green.400][-0.88]", - "comment": "Прозрачный акцентный цвет на темном фоне", - "enabled": false - }, - "textTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textTransparentAccentGradient": { - "value": "linear-gradient(135deg, black 0%, rgba(36, 178, 62, 0.12) 100%)", - "comment": "Прозрачный акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textTransparentNegativeHover": { - "value": "#FF293EFF", - "comment": "Прозрачный цвет ошибки на темном фоне", - "enabled": false - }, - "textTransparentNegativeActive": { - "value": "#FF293E25", - "comment": "Прозрачный цвет ошибки на темном фоне", - "enabled": false - }, - "textTransparentNegative": { - "value": "[general.red.500][-0.88]", - "comment": "Прозрачный цвет ошибки на темном фоне", - "enabled": false - }, - "textTransparentPositiveHover": { - "value": "#1A9E32FF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textTransparentPositiveActive": { - "value": "#1A9E3225", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textTransparentPositive": { - "value": "[general.green.500][-0.88]", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textTransparentWarningHover": { - "value": "#FA5F05FF", - "comment": "Прозрачный цвет предупреждения на темном фоне", - "enabled": false - }, - "textTransparentWarningActive": { - "value": "#FA5F0525", - "comment": "Прозрачный цвет предупреждения на темном фоне", - "enabled": false - }, - "textTransparentWarning": { - "value": "[general.orange.500][-0.88]", - "comment": "Прозрачный цвет предупреждения на темном фоне", - "enabled": false - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#787878FF", - "comment": "Основной цвет текста на светлом фоне", - "enabled": true - }, - "textPrimaryActive": { - "value": "#4F4F4FFF", - "comment": "Основной цвет текста на светлом фоне", - "enabled": true - }, - "textPrimary": { - "value": "[general.gray.900]", - "comment": "Основной цвет текста на светлом фоне", - "enabled": true - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный цвет текста на светлом фоне", - "enabled": true - }, - "textSecondaryActive": { - "value": "#404040FF", - "comment": "Вторичный цвет текста на светлом фоне", - "enabled": true - }, - "textSecondary": { - "value": "[general.gray.800]", - "comment": "Вторичный цвет текста на светлом фоне", - "enabled": true - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный цвет текста на светлом фоне", - "enabled": true - }, - "textTertiaryActive": { - "value": "#757575FF", - "comment": "Третичный цвет текста на светлом фоне", - "enabled": true - }, - "textTertiary": { - "value": "[general.gray.400]", - "comment": "Третичный цвет текста на светлом фоне", - "enabled": true - }, - "textParagraphHover": { - "value": "#787878FF", - "comment": "Сплошной наборный текст на светлом фоне", - "enabled": false - }, - "textParagraphActive": { - "value": "#4F4F4FFF", - "comment": "Сплошной наборный текст на светлом фоне", - "enabled": false - }, - "textParagraph": { - "value": "[general.gray.900]", - "comment": "Сплошной наборный текст на светлом фоне", - "enabled": false - }, - "textAccentHover": { - "value": "#14B32EFF", - "comment": "Акцентный цвет на светлом фоне", - "enabled": false - }, - "textAccentActive": { - "value": "#0C6A1BFF", - "comment": "Акцентный цвет на светлом фоне", - "enabled": false - }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Акцентный цвет на светлом фоне", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "linear-gradient(135deg, white 0%, #108E26 100%)", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#14B32EFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#0C6A1BFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositive": { - "value": "[general.green.600]", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#FD6B17FF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#C04802FF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeActive": { - "value": "#DA0B20FF", - "comment": "Цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textTransparentAccentHover": { - "value": "#108E25FF", - "comment": "Прозрачный акцентный цвет на светлом фоне", - "enabled": false - }, - "textTransparentAccentActive": { - "value": "#108E2525", - "comment": "Прозрачный акцентный цвет на светлом фоне", - "enabled": false - }, - "textTransparentAccent": { - "value": "[general.green.600][-0.88]", - "comment": "Прозрачный акцентный цвет на светлом фоне", - "enabled": false - }, - "textTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textTransparentAccentGradient": { - "value": "linear-gradient(135deg, white 0%, rgba(16, 142, 37, 0.12) 100%)", - "comment": "Прозрачный акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textTransparentNegativeHover": { - "value": "#F31B31FF", - "comment": "Прозрачный цвет ошибки на светлом фоне", - "enabled": false - }, - "textTransparentNegativeActive": { - "value": "#F31B3125", - "comment": "Прозрачный цвет ошибки на светлом фоне", - "enabled": false - }, - "textTransparentNegative": { - "value": "[general.red.600][-0.88]", - "comment": "Прозрачный цвет ошибки на светлом фоне", - "enabled": false - }, - "textTransparentPositiveHover": { - "value": "#108E25FF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textTransparentPositiveActive": { - "value": "#108E2525", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textTransparentPositive": { - "value": "[general.green.600][-0.88]", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textTransparentWarningHover": { - "value": "#E85702FF", - "comment": "Прозрачный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textTransparentWarningActive": { - "value": "#E8570225", - "comment": "Прозрачный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textTransparentWarning": { - "value": "[general.orange.600][-0.88]", - "comment": "Прозрачный цвет предупреждения на светлом фоне", - "enabled": false - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#8F8F8FFF", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondary": { - "value": "[general.gray.300]", - "comment": "Инвертированный вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#595959FF", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiary": { - "value": "[general.gray.700]", - "comment": "Инвертированный третичный цвет текста" - }, - "textParagraphHover": { - "value": "#000000FF", - "comment": "Инвертированный cплошной наборный текст", - "enabled": false - }, - "textParagraphActive": { - "value": "#BDBDBDFF", - "comment": "Инвертированный cплошной наборный текст", - "enabled": false - }, - "textParagraph": { - "value": "[general.gray.150]", - "comment": "Инвертированный cплошной наборный текст", - "enabled": false - }, - "textAccentHover": { - "value": "#2BD44AFF", - "comment": "Инвертированный акцентный цвет" - }, - "textAccentActive": { - "value": "#1D9032FF", - "comment": "Инвертированный акцентный цвет" - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Инвертированный акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": { - "origin": "linear-gradient(45deg, #0B8C0B 0%, #14CC98 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#0B8C0B", "#14CC98"], - "locations": [0, 1], - "startPoint": { - "x": 0.15, - "y": 0.85 - }, - "endPoint": { - "x": 0.85, - "y": 0.15 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#0B8C0B", "#14CC98"], - "locations": [0, 1], - "startPoint": { - "x": 0.15, - "y": 0.85 - }, - "endPoint": { - "x": 0.85, - "y": 0.15 - } - } - }, - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#2BD44AFF", - "comment": "Инвертированный цвет успеха" - }, - "textPositiveActive": { - "value": "#1D9032FF", - "comment": "Инвертированный цвет успеха" - }, - "textPositive": { - "value": "[general.green.400]", - "comment": "Инвертированный цвет успеха" - }, - "textWarningHover": { - "value": "#FB782DFF", - "comment": "Инвертированный цвет предупреждения" - }, - "textWarningActive": { - "value": "#D25004FF", - "comment": "Инвертированный цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Инвертированный цвет предупреждения" - }, - "textNegativeHover": { - "value": "#FF5263FF", - "comment": "Инвертированный цвет ошибки" - }, - "textNegativeActive": { - "value": "#FF001AFF", - "comment": "Инвертированный цвет ошибки" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Инвертированный цвет ошибки" - }, - "textInfoHover": { - "value": "#2AA0EFFF", - "comment": "" - }, - "textInfoActive": { - "value": "#0E75B9FF", - "comment": "" - }, - "textInfo": { - "value": "[general.blue.500]", - "comment": "" - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textTransparentAccentHover": { - "value": "#24B23EFF", - "comment": "Прозрачный инвертированный акцентный цвет", - "enabled": false - }, - "textTransparentAccentActive": { - "value": "#24B23E25", - "comment": "Прозрачный инвертированный акцентный цвет", - "enabled": false - }, - "textTransparentAccent": { - "value": "[general.green.400][-0.88]", - "comment": "Прозрачный инвертированный акцентный цвет", - "enabled": false - }, - "textTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textTransparentAccentGradient": { - "value": "linear-gradient(135deg, black 0%, rgba(36, 178, 62, 0.12) 100%)", - "comment": "Прозрачный инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textTransparentNegativeHover": { - "value": "#FF293EFF", - "comment": "Прозрачный инвертированный цвет ошибки", - "enabled": false - }, - "textTransparentNegativeActive": { - "value": "#FF293E25", - "comment": "Прозрачный инвертированный цвет ошибки", - "enabled": false - }, - "textTransparentNegative": { - "value": "[general.red.500][-0.88]", - "comment": "Прозрачный инвертированный цвет ошибки", - "enabled": false - }, - "textTransparentPositiveHover": { - "value": "#1A9E32FF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textTransparentPositiveActive": { - "value": "#1A9E3225", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textTransparentPositive": { - "value": "[general.green.500][-0.88]", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textTransparentWarningHover": { - "value": "#FA5F05FF", - "comment": "Прозрачный инвертированный цвет предупреждения", - "enabled": false - }, - "textTransparentWarningActive": { - "value": "#FA5F0525", - "comment": "Прозрачный инвертированный цвет предупреждения", - "enabled": false - }, - "textTransparentWarning": { - "value": "[general.orange.500][-0.88]", - "comment": "Прозрачный инвертированный цвет предупреждения", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#EDEDEDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#D4D4D4FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "#F", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefault": { - "value": "#F", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceTransparentPrimaryHover": { - "value": "#08080800", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#0808080A", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "[general.gray.1000][-0.980]", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#08080805", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808081A", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "[general.gray.1000][-0.940]", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808080A", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#08080829", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "[general.gray.1000][-0.880]", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#0000008F", - "comment": "Непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#000000AD", - "comment": "Непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "rgba(0, 0, 0, 0.64)", - "comment": "Непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#08080805", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#0808081A", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "[general.gray.1000][-0.940]", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClear": { - "value": "rgba(0,0,0,0)", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceAccentHover": { - "value": "#1EB83AFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentActive": { - "value": "#178C2CFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(45deg, #108210 0%, #14CC98 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#108210", "#14CC98"], - "locations": [0, 1], - "startPoint": { - "x": 0.15, - "y": 0.85 - }, - "endPoint": { - "x": 0.85, - "y": 0.15 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#108210", "#14CC98"], - "locations": [0, 1], - "startPoint": { - "x": 0.15, - "y": 0.85 - }, - "endPoint": { - "x": 0.85, - "y": 0.15 - } - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#108E250A", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#108E2529", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "[general.green.600][-0.88]", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "linear-gradient(135deg, white 0%, rgba(16, 142, 37, 0.12) 100%)", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха" - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха" - }, - "surfaceWarningHover": { - "value": "#FC5E03FF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarningActive": { - "value": "#D44F02FF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarning": { - "value": "[general.orange.600]", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceNegativeHover": { - "value": "#ED1D31FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#D01124FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "[general.red.700]", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#0D7EC9FF", - "comment": "" - }, - "surfaceInfoActive": { - "value": "#0A66A3FF", - "comment": "" - }, - "surfaceInfo": { - "value": "[general.blue.700]", - "comment": "" - }, - "surfacePositiveMinorHover": { - "value": "#F5FFF8FF", - "comment": "" - }, - "surfacePositiveMinorActive": { - "value": "#D6FFE2FF", - "comment": "" - }, - "surfacePositiveMinor": { - "value": "[general.green.100]", - "comment": "" - }, - "surfaceWarningMinorHover": { - "value": "#FFFCFAFF", - "comment": "" - }, - "surfaceWarningMinorActive": { - "value": "#FFEEE5FF", - "comment": "" - }, - "surfaceWarningMinor": { - "value": "[general.orange.100]", - "comment": "" - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "" - }, - "surfaceNegativeMinorActive": { - "value": "#FFEBEDFF", - "comment": "" - }, - "surfaceNegativeMinor": { - "value": "[general.red.100]", - "comment": "" - }, - "surfaceInfoMinorHover": { - "value": "#F5FBFFFF", - "comment": "" - }, - "surfaceInfoMinorActive": { - "value": "#E0F3FFFF", - "comment": "" - }, - "surfaceInfoMinor": { - "value": "[general.blue.100]", - "comment": "" - }, - "surfaceTransparentPositiveHover": { - "value": "#1A9E3205", - "comment": "Цвет успеха" - }, - "surfaceTransparentPositiveActive": { - "value": "#1A9E320F", - "comment": "Цвет успеха" - }, - "surfaceTransparentPositive": { - "value": "rgba(26,158,50,0.04)", - "comment": "Цвет успеха" - }, - "surfaceTransparentWarningHover": { - "value": "#D14D0003", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentWarningActive": { - "value": "#D14D000D", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentWarning": { - "value": "rgba(209,77,0,0.03)", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentNegativeHover": { - "value": "#E2122703", - "comment": "Прозрачный цвет фона поверхности/контрола ошибка" - }, - "surfaceTransparentNegativeActive": { - "value": "#E212270D", - "comment": "Прозрачный цвет фона поверхности/контрола ошибка" - }, - "surfaceTransparentNegative": { - "value": "rgba(227,18,39,0.03)", - "comment": "Прозрачный цвет фона поверхности/контрола ошибка" - }, - "surfaceTransparentInfoHover": { - "value": "#0C72B605", - "comment": "" - }, - "surfaceTransparentInfoActive": { - "value": "#0C72B60F", - "comment": "" - }, - "surfaceTransparentInfo": { - "value": "rgba(12,114,182,0.04)", - "comment": "" - }, - "surfaceRatingHover": { - "value": "#F0C105FF", - "comment": "" - }, - "surfaceRatingActive": { - "value": "#C8A104FF", - "comment": "" - }, - "surfaceRating": { - "value": "[general.gold.300]", - "comment": "" - }, - "surfaceRatingMinorHover": { - "value": "#FFFBEBFF", - "comment": "" - }, - "surfaceRatingMinorActive": { - "value": "#FFF5CCFF", - "comment": "" - }, - "surfaceRatingMinor": { - "value": "[general.gold.100]", - "comment": "" - }, - "surfaceTransparentRatingHover": { - "value": "#8F720005", - "comment": "" - }, - "surfaceTransparentRatingActive": { - "value": "#8F72000F", - "comment": "" - }, - "surfaceTransparentRating": { - "value": "rgba(143,114,0,0.04)", - "comment": "" - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#4A4A4AFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#2B2B2BFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#363636FF", - "comment": "Основной фон для карточек на темном фоне", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#0D0D0DFF", - "comment": "Основной фон для карточек на темном фоне", - "enabled": false - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек на темном фоне", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF05", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF1A", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimary": { - "value": "rgba(255,255,255,0.06)", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF0A", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF29", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondary": { - "value": "rgba(255,255,255,0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF1F", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF3D", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiary": { - "value": "rgba(255,255,255,0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFF8F", - "comment": "Непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFAD", - "comment": "Непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentDeep": { - "value": "rgba(255,255,255,0.64)", - "comment": "Непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF05", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF1A", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCard": { - "value": "rgba(255,255,255,0.06)", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#28C344FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#21A138FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccent": { - "value": "[general.green.400]", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "linear-gradient(135deg, black 0%, #24B23E 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#24B23E0A", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#24B23E29", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "[general.green.400][-0.88]", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "linear-gradient(135deg, black 0%, rgba(36, 178, 62, 0.12) 100%)", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#1A9E320A", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#1A9E3229", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "[general.green.500][-0.88]", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FA5F050A", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FA5F0529", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "[general.orange.500][-0.88]", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FF293E0A", - "comment": "Прозрачный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FF293E29", - "comment": "Прозрачный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "[general.red.500][-0.88]", - "comment": "Прозрачный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#3B3B3BFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#1C1C1CFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.900]", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#4A4A4AFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#2B2B2BFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.850]", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#EDEDEDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#D4D4D4FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceSolidCard": { - "value": "#F", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#262626FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#08080800", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#0808080A", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "[general.gray.1000][-0.980]", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#08080805", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808081A", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "[general.gray.1000][-0.940]", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808080A", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#08080829", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "[general.gray.1000][-0.880]", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#0000008F", - "comment": "Непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#000000AD", - "comment": "Непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "rgba(0, 0, 0, 0.64)", - "comment": "Непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#08080805", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#0808081A", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "[general.gray.1000][-0.940]", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#12A12AFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#0E7C20FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccent": { - "value": "[general.green.600]", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "linear-gradient(135deg, white 0%, #108E26 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#108E250A", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#108E2529", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "[general.green.600][-0.88]", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "linear-gradient(135deg, white 0%, rgba(16, 142, 37, 0.12) 100%)", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#12A12AFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#0E7C20FF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "surfacePositive": { - "value": "[general.green.600]", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FC5E03FF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#D44F02FF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "[general.orange.600]", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#ED0C23FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#108E250A", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#108E2529", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "[general.green.600][-0.88]", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#E857020A", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#E8570229", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "[general.orange.600][-0.88]", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#F31B310A", - "comment": "Прозрачный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#F31B3129", - "comment": "Прозрачный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "[general.red.600][-0.88]", - "comment": "Прозрачный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#3B3B3BFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimaryActive": { - "value": "#1C1C1CFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.900]", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryHover": { - "value": "#4A4A4AFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#2B2B2BFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.850]", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#EDEDEDFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#D4D4D4FF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "#F", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#262626FF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF05", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF1A", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF0A", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF29", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF1F", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF3D", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFF8F", - "comment": "Инвертированный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFAD", - "comment": "Инвертированный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "rgba(255, 255, 255, 0.64)", - "comment": "Инвертированный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF0A", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF29", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#28C344FF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#21A138FF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "[general.green.400]", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "linear-gradient(135deg, black 0%, #24B23E 100%)", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#24B23E0A", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#24B23E29", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "[general.green.400][-0.88]", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "linear-gradient(135deg, black 0%, rgba(36, 178, 62, 0.12) 100%)", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#1A9E320A", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#1A9E3229", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "[general.green.500][-0.88]", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FA5F050A", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FA5F0529", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "[general.orange.500][-0.88]", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FF293E0A", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FF293E29", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "[general.red.500][-0.88]", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - }, - "backgroundGradientGreen": { - "value": { - "origin": "linear-gradient(36.09deg, #24B23E 1.152%, #AFED00 95.819%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#AFED00"], - "locations": [0.01, 0.96], - "startPoint": { - "x": 0.21, - "y": 0.91 - }, - "endPoint": { - "x": 0.79, - "y": 0.09 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#AFED00"], - "locations": [0.01, 0.96], - "startPoint": { - "x": 0.21, - "y": 0.91 - }, - "endPoint": { - "x": 0.79, - "y": 0.09 - } - } - }, - "comment": "" - }, - "backgroundGradientOrange": { - "value": { - "origin": "linear-gradient(36.09deg, #FA6D20 1.152%, #FA9D6B 95.819%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FA6D20", "#FA9D6B"], - "locations": [0.01, 0.96], - "startPoint": { - "x": 0.21, - "y": 0.91 - }, - "endPoint": { - "x": 0.79, - "y": 0.09 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FA6D20", "#FA9D6B"], - "locations": [0.01, 0.96], - "startPoint": { - "x": 0.21, - "y": 0.91 - }, - "endPoint": { - "x": 0.79, - "y": 0.09 - } - } - }, - "comment": "" - }, - "backgroundGradientYellow": { - "value": { - "origin": "linear-gradient(36.09deg, #F2C202 1.152%, #FFD83D 95.819%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#F2C202", "#FFD83D"], - "locations": [0.01, 0.96], - "startPoint": { - "x": 0.21, - "y": 0.91 - }, - "endPoint": { - "x": 0.79, - "y": 0.09 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#F2C202", "#FFD83D"], - "locations": [0.01, 0.96], - "startPoint": { - "x": 0.21, - "y": 0.91 - }, - "endPoint": { - "x": 0.79, - "y": 0.09 - } - } - }, - "comment": "" - }, - "backgroundGradientBlue": { - "value": { - "origin": "linear-gradient(36.09deg, #129DFA 1.152%, #52BAFF 95.819%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#129DFA", "#52BAFF"], - "locations": [0.01, 0.96], - "startPoint": { - "x": 0.21, - "y": 0.91 - }, - "endPoint": { - "x": 0.79, - "y": 0.09 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#129DFA", "#52BAFF"], - "locations": [0.01, 0.96], - "startPoint": { - "x": 0.21, - "y": 0.91 - }, - "endPoint": { - "x": 0.79, - "y": 0.09 - } - } - }, - "comment": "" - }, - "backgroundGradientRed": { - "value": { - "origin": "linear-gradient(36.09deg, #FF2E43 1.152%, #FD96A0 95.819%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FF2E43", "#FD96A0"], - "locations": [0.01, 0.96], - "startPoint": { - "x": 0.21, - "y": 0.91 - }, - "endPoint": { - "x": 0.79, - "y": 0.09 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FF2E43", "#FD96A0"], - "locations": [0.01, 0.96], - "startPoint": { - "x": 0.21, - "y": 0.91 - }, - "endPoint": { - "x": 0.79, - "y": 0.09 - } - } - }, - "comment": "" - }, - "backgroundGradientPurple": { - "value": { - "origin": "linear-gradient(34.82deg, #AD42F5 7.846%, #D39CF7 90.55%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#AD42F5", "#D39CF7"], - "locations": [0.08, 0.91], - "startPoint": { - "x": 0.22, - "y": 0.91 - }, - "endPoint": { - "x": 0.78, - "y": 0.09 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#AD42F5", "#D39CF7"], - "locations": [0.08, 0.91], - "startPoint": { - "x": 0.22, - "y": 0.91 - }, - "endPoint": { - "x": 0.78, - "y": 0.09 - } - } - }, - "comment": "" - }, - "backgroundGradientPink": { - "value": { - "origin": "linear-gradient(34.38deg, #FF1F78 7.846%, #FF8FBC 90.55%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FF1F78", "#FF8FBC"], - "locations": [0.08, 0.91], - "startPoint": { - "x": 0.22, - "y": 0.92 - }, - "endPoint": { - "x": 0.78, - "y": 0.09 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FF1F78", "#FF8FBC"], - "locations": [0.08, 0.91], - "startPoint": { - "x": 0.22, - "y": 0.92 - }, - "endPoint": { - "x": 0.78, - "y": 0.09 - } - } - }, - "comment": "" - } - }, - "dark": { - "backgroundPrimary": { - "value": "#000000", - "comment": "Основной фон на темном фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "[general.gray.1000]", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "[general.gray.950]", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на светлом фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "#000000", - "comment": "Инвертированный основной фон", - "enabled": false - }, - "backgroundSecondary": { - "value": "[general.gray.1000]", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "[general.gray.950]", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "overlay": { - "default": { - "overlaySoft": { - "value": "rgba(249,249,249,0.56)", - "comment": "Цвет фона паранжи светлый" - }, - "overlayHard": { - "value": "rgba(249,249,249,0.96)", - "comment": "Цвет фона паранжи темный" - }, - "overlayBlur": { - "value": "rgba(249,249,249,0.20)", - "comment": "" - } - }, - "onDark": { - "overlaySoft": { - "value": "rgba(0, 0, 0, 0.56)", - "comment": "Цвет фона паранжи светлый на темном фоне", - "enabled": false - }, - "overlayHard": { - "value": "rgba(0, 0, 0, 0.9)", - "comment": "Цвет фона паранжи темный на темном фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на темном фоне", - "enabled": false - } - }, - "onLight": { - "overlaySoft": { - "value": "rgba(0, 0, 0, 0.56)", - "comment": "Цвет фона паранжи светлый на светлом фоне", - "enabled": false - }, - "overlayHard": { - "value": "rgba(0, 0, 0, 0.9)", - "comment": "Цвет фона паранжи темный на светлом фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на светлом фоне", - "enabled": false - } - }, - "inverse": { - "overlaySoft": { - "value": "rgba(0, 0, 0, 0.56)", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "rgba(0, 0, 0, 0.9)", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#14B32EFF", - "comment": "" - }, - "outlinePositiveActive": { - "value": "#0C6A1BFF", - "comment": "" - }, - "outlinePositive": { - "value": "[general.green.600]", - "comment": "" - }, - "outlineWarningHover": { - "value": "#FD6B17FF", - "comment": "" - }, - "outlineWarningActive": { - "value": "#C04802FF", - "comment": "" - }, - "outlineWarning": { - "value": "[general.orange.600]", - "comment": "" - }, - "outlineNegativeHover": { - "value": "#F54254FF", - "comment": "" - }, - "outlineNegativeActive": { - "value": "#DA0B20FF", - "comment": "" - }, - "outlineNegative": { - "value": "[general.red.600]", - "comment": "" - }, - "outlineInfoHover": { - "value": "#0D96F2FF", - "comment": "" - }, - "outlineInfoActive": { - "value": "#0966A5FF", - "comment": "" - }, - "outlineInfo": { - "value": "[general.blue.600]", - "comment": "" - }, - "outlinePositiveMinorHover": { - "value": "#BDFFBDFF", - "comment": "" - }, - "outlinePositiveMinorActive": { - "value": "#6BFF6BFF", - "comment": "" - }, - "outlinePositiveMinor": { - "value": "[general.herbal.150]", - "comment": "" - }, - "outlineWarningMinorHover": { - "value": "#FFFCFAFF", - "comment": "" - }, - "outlineWarningMinorActive": { - "value": "#FDC9AAFF", - "comment": "" - }, - "outlineWarningMinor": { - "value": "[general.orange.150]", - "comment": "" - }, - "outlineNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "" - }, - "outlineNegativeMinorActive": { - "value": "#FFB8BFFF", - "comment": "" - }, - "outlineNegativeMinor": { - "value": "[general.red.150]", - "comment": "" - }, - "outlineInfoMinorHover": { - "value": "#FAFDFFFF", - "comment": "" - }, - "outlineInfoMinorActive": { - "value": "#A8DCFFFF", - "comment": "" - }, - "outlineInfoMinor": { - "value": "[general.blue.150]", - "comment": "" - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlinePrimaryHover": { - "value": "#000000FF", - "comment": "" - }, - "outlinePrimaryActive": { - "value": "#B3B3B3FF", - "comment": "" - }, - "outlinePrimary": { - "value": "[general.gray.200]", - "comment": "" - }, - "outlineSecondaryHover": { - "value": "#000000FF", - "comment": "" - }, - "outlineSecondaryActive": { - "value": "#8F8F8FFF", - "comment": "" - }, - "outlineSecondary": { - "value": "[general.gray.300]", - "comment": "" - }, - "outlineTertiaryHover": { - "value": "#000000FF", - "comment": "" - }, - "outlineTertiaryActive": { - "value": "#595959FF", - "comment": "" - }, - "outlineTertiary": { - "value": "[general.gray.700]", - "comment": "" - }, - "outlineRatingHover": { - "value": "#FACB0FFF", - "comment": "" - }, - "outlineRatingActive": { - "value": "#B49104FF", - "comment": "" - }, - "outlineRating": { - "value": "[general.gold.300]", - "comment": "" - }, - "outlineRatingMinorHover": { - "value": "#FFF0B3FF", - "comment": "" - }, - "outlineRatingMinorActive": { - "value": "#FFDF61FF", - "comment": "" - }, - "outlineRatingMinor": { - "value": "[general.gold.150]", - "comment": "" - }, - "outlinePositiveTransparentHover": { - "value": "#1A9E32FF", - "comment": "" - }, - "outlinePositiveTransparentActive": { - "value": "#1A9E3218", - "comment": "" - }, - "outlinePositiveTransparent": { - "value": "rgba(26,158,50,0.08)", - "comment": "" - }, - "outlineWarningTransparentHover": { - "value": "#D14D00FF", - "comment": "" - }, - "outlineWarningTransparentActive": { - "value": "#D14D0018", - "comment": "" - }, - "outlineWarningTransparent": { - "value": "rgba(209,77,0,0.08)", - "comment": "" - }, - "outlineNegativeTransparentHover": { - "value": "#E21227FF", - "comment": "" - }, - "outlineNegativeTransparentActive": { - "value": "#E2122718", - "comment": "" - }, - "outlineNegativeTransparent": { - "value": "rgba(227,18,39,0.08)", - "comment": "" - }, - "outlineInfoTransparentHover": { - "value": "#0C72B6FF", - "comment": "" - }, - "outlineInfoTransparentActive": { - "value": "#0C72B618", - "comment": "" - }, - "outlineInfoTransparent": { - "value": "rgba(12,114,182,0.08)", - "comment": "" - }, - "outlineRatingTransparentHover": { - "value": "#DCB104FF", - "comment": "" - }, - "outlineRatingTransparentActive": { - "value": "#DCB10418", - "comment": "" - }, - "outlineRatingTransparent": { - "value": "rgba(220,177,4,0.08)", - "comment": "" - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePrimaryHover": { - "value": "#000000FF", - "comment": "", - "enabled": false - }, - "outlinePrimaryActive": { - "value": "#CCCCCCFF", - "comment": "", - "enabled": false - }, - "outlinePrimary": { - "value": "#FFFFFFFF", - "comment": "", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePrimaryHover": { - "value": "#000000FF", - "comment": "", - "enabled": false - }, - "outlinePrimaryActive": { - "value": "#CCCCCCFF", - "comment": "", - "enabled": false - }, - "outlinePrimary": { - "value": "#FFFFFFFF", - "comment": "", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePrimaryHover": { - "value": "#000000FF", - "comment": "", - "enabled": false - }, - "outlinePrimaryActive": { - "value": "#CCCCCCFF", - "comment": "", - "enabled": false - }, - "outlinePrimary": { - "value": "#FFFFFFFF", - "comment": "", - "enabled": false - } - } - } - } -} diff --git a/packages/themes/data-themes/data/themes/plasma_b2c.json b/packages/themes/data-themes/data/themes/plasma_b2c.json deleted file mode 100644 index beacfb98a6..0000000000 --- a/packages/themes/data-themes/data/themes/plasma_b2c.json +++ /dev/null @@ -1,10305 +0,0 @@ -{ - "config": { - "name": "plasma_b2c", - "accentColor": { - "light": "#FFFFFF", - "dark": "#FFFFFF" - }, - "grayscale": { - "light": "gray", - "dark": "gray" - }, - "opacity": { - "textIcons": false, - "surfaces": false - } - }, - "dark": { - "text": { - "default": { - "textPrimaryHover": { - "value": "#FFFFFF93", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#FFFFFFC4", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "rgba(255, 255, 255, 0.96)", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#FFFFFFAB", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "rgba(255, 255, 255, 0.56)", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#FFFFFF56", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "rgba(255, 255, 255, 0.28)", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#FFFFFF7A", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#FFFFFFA3", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "rgba(255, 255, 255, 0.8)", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#90B6FEFF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#216EFDFF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": "linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%)", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха" - }, - "textPositiveActive": { - "value": "#15842AFF", - "comment": "Цвет успеха" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха" - }, - "textWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет предупреждения" - }, - "textWarningActive": { - "value": "#DC5304FF", - "comment": "Цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Цвет предупреждения" - }, - "textNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#FF0A23FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#FFFFFF93", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#FFFFFFC4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "rgba(255, 255, 255, 0.96)", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#FFFFFFAB", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "rgba(255, 255, 255, 0.56)", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#FFFFFF56", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "rgba(255, 255, 255, 0.28)", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#FFFFFF7A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#FFFFFFA3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "rgba(255, 255, 255, 0.8)", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#90B6FEFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#216EFDFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%)", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositiveActive": { - "value": "#15842AFF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на темном фоне" - }, - "textWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarningActive": { - "value": "#DC5304FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Цвет предупреждения на темном фоне" - }, - "textNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF0A23FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#08080893", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#080808C4", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "rgba(8, 8, 8, 0.96)", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#080808FF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#080808AB", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "rgba(8, 8, 8, 0.56)", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#080808FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#08080856", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "rgba(8, 8, 8, 0.28)", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#0808087A", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#080808A3", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "rgba(8, 8, 8, 0.8)", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#79A7FBFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#0D5FF8FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "[general.electricBlue.600]", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositiveActive": { - "value": "#15842AFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на светлом фоне" - }, - "textWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarningActive": { - "value": "#DC5304FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textNegativeHover": { - "value": "#F5384BFF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#E40C22FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#08080893", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#080808C4", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "rgba(8, 8, 8, 0.96)", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#080808FF", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#080808AB", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondary": { - "value": "rgba(8, 8, 8, 0.56)", - "comment": "Инвертированный вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#080808FF", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#08080856", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiary": { - "value": "rgba(8, 8, 8, 0.28)", - "comment": "Инвертированный третичный цвет текста" - }, - "textParagraphHover": { - "value": "#0808087A", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraphActive": { - "value": "#080808A3", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraph": { - "value": "rgba(8, 8, 8, 0.8)", - "comment": "Инвертированный cплошной наборный текст" - }, - "textAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "linear-gradient(135deg, white 0%, #FFFFFF 100%)", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#13AA2CFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#0D731EFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#108E25", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#FD650DFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#CA4B02FF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#F5384BFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegativeActive": { - "value": "#E40C22FF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegative": { - "value": "#F31B30", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#1C1C1CFF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimaryActive": { - "value": "#121212FF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryHover": { - "value": "#303030FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#212121FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#404040FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#303030FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#1C1C1CFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#121212FF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefault": { - "value": "rgba(255, 255, 255, 1)", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF1F", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF0A", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF3D", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF0F", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF52", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF24", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFC2", - "comment": "" - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFF94", - "comment": "" - }, - "surfaceTransparentDeep": { - "value": "rgba(255, 255, 255, 0.64)", - "comment": "" - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF3D", - "comment": "Прозрачный фон для карточек" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF0F", - "comment": "Прозрачный фон для карточек" - }, - "surfaceTransparentCard": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Прозрачный фон для карточек" - }, - "surfaceClearHover": { - "value": "#FFFFFF00", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClearActive": { - "value": "#FFFFFF00", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClear": { - "value": "rgba(255, 255, 255, 0)", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceAccentHover": { - "value": "#5D95FDFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentActive": { - "value": "#357BFDFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccent": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradient": { - "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%), linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#3F82FD3D", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentAccentActive": { - "value": "#3F82FD0F", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех" - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех" - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#1A9E323D", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceTransparentPositiveActive": { - "value": "#1A9E320F", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceTransparentWarningHover": { - "value": "#FA5F053D", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentWarningActive": { - "value": "#FA5F050F", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentNegativeHover": { - "value": "#FF293E3D", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentNegativeActive": { - "value": "#FF293E0F", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "rgba(63,129,253,0.12)", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPositive": { - "value": "rgba(26,158,50,0.12)", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceTransparentWarning": { - "value": "rgba(250,95,5,0.12)", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentNegative": { - "value": "rgba(255,41,62,0.12)", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#1C1C1CFF", - "comment": "Осн. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#121212FF", - "comment": "Осн. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Осн. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#303030FF", - "comment": "Вторичный непр. фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#212121FF", - "comment": "Вторичный непр. фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Вторичный непр. фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#404040FF", - "comment": "Третичный непр. фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#303030FF", - "comment": "Третичный непр. фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непр. фон поверхности/контрола на темном фоне" - }, - "surfaceSolidCardHover": { - "value": "#1C1C1CFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCardActive": { - "value": "#121212FF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непр. фон поверхности/контрола по умолчанию на тем. фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непр. фон поверхности/контрола по умолчанию на тем. фоне" - }, - "surfaceSolidDefault": { - "value": "rgba(255, 255, 255, 1)", - "comment": "Непр. фон поверхности/контрола по умолчанию на тем. фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF1F", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF0A", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF3D", - "comment": "Вторичный прозр. фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF0F", - "comment": "Вторичный прозр. фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Вторичный прозр. фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF52", - "comment": "Третичный прозр. фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF24", - "comment": "Третичный прозр. фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Третичный прозр. фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFC2", - "comment": "" - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFF94", - "comment": "" - }, - "surfaceTransparentDeep": { - "value": "rgba(255, 255, 255, 0.64)", - "comment": "" - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF3D", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF0F", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCard": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#5D95FDFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentActive": { - "value": "#357BFDFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccent": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхн./контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхн./контрола с градиентом на темном фоне" - }, - "surfaceAccentGradient": { - "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", - "comment": "Акцентный фон поверхн./контрола с градиентом на темном фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне" - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех на темном фоне" - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет фона поверхн./контрола предупреждение на темном фоне" - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Цвет фона поверхн./контрола предупреждение на темном фоне" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхн./контрола предупреждение на темном фоне" - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceTransparentDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Осн. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Осн. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Осн. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Втор. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Втор. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Втор. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#E8E8E8FF", - "comment": "Третичный непр. фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#D9D9D9FF", - "comment": "Третичный непр. фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непр. фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCard": { - "value": "rgba(255, 255, 255, 1)", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#0D0D0DFF", - "comment": "Непр. фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Непр. фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непр. фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#08080812", - "comment": "Основной прозр. фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentPrimaryActive": { - "value": "#08080803", - "comment": "Основной прозр. фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentPrimary": { - "value": "rgba(8, 8, 8, 0.03)", - "comment": "Основной прозр. фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondaryHover": { - "value": "#0808081F", - "comment": "Вторичный прозр. фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808080A", - "comment": "Вторичный прозр. фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Вторичный прозр. фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808083D", - "comment": "Третичный прозр. фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#0808080F", - "comment": "Третичный прозр. фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Третичный прозр. фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#080808C2", - "comment": "" - }, - "surfaceTransparentDeepActive": { - "value": "#08080894", - "comment": "" - }, - "surfaceTransparentDeep": { - "value": "rgba(8, 8, 8, 0.64)", - "comment": "" - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceTransparentCard": { - "value": "rgba(255, 255, 255, 1)", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#4886F9FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentActive": { - "value": "#206CF8FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccent": { - "value": "[general.electricBlue.600]", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцент. фон поверхн./контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцент. фон поверхн./контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradient": { - "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", - "comment": "Акцент. фон поверхн./контрола с градиентом на светлом фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне" - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне" - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет фона поверхн./контрола предупреждение на светлом фоне" - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Цвет фона поверхн./контрола предупреждение на светлом фоне" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхн./контрола предупреждение на светлом фоне" - }, - "surfaceNegativeHover": { - "value": "#F5384BFF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegativeActive": { - "value": "#F31228FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentDefaultHover": { - "value": "#0D0D0DFF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceTransparentDefaultActive": { - "value": "#030303FF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceTransparentDefault": { - "value": "[general.gray.1000]", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#080808FF", - "comment": "Инвертированный осн. непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#080808EB", - "comment": "Инвертированный осн. непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "rgba(8, 8, 8, 0.96)", - "comment": "Инвертированный осн. непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#080808AD", - "comment": "Инвертированный втор. непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryActive": { - "value": "#08080880", - "comment": "Инвертированный втор. непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondary": { - "value": "rgba(8, 8, 8, 0.56)", - "comment": "Инвертированный втор. непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryHover": { - "value": "#08080866", - "comment": "Инвертированный трет.непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#08080838", - "comment": "Инвертированный трет.непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "rgba(8, 8, 8, 0.28)", - "comment": "Инвертированный трет.непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#FCFCFCFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#F2F2F2FF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "#F7F7F7", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#0D0D0DFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "[general.gray.100]", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "[general.gray.150]", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#E8E8E8FF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#D9D9D9FF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "[general.gray.200]", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FCFCFCFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#F2F2F2FF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#F7F7F7", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "linear-gradient(135deg, white 0%, #FFFFFF 100%)", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#12A12AFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#0F8523FF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#108E25", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FC5E03FF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#DE5302FF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "[general.orange.600]", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#F5384BFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#F31228FF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "#F31B30", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentDefaultHover": { - "value": "#0D0D0DFF", - "comment": "Инвертированный прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentDefaultActive": { - "value": "#030303FF", - "comment": "Инвертированный прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentDefault": { - "value": "[general.gray.1000]", - "comment": "Инвертированный прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "[general.gray.1000]", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "[general.gray.950]", - "comment": "Третичный фон", - "enabled": false - } - }, - "dark": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон на темном фоне" - }, - "backgroundSecondary": { - "value": "[general.gray.1000]", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "[general.gray.950]", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон на светлом фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "overlay": { - "default": { - "overlaySoft": { - "value": "rgba(8, 8, 8, 0.56)", - "comment": "Цвет фона паранжи светлый" - }, - "overlayHard": { - "value": "rgba(8, 8, 8, 0.96)", - "comment": "Цвет фона паранжи темный" - }, - "overlayBlur": { - "value": "rgba(8, 8, 8, 0.28)", - "comment": "" - } - }, - "onDark": { - "overlaySoft": { - "value": "rgba(8, 8, 8, 0.56)", - "comment": "Цвет фона паранжи светлый на темном фоне" - }, - "overlayHard": { - "value": "rgba(8, 8, 8, 0.96)", - "comment": "Цвет фона паранжи темный на темном фоне" - }, - "overlayBlur": { - "value": "rgba(8, 8, 8, 0.28)", - "comment": "" - } - }, - "onLight": { - "overlaySoft": { - "value": "rgba(249, 249, 249, 0.56)", - "comment": "Цвет фона паранжи светлый на светлом фоне" - }, - "overlayHard": { - "value": "rgba(249, 249, 249, 0.96)", - "comment": "Цвет фона паранжи темный на светлом фоне" - }, - "overlayBlur": { - "value": "rgba(249, 249, 249, 0.28)", - "comment": "" - } - }, - "inverse": { - "overlaySoft": { - "value": "rgba(0, 0, 0, 0.56)", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "rgba(0, 0, 0, 0.9)", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - } - }, - "light": { - "text": { - "default": { - "textPrimaryHover": { - "value": "#08080893", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#080808C4", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "rgba(8, 8, 8, 0.96)", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#080808FF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#080808AB", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "rgba(8, 8, 8, 0.56)", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#080808FF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#08080856", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "rgba(8, 8, 8, 0.28)", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#0808087A", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#080808A3", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "rgba(8, 8, 8, 0.8)", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#528DFAFF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#075AF2FF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "[general.electricBlue.600]", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1FC13DFF", - "comment": "Цвет успеха" - }, - "textPositiveActive": { - "value": "#147B27FF", - "comment": "Цвет успеха" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха" - }, - "textWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет предупреждения" - }, - "textWarningActive": { - "value": "#D25004FF", - "comment": "Цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Цвет предупреждения" - }, - "textNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#DA0B20FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#FFFFFF93", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#FFFFFFC4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "rgba(255, 255, 255, 0.96)", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#FFFFFFAB", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "rgba(255, 255, 255, 0.56)", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#FFFFFF56", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "rgba(255, 255, 255, 0.28)", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#FFFFFF7A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#FFFFFFA3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "rgba(255, 255, 255, 0.8)", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#689CFDFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#1767FDFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%)", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1FC13DFF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositiveActive": { - "value": "#147B27FF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на темном фоне" - }, - "textWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarningActive": { - "value": "#D25004FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Цвет предупреждения на темном фоне" - }, - "textNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF001AFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#08080893", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#080808C4", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "rgba(8, 8, 8, 0.96)", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#080808FF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#080808AB", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "rgba(8, 8, 8, 0.56)", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#080808FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#08080856", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "rgba(8, 8, 8, 0.28)", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#0808087A", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#080808A3", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "rgba(8, 8, 8, 0.8)", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#528DFAFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#075AF2FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "[general.electricBlue.600]", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1FC13DFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositiveActive": { - "value": "#147B27FF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на светлом фоне" - }, - "textWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarningActive": { - "value": "#D25004FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#DA0B20FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#FFFFFF93", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#FFFFFFC4", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "rgba(255, 255, 255, 0.96)", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#FFFFFFAB", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondary": { - "value": "rgba(255, 255, 255, 0.56)", - "comment": "Инвертированный вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#FFFFFF56", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiary": { - "value": "rgba(255, 255, 255, 0.28)", - "comment": "Инвертированный третичный цвет текста" - }, - "textParagraphHover": { - "value": "#FFFFFF7A", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraphActive": { - "value": "#FFFFFFA3", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraph": { - "value": "rgba(255, 255, 255, 0.8)", - "comment": "Инвертированный cплошной наборный текст" - }, - "textAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "linear-gradient(135deg, black 0%, #FFFFFF 100%)", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1FC13DFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#147B27FF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#FB782DFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#D25004FF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#FF5263FF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegativeActive": { - "value": "#FF001AFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#EDEDEDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#D4D4D4FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "rgba(255, 255, 255, 1)", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#262626FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceTransparentPrimaryHover": { - "value": "#08080803", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentPrimaryActive": { - "value": "#0808080D", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentPrimary": { - "value": "rgba(8, 8, 8, 0.03)", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondaryHover": { - "value": "#08080805", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808081A", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808080A", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiaryActive": { - "value": "#08080829", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentDeepHover": { - "value": "#0808088F", - "comment": "" - }, - "surfaceTransparentDeepActive": { - "value": "#080808AD", - "comment": "" - }, - "surfaceTransparentDeep": { - "value": "rgba(8, 8, 8, 0.64)", - "comment": "" - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек" - }, - "surfaceTransparentCard": { - "value": "rgba(255, 255, 255, 1)", - "comment": "Прозрачный фон для карточек" - }, - "surfaceClearHover": { - "value": "#FFFFFF00", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClearActive": { - "value": "#FFFFFF00", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClear": { - "value": "rgba(255, 255, 255, 0)", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceAccentHover": { - "value": "#528DFAFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentActive": { - "value": "#1665F8FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccent": { - "value": "[general.electricBlue.600]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradient": { - "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#2A72F805", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentAccentActive": { - "value": "#2A72F81A", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха" - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха" - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#ED0C23FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#1A9E3205", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceTransparentPositiveActive": { - "value": "#1A9E321A", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceTransparentWarningHover": { - "value": "#FA5F0505", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentWarningActive": { - "value": "#FA5F051A", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentNegativeHover": { - "value": "#F31B3105", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentNegativeActive": { - "value": "#F31B311A", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentDefaultHover": { - "value": "#262626FF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentDefaultActive": { - "value": "#030303FF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentDefault": { - "value": "[general.gray.1000]", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "rgba(42,114,248,0.06)", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPositive": { - "value": "rgba(26,158,50,0.06)", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceTransparentWarning": { - "value": "rgba(250,95,5,0.06)", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentNegative": { - "value": "rgba(243,27,49,0.06)", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#363636FF", - "comment": "Осн. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#0D0D0DFF", - "comment": "Осн. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Осн. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#3B3B3BFF", - "comment": "Втор. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#1C1C1CFF", - "comment": "Втор. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Втор. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#4A4A4AFF", - "comment": "Трет. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#2B2B2BFF", - "comment": "Трет. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Трет. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidCardHover": { - "value": "#363636FF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCardActive": { - "value": "#0D0D0DFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непр. фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непр. фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceSolidDefault": { - "value": "rgba(255, 255, 255, 1)", - "comment": "Непр. фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#363636FF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimaryActive": { - "value": "#0D0D0DFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimary": { - "value": "[general.gray.950]", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryHover": { - "value": "#3B3B3BFF", - "comment": "Втор. прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#1C1C1CFF", - "comment": "Втор. прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondary": { - "value": "[general.gray.900]", - "comment": "Втор. прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#4A4A4AFF", - "comment": "Трет. прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#2B2B2BFF", - "comment": "Трет. прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiary": { - "value": "[general.gray.850]", - "comment": "Трет. прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFF8F", - "comment": "" - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFAD", - "comment": "" - }, - "surfaceTransparentDeep": { - "value": "rgba(255, 255, 255, 0.64)", - "comment": "" - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF0A", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF29", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCard": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#689CFDFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentActive": { - "value": "#2B74FDFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccent": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акц. фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акц. фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradient": { - "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", - "comment": "Акц. фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на темном фоне" - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха на темном фоне" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на темном фоне" - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет фона поверхн./контрола предупреждение на темном фоне" - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Цвет фона поверхн./контрола предупреждение на темном фоне" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхн./контрола предупреждение на темном фоне" - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceTransparentDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Осн. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Осн. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Осн. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Втор. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Втор. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Втор. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#EDEDEDFF", - "comment": "Трет. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#D4D4D4FF", - "comment": "Трет. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Трет. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCard": { - "value": "rgba(255, 255, 255, 1)", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#262626FF", - "comment": "Непр. фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Непр. фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непр. фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#08080803", - "comment": "Осн. прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentPrimaryActive": { - "value": "#0808080D", - "comment": "Осн. прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentPrimary": { - "value": "rgba(8, 8, 8, 0.03)", - "comment": "Осн. прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondaryHover": { - "value": "#08080805", - "comment": "Втор. прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808081A", - "comment": "Втор. прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Втор. прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808080A", - "comment": "Трет. прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#08080829", - "comment": "Трет. прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Трет. прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#0808088F", - "comment": "" - }, - "surfaceTransparentDeepActive": { - "value": "#080808AD", - "comment": "" - }, - "surfaceTransparentDeep": { - "value": "rgba(8, 8, 8, 0.64)", - "comment": "" - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceTransparentCard": { - "value": "rgba(255, 255, 255, 1)", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#528DFAFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentActive": { - "value": "#1665F8FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccent": { - "value": "[general.electricBlue.600]", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акц. фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акц. фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradient": { - "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", - "comment": "Акц. фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на светлом фоне" - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха на светлом фоне" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на светлом фоне" - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет фона поверхн./контрола предупреждение на светлом фоне" - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Цвет фона поверхн./контрола предупреждение на светлом фоне" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхн./контрола предупреждение на светлом фоне" - }, - "surfaceNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegativeActive": { - "value": "#ED0C23FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentDefaultHover": { - "value": "#262626FF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceTransparentDefaultActive": { - "value": "#030303FF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceTransparentDefault": { - "value": "[general.gray.1000]", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#363636FF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#0D0D0DFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#3B3B3BFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryActive": { - "value": "#1C1C1CFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryHover": { - "value": "#4A4A4AFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#2B2B2BFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#363636FF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#0D0D0DFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#363636FF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#0D0D0DFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "[general.gray.950]", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#3B3B3BFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#1C1C1CFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "[general.gray.900]", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#4A4A4AFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#2B2B2BFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "[general.gray.850]", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#262626FF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#030303FF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "[general.gray.1000]", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "linear-gradient(135deg, black 0%, #FFFFFF 100%)", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - } - }, - "dark": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон на темном фоне" - }, - "backgroundSecondary": { - "value": "[general.gray.1000]", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "[general.gray.950]", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон на светлом фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "#000000", - "comment": "Инвертированный основной фон", - "enabled": false - }, - "backgroundSecondary": { - "value": "[general.gray.1000]", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "[general.gray.950]", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "overlay": { - "default": { - "overlaySoft": { - "value": "rgba(249, 249, 249, 0.56)", - "comment": "Цвет фона паранжи светлый" - }, - "overlayHard": { - "value": "rgba(249, 249, 249, 0.96)", - "comment": "Цвет фона паранжи темный" - }, - "overlayBlur": { - "value": "rgba(249, 249, 249, 0.28)", - "comment": "" - } - }, - "onDark": { - "overlaySoft": { - "value": "rgba(8, 8, 8, 0.56)", - "comment": "Цвет фона паранжи светлый на темном фоне" - }, - "overlayHard": { - "value": "rgba(8, 8, 8, 0.96)", - "comment": "Цвет фона паранжи темный на темном фоне" - }, - "overlayBlur": { - "value": "rgba(8, 8, 8, 0.28)", - "comment": "" - } - }, - "onLight": { - "overlaySoft": { - "value": "rgba(249, 249, 249, 0.56)", - "comment": "Цвет фона паранжи светлый на светлом фоне" - }, - "overlayHard": { - "value": "rgba(249, 249, 249, 0.96)", - "comment": "Цвет фона паранжи темный на светлом фоне" - }, - "overlayBlur": { - "value": "rgba(249, 249, 249, 0.28)", - "comment": "" - } - }, - "inverse": { - "overlaySoft": { - "value": "rgba(0, 0, 0, 0.56)", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "rgba(0, 0, 0, 0.9)", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - } - }, - "shadow": { - "down": { - "soft": { - "s": { - "value": [ - { - "origin": "0px 4px 14px -4px rgba(8, 8, 8, 0.08)" - }, - { - "origin": "0px 1px 4px -1px rgba(0, 0, 0, 0.04)" - } - ] - }, - "m": { - "value": [ - { - "origin": "0px 24px 48px -8px rgba(0, 0, 0, 0.08)" - } - ] - }, - "l": { - "value": [ - { - "origin": "0px 60px 112px -8px rgba(0, 0, 0, 0.08)" - } - ] - } - }, - "hard": { - "s": { - "value": [ - { - "origin": "0px 4px 12px -3px rgba(8, 8, 8, 0.16)" - }, - { - "origin": "0px 1px 4px -2px rgba(0, 0, 0, 0.08)" - } - ] - }, - "m": { - "value": [ - { - "origin": "0px 16px 32px -8px rgba(0, 0, 0, 0.24)" - } - ] - }, - "l": { - "value": [ - { - "origin": "0px 60px 112px -8px rgba(0, 0, 0, 0.40)" - } - ] - } - } - }, - "up": { - "soft": { - "s": { - "value": [ - { - "origin": "0px -4px 14px -4px rgba(8, 8, 8, 0.08)" - }, - { - "origin": "0px -1px 4px -1px rgba(0, 0, 0, 0.03)" - } - ] - }, - "m": { - "value": [ - { - "origin": "0px -24px 48px -8px rgba(0, 0, 0, 0.08)" - } - ] - }, - "l": { - "value": [ - { - "origin": "0px -60px 112px -8px rgba(0, 0, 0, 0.08)" - } - ] - } - }, - "hard": { - "s": { - "value": [ - { - "origin": "0px -4px 12px -3px rgba(8, 8, 8, 0.20)" - }, - { - "origin": "0px -1px 4px -1px rgba(0, 0, 0, 0.03)" - } - ] - }, - "m": { - "value": [ - { - "origin": "0px -16px 32px -8px rgba(0, 0, 0, 0.24)" - } - ] - }, - "l": { - "value": [ - { - "origin": "0px -60px 112px -8px rgba(0, 0, 0, 0.40)" - } - ] - } - } - } - } -} diff --git a/packages/themes/data-themes/data/themes/plasma_web.json b/packages/themes/data-themes/data/themes/plasma_web.json deleted file mode 100644 index ee62316bfe..0000000000 --- a/packages/themes/data-themes/data/themes/plasma_web.json +++ /dev/null @@ -1,10305 +0,0 @@ -{ - "config": { - "name": "plasma_web", - "accentColor": { - "light": "#FFFFFF", - "dark": "#FFFFFF" - }, - "grayscale": { - "light": "gray", - "dark": "gray" - }, - "opacity": { - "textIcons": false, - "surfaces": false - } - }, - "dark": { - "text": { - "default": { - "textPrimaryHover": { - "value": "#FFFFFF93", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#FFFFFFC4", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "rgba(255, 255, 255, 0.96)", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#FFFFFFAB", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "rgba(255, 255, 255, 0.56)", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#FFFFFF56", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "rgba(255, 255, 255, 0.28)", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#FFFFFF7A", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#FFFFFFA3", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "rgba(255, 255, 255, 0.8)", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#90B6FEFF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#216EFDFF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": "linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%)", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха" - }, - "textPositiveActive": { - "value": "#15842AFF", - "comment": "Цвет успеха" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха" - }, - "textWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет предупреждения" - }, - "textWarningActive": { - "value": "#DC5304FF", - "comment": "Цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Цвет предупреждения" - }, - "textNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#FF0A23FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#FFFFFF93", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#FFFFFFC4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "rgba(255, 255, 255, 0.96)", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#FFFFFFAB", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "rgba(255, 255, 255, 0.56)", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#FFFFFF56", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "rgba(255, 255, 255, 0.28)", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#FFFFFF7A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#FFFFFFA3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "rgba(255, 255, 255, 0.8)", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#90B6FEFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#216EFDFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%)", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositiveActive": { - "value": "#15842AFF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на темном фоне" - }, - "textWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarningActive": { - "value": "#DC5304FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Цвет предупреждения на темном фоне" - }, - "textNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF0A23FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#08080893", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#080808C4", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "rgba(8, 8, 8, 0.96)", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#080808FF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#080808AB", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "rgba(8, 8, 8, 0.56)", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#080808FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#08080856", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "rgba(8, 8, 8, 0.28)", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#0808087A", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#080808A3", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "rgba(8, 8, 8, 0.8)", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#79A7FBFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#0D5FF8FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "[general.electricBlue.600]", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositiveActive": { - "value": "#15842AFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на светлом фоне" - }, - "textWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarningActive": { - "value": "#DC5304FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textNegativeHover": { - "value": "#F5384BFF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#E40C22FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#08080893", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#080808C4", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "rgba(8, 8, 8, 0.96)", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#080808FF", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#080808AB", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondary": { - "value": "rgba(8, 8, 8, 0.56)", - "comment": "Инвертированный вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#080808FF", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#08080856", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiary": { - "value": "rgba(8, 8, 8, 0.28)", - "comment": "Инвертированный третичный цвет текста" - }, - "textParagraphHover": { - "value": "#0808087A", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraphActive": { - "value": "#080808A3", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraph": { - "value": "rgba(8, 8, 8, 0.8)", - "comment": "Инвертированный cплошной наборный текст" - }, - "textAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "linear-gradient(135deg, white 0%, #FFFFFF 100%)", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#13AA2CFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#0D731EFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#108E25", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#FD650DFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#CA4B02FF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#F5384BFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegativeActive": { - "value": "#E40C22FF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegative": { - "value": "#F31B30", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#1C1C1CFF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimaryActive": { - "value": "#121212FF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryHover": { - "value": "#303030FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#212121FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#404040FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#303030FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#1C1C1CFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#121212FF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefault": { - "value": "rgba(255, 255, 255, 1)", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF1F", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF0A", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF3D", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF0F", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF52", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF24", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFC2", - "comment": "" - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFF94", - "comment": "" - }, - "surfaceTransparentDeep": { - "value": "rgba(255, 255, 255, 0.64)", - "comment": "" - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF3D", - "comment": "Прозрачный фон для карточек" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF0F", - "comment": "Прозрачный фон для карточек" - }, - "surfaceTransparentCard": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Прозрачный фон для карточек" - }, - "surfaceClearHover": { - "value": "#FFFFFF00", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClearActive": { - "value": "#FFFFFF00", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClear": { - "value": "rgba(255, 255, 255, 0)", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceAccentHover": { - "value": "#5D95FDFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentActive": { - "value": "#357BFDFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccent": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradient": { - "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%), linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#3F82FD3D", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentAccentActive": { - "value": "#3F82FD0F", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех" - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех" - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#1A9E323D", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceTransparentPositiveActive": { - "value": "#1A9E320F", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceTransparentWarningHover": { - "value": "#FA5F053D", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentWarningActive": { - "value": "#FA5F050F", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentNegativeHover": { - "value": "#FF293E3D", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentNegativeActive": { - "value": "#FF293E0F", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "rgba(63,129,253,0.12)", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPositive": { - "value": "rgba(26,158,50,0.12)", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceTransparentWarning": { - "value": "rgba(250,95,5,0.12)", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentNegative": { - "value": "rgba(255,41,62,0.12)", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#1C1C1CFF", - "comment": "Осн. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#121212FF", - "comment": "Осн. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Осн. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#303030FF", - "comment": "Вторичный непр. фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#212121FF", - "comment": "Вторичный непр. фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Вторичный непр. фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#404040FF", - "comment": "Третичный непр. фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#303030FF", - "comment": "Третичный непр. фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непр. фон поверхности/контрола на темном фоне" - }, - "surfaceSolidCardHover": { - "value": "#1C1C1CFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCardActive": { - "value": "#121212FF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непр. фон поверхности/контрола по умолчанию на тем. фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непр. фон поверхности/контрола по умолчанию на тем. фоне" - }, - "surfaceSolidDefault": { - "value": "rgba(255, 255, 255, 1)", - "comment": "Непр. фон поверхности/контрола по умолчанию на тем. фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF1F", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF0A", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF3D", - "comment": "Вторичный прозр. фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF0F", - "comment": "Вторичный прозр. фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Вторичный прозр. фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF52", - "comment": "Третичный прозр. фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF24", - "comment": "Третичный прозр. фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Третичный прозр. фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFC2", - "comment": "" - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFF94", - "comment": "" - }, - "surfaceTransparentDeep": { - "value": "rgba(255, 255, 255, 0.64)", - "comment": "" - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF3D", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF0F", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCard": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#5D95FDFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentActive": { - "value": "#357BFDFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccent": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхн./контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхн./контрола с градиентом на темном фоне" - }, - "surfaceAccentGradient": { - "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", - "comment": "Акцентный фон поверхн./контрола с градиентом на темном фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне" - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех на темном фоне" - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет фона поверхн./контрола предупреждение на темном фоне" - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Цвет фона поверхн./контрола предупреждение на темном фоне" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхн./контрола предупреждение на темном фоне" - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceTransparentDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Осн. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Осн. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Осн. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Втор. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Втор. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Втор. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#E8E8E8FF", - "comment": "Третичный непр. фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#D9D9D9FF", - "comment": "Третичный непр. фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непр. фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCard": { - "value": "rgba(255, 255, 255, 1)", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#0D0D0DFF", - "comment": "Непр. фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Непр. фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непр. фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#08080812", - "comment": "Основной прозр. фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentPrimaryActive": { - "value": "#08080803", - "comment": "Основной прозр. фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentPrimary": { - "value": "rgba(8, 8, 8, 0.03)", - "comment": "Основной прозр. фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondaryHover": { - "value": "#0808081F", - "comment": "Вторичный прозр. фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808080A", - "comment": "Вторичный прозр. фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Вторичный прозр. фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808083D", - "comment": "Третичный прозр. фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#0808080F", - "comment": "Третичный прозр. фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Третичный прозр. фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#080808C2", - "comment": "" - }, - "surfaceTransparentDeepActive": { - "value": "#08080894", - "comment": "" - }, - "surfaceTransparentDeep": { - "value": "rgba(8, 8, 8, 0.64)", - "comment": "" - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceTransparentCard": { - "value": "rgba(255, 255, 255, 1)", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#4886F9FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentActive": { - "value": "#206CF8FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccent": { - "value": "[general.electricBlue.600]", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцент. фон поверхн./контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцент. фон поверхн./контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradient": { - "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", - "comment": "Акцент. фон поверхн./контрола с градиентом на светлом фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне" - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне" - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет фона поверхн./контрола предупреждение на светлом фоне" - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Цвет фона поверхн./контрола предупреждение на светлом фоне" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхн./контрола предупреждение на светлом фоне" - }, - "surfaceNegativeHover": { - "value": "#F5384BFF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegativeActive": { - "value": "#F31228FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentDefaultHover": { - "value": "#0D0D0DFF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceTransparentDefaultActive": { - "value": "#030303FF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceTransparentDefault": { - "value": "[general.gray.1000]", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#080808FF", - "comment": "Инвертированный осн. непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#080808EB", - "comment": "Инвертированный осн. непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "rgba(8, 8, 8, 0.96)", - "comment": "Инвертированный осн. непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#080808AD", - "comment": "Инвертированный втор. непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryActive": { - "value": "#08080880", - "comment": "Инвертированный втор. непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondary": { - "value": "rgba(8, 8, 8, 0.56)", - "comment": "Инвертированный втор. непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryHover": { - "value": "#08080866", - "comment": "Инвертированный трет.непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#08080838", - "comment": "Инвертированный трет.непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "rgba(8, 8, 8, 0.28)", - "comment": "Инвертированный трет.непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#FCFCFCFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#F2F2F2FF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "#F7F7F7", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#0D0D0DFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "[general.gray.100]", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "[general.gray.150]", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#E8E8E8FF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#D9D9D9FF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "[general.gray.200]", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FCFCFCFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#F2F2F2FF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#F7F7F7", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "linear-gradient(135deg, white 0%, #FFFFFF 100%)", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#12A12AFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#0F8523FF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#108E25", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FC5E03FF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#DE5302FF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "[general.orange.600]", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#F5384BFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#F31228FF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "#F31B30", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentDefaultHover": { - "value": "#0D0D0DFF", - "comment": "Инвертированный прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentDefaultActive": { - "value": "#030303FF", - "comment": "Инвертированный прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentDefault": { - "value": "[general.gray.1000]", - "comment": "Инвертированный прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "[general.gray.1000]", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "[general.gray.950]", - "comment": "Третичный фон", - "enabled": false - } - }, - "dark": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон на темном фоне" - }, - "backgroundSecondary": { - "value": "[general.gray.1000]", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "[general.gray.950]", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон на светлом фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "overlay": { - "default": { - "overlaySoft": { - "value": "rgba(8, 8, 8, 0.56)", - "comment": "Цвет фона паранжи светлый" - }, - "overlayHard": { - "value": "rgba(8, 8, 8, 0.96)", - "comment": "Цвет фона паранжи темный" - }, - "overlayBlur": { - "value": "rgba(8, 8, 8, 0.28)", - "comment": "" - } - }, - "onDark": { - "overlaySoft": { - "value": "rgba(8, 8, 8, 0.56)", - "comment": "Цвет фона паранжи светлый на темном фоне" - }, - "overlayHard": { - "value": "rgba(8, 8, 8, 0.96)", - "comment": "Цвет фона паранжи темный на темном фоне" - }, - "overlayBlur": { - "value": "rgba(8, 8, 8, 0.28)", - "comment": "" - } - }, - "onLight": { - "overlaySoft": { - "value": "rgba(249, 249, 249, 0.56)", - "comment": "Цвет фона паранжи светлый на светлом фоне" - }, - "overlayHard": { - "value": "rgba(249, 249, 249, 0.96)", - "comment": "Цвет фона паранжи темный на светлом фоне" - }, - "overlayBlur": { - "value": "rgba(249, 249, 249, 0.28)", - "comment": "" - } - }, - "inverse": { - "overlaySoft": { - "value": "rgba(0, 0, 0, 0.56)", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "rgba(0, 0, 0, 0.9)", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - } - }, - "light": { - "text": { - "default": { - "textPrimaryHover": { - "value": "#08080893", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#080808C4", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "rgba(8, 8, 8, 0.96)", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#080808FF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#080808AB", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "rgba(8, 8, 8, 0.56)", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#080808FF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#08080856", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "rgba(8, 8, 8, 0.28)", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#0808087A", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#080808A3", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "rgba(8, 8, 8, 0.8)", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#528DFAFF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#075AF2FF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "[general.electricBlue.600]", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1FC13DFF", - "comment": "Цвет успеха" - }, - "textPositiveActive": { - "value": "#147B27FF", - "comment": "Цвет успеха" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха" - }, - "textWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет предупреждения" - }, - "textWarningActive": { - "value": "#D25004FF", - "comment": "Цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Цвет предупреждения" - }, - "textNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#DA0B20FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#FFFFFF93", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#FFFFFFC4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "rgba(255, 255, 255, 0.96)", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#FFFFFFAB", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "rgba(255, 255, 255, 0.56)", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#FFFFFF56", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "rgba(255, 255, 255, 0.28)", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#FFFFFF7A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#FFFFFFA3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "rgba(255, 255, 255, 0.8)", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#689CFDFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#1767FDFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%)", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1FC13DFF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositiveActive": { - "value": "#147B27FF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на темном фоне" - }, - "textWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarningActive": { - "value": "#D25004FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Цвет предупреждения на темном фоне" - }, - "textNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF001AFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#08080893", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#080808C4", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "rgba(8, 8, 8, 0.96)", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#080808FF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#080808AB", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "rgba(8, 8, 8, 0.56)", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#080808FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#08080856", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "rgba(8, 8, 8, 0.28)", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#0808087A", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#080808A3", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "rgba(8, 8, 8, 0.8)", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#528DFAFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#075AF2FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "[general.electricBlue.600]", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1FC13DFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositiveActive": { - "value": "#147B27FF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на светлом фоне" - }, - "textWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarningActive": { - "value": "#D25004FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#DA0B20FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#FFFFFF93", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#FFFFFFC4", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "rgba(255, 255, 255, 0.96)", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#FFFFFFAB", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondary": { - "value": "rgba(255, 255, 255, 0.56)", - "comment": "Инвертированный вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#FFFFFF56", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiary": { - "value": "rgba(255, 255, 255, 0.28)", - "comment": "Инвертированный третичный цвет текста" - }, - "textParagraphHover": { - "value": "#FFFFFF7A", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraphActive": { - "value": "#FFFFFFA3", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraph": { - "value": "rgba(255, 255, 255, 0.8)", - "comment": "Инвертированный cплошной наборный текст" - }, - "textAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "linear-gradient(135deg, black 0%, #FFFFFF 100%)", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1FC13DFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#147B27FF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#FB782DFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#D25004FF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#FF5263FF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegativeActive": { - "value": "#FF001AFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#EDEDEDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#D4D4D4FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "rgba(255, 255, 255, 1)", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#262626FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceTransparentPrimaryHover": { - "value": "#08080803", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentPrimaryActive": { - "value": "#0808080D", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentPrimary": { - "value": "rgba(8, 8, 8, 0.03)", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondaryHover": { - "value": "#08080805", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808081A", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808080A", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiaryActive": { - "value": "#08080829", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentDeepHover": { - "value": "#0808088F", - "comment": "" - }, - "surfaceTransparentDeepActive": { - "value": "#080808AD", - "comment": "" - }, - "surfaceTransparentDeep": { - "value": "rgba(8, 8, 8, 0.64)", - "comment": "" - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек" - }, - "surfaceTransparentCard": { - "value": "rgba(255, 255, 255, 1)", - "comment": "Прозрачный фон для карточек" - }, - "surfaceClearHover": { - "value": "#FFFFFF00", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClearActive": { - "value": "#FFFFFF00", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClear": { - "value": "rgba(255, 255, 255, 0)", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceAccentHover": { - "value": "#528DFAFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentActive": { - "value": "#1665F8FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccent": { - "value": "[general.electricBlue.600]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradient": { - "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#2A72F805", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentAccentActive": { - "value": "#2A72F81A", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха" - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха" - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#ED0C23FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#1A9E3205", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceTransparentPositiveActive": { - "value": "#1A9E321A", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceTransparentWarningHover": { - "value": "#FA5F0505", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentWarningActive": { - "value": "#FA5F051A", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentNegativeHover": { - "value": "#F31B3105", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentNegativeActive": { - "value": "#F31B311A", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentDefaultHover": { - "value": "#262626FF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentDefaultActive": { - "value": "#030303FF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentDefault": { - "value": "[general.gray.1000]", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "rgba(42,114,248,0.06)", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPositive": { - "value": "rgba(26,158,50,0.06)", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceTransparentWarning": { - "value": "rgba(250,95,5,0.06)", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentNegative": { - "value": "rgba(243,27,49,0.06)", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#363636FF", - "comment": "Осн. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#0D0D0DFF", - "comment": "Осн. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Осн. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#3B3B3BFF", - "comment": "Втор. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#1C1C1CFF", - "comment": "Втор. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Втор. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#4A4A4AFF", - "comment": "Трет. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#2B2B2BFF", - "comment": "Трет. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Трет. непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidCardHover": { - "value": "#363636FF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCardActive": { - "value": "#0D0D0DFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непр. фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непр. фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceSolidDefault": { - "value": "rgba(255, 255, 255, 1)", - "comment": "Непр. фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#363636FF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimaryActive": { - "value": "#0D0D0DFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimary": { - "value": "[general.gray.950]", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryHover": { - "value": "#3B3B3BFF", - "comment": "Втор. прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#1C1C1CFF", - "comment": "Втор. прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondary": { - "value": "[general.gray.900]", - "comment": "Втор. прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#4A4A4AFF", - "comment": "Трет. прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#2B2B2BFF", - "comment": "Трет. прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiary": { - "value": "[general.gray.850]", - "comment": "Трет. прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFF8F", - "comment": "" - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFAD", - "comment": "" - }, - "surfaceTransparentDeep": { - "value": "rgba(255, 255, 255, 0.64)", - "comment": "" - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF0A", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF29", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCard": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#689CFDFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentActive": { - "value": "#2B74FDFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccent": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акц. фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акц. фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradient": { - "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", - "comment": "Акц. фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на темном фоне" - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха на темном фоне" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на темном фоне" - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет фона поверхн./контрола предупреждение на темном фоне" - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Цвет фона поверхн./контрола предупреждение на темном фоне" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхн./контрола предупреждение на темном фоне" - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceTransparentDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Осн. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Осн. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Осн. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Втор. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Втор. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Втор. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#EDEDEDFF", - "comment": "Трет. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#D4D4D4FF", - "comment": "Трет. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Трет. непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCard": { - "value": "rgba(255, 255, 255, 1)", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#262626FF", - "comment": "Непр. фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Непр. фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непр. фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#08080803", - "comment": "Осн. прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentPrimaryActive": { - "value": "#0808080D", - "comment": "Осн. прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentPrimary": { - "value": "rgba(8, 8, 8, 0.03)", - "comment": "Осн. прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondaryHover": { - "value": "#08080805", - "comment": "Втор. прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808081A", - "comment": "Втор. прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Втор. прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808080A", - "comment": "Трет. прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#08080829", - "comment": "Трет. прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Трет. прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#0808088F", - "comment": "" - }, - "surfaceTransparentDeepActive": { - "value": "#080808AD", - "comment": "" - }, - "surfaceTransparentDeep": { - "value": "rgba(8, 8, 8, 0.64)", - "comment": "" - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceTransparentCard": { - "value": "rgba(255, 255, 255, 1)", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#528DFAFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentActive": { - "value": "#1665F8FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccent": { - "value": "[general.electricBlue.600]", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акц. фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акц. фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradient": { - "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", - "comment": "Акц. фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на светлом фоне" - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха на светлом фоне" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на светлом фоне" - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет фона поверхн./контрола предупреждение на светлом фоне" - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Цвет фона поверхн./контрола предупреждение на светлом фоне" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхн./контрола предупреждение на светлом фоне" - }, - "surfaceNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegativeActive": { - "value": "#ED0C23FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentDefaultHover": { - "value": "#262626FF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceTransparentDefaultActive": { - "value": "#030303FF", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceTransparentDefault": { - "value": "[general.gray.1000]", - "comment": "Прозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#363636FF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#0D0D0DFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#3B3B3BFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryActive": { - "value": "#1C1C1CFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryHover": { - "value": "#4A4A4AFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#2B2B2BFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#363636FF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#0D0D0DFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#363636FF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#0D0D0DFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "[general.gray.950]", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#3B3B3BFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#1C1C1CFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "[general.gray.900]", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#4A4A4AFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#2B2B2BFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "[general.gray.850]", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#262626FF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#030303FF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "[general.gray.1000]", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "linear-gradient(135deg, black 0%, #FFFFFF 100%)", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный фон поверхности/контрола по умолчанию", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - } - }, - "dark": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон на темном фоне" - }, - "backgroundSecondary": { - "value": "[general.gray.1000]", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "[general.gray.950]", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон на светлом фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "#000000", - "comment": "Инвертированный основной фон", - "enabled": false - }, - "backgroundSecondary": { - "value": "[general.gray.1000]", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "[general.gray.950]", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "overlay": { - "default": { - "overlaySoft": { - "value": "rgba(249, 249, 249, 0.56)", - "comment": "Цвет фона паранжи светлый" - }, - "overlayHard": { - "value": "rgba(249, 249, 249, 0.96)", - "comment": "Цвет фона паранжи темный" - }, - "overlayBlur": { - "value": "rgba(249, 249, 249, 0.28)", - "comment": "" - } - }, - "onDark": { - "overlaySoft": { - "value": "rgba(8, 8, 8, 0.56)", - "comment": "Цвет фона паранжи светлый на темном фоне" - }, - "overlayHard": { - "value": "rgba(8, 8, 8, 0.96)", - "comment": "Цвет фона паранжи темный на темном фоне" - }, - "overlayBlur": { - "value": "rgba(8, 8, 8, 0.28)", - "comment": "" - } - }, - "onLight": { - "overlaySoft": { - "value": "rgba(249, 249, 249, 0.56)", - "comment": "Цвет фона паранжи светлый на светлом фоне" - }, - "overlayHard": { - "value": "rgba(249, 249, 249, 0.96)", - "comment": "Цвет фона паранжи темный на светлом фоне" - }, - "overlayBlur": { - "value": "rgba(249, 249, 249, 0.28)", - "comment": "" - } - }, - "inverse": { - "overlaySoft": { - "value": "rgba(0, 0, 0, 0.56)", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "rgba(0, 0, 0, 0.9)", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - } - }, - "shadow": { - "down": { - "soft": { - "s": { - "value": [ - { - "origin": "0px 4px 14px -4px rgba(8, 8, 8, 0.08)" - }, - { - "origin": "0px 1px 4px -1px rgba(0, 0, 0, 0.04)" - } - ] - }, - "m": { - "value": [ - { - "origin": "0px 24px 48px -8px rgba(0, 0, 0, 0.08)" - } - ] - }, - "l": { - "value": [ - { - "origin": "0px 60px 112px -8px rgba(0, 0, 0, 0.08)" - } - ] - } - }, - "hard": { - "s": { - "value": [ - { - "origin": "0px 4px 12px -3px rgba(8, 8, 8, 0.16)" - }, - { - "origin": "0px 1px 4px -2px rgba(0, 0, 0, 0.08)" - } - ] - }, - "m": { - "value": [ - { - "origin": "0px 16px 32px -8px rgba(0, 0, 0, 0.24)" - } - ] - }, - "l": { - "value": [ - { - "origin": "0px 60px 112px -8px rgba(0, 0, 0, 0.40)" - } - ] - } - } - }, - "up": { - "soft": { - "s": { - "value": [ - { - "origin": "0px -4px 14px -4px rgba(8, 8, 8, 0.08)" - }, - { - "origin": "0px -1px 4px -1px rgba(0, 0, 0, 0.03)" - } - ] - }, - "m": { - "value": [ - { - "origin": "0px -24px 48px -8px rgba(0, 0, 0, 0.08)" - } - ] - }, - "l": { - "value": [ - { - "origin": "0px -60px 112px -8px rgba(0, 0, 0, 0.08)" - } - ] - } - }, - "hard": { - "s": { - "value": [ - { - "origin": "0px -4px 12px -3px rgba(8, 8, 8, 0.20)" - }, - { - "origin": "0px -1px 4px -1px rgba(0, 0, 0, 0.03)" - } - ] - }, - "m": { - "value": [ - { - "origin": "0px -16px 32px -8px rgba(0, 0, 0, 0.24)" - } - ] - }, - "l": { - "value": [ - { - "origin": "0px -60px 112px -8px rgba(0, 0, 0, 0.40)" - } - ] - } - } - } - } -} diff --git a/packages/themes/data-themes/data/themes/sberHealth.json b/packages/themes/data-themes/data/themes/sberHealth.json deleted file mode 100644 index bbbc4b2c9e..0000000000 --- a/packages/themes/data-themes/data/themes/sberHealth.json +++ /dev/null @@ -1,10404 +0,0 @@ -{ - "config": { - "name": "sberHealth", - "accentColor": { - "light": "#129DFA", - "dark": "#129DFA" - }, - "grayscale": { - "light": "gray", - "dark": "gray" - }, - "opacity": { - "textIcons": false, - "surfaces": true - } - }, - "dark": { - "overlay": { - "default": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый", - "enabled": false - } - }, - "onDark": { - "overlaySoft": { - "value": "#0808088F", - "comment": "Цвет фона паранжи светлый на темном фоне" - }, - "overlayHard": { - "value": "#080808E6", - "comment": "Цвет фона паранжи темный на темном фоне" - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на темном фоне", - "enabled": false - } - }, - "onLight": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на светлом фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на светлом фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на светлом фоне", - "enabled": false - } - }, - "inverse": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - }, - "text": { - "default": { - "textPrimaryHover": { - "value": "#C7C7C7FF", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#E0E0E0FF", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "[general.gray.50]", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#575757FF", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "[general.gray.400]", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#8C8C8CFF", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "[general.gray.800]", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#FFFFFFFF", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#2E2E2EFF", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "[general.gray.250]", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#A3DAFFFF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#33ADFFFF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "[general.blue.300]", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": "linear-gradient(75.33deg, #4AD6FC 0%, #389AFC 100%)", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#2ACB47FF", - "comment": "Цвет успеха" - }, - "textPositiveActive": { - "value": "#1F9835FF", - "comment": "Цвет успеха" - }, - "textPositive": { - "value": "[general.green.400]", - "comment": "Цвет успеха" - }, - "textWarningHover": { - "value": "#FF8442FF", - "comment": "Цвет предупреждения" - }, - "textWarningActive": { - "value": "#FF5D05FF", - "comment": "Цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.400]", - "comment": "Цвет предупреждения" - }, - "textNegativeHover": { - "value": "#FF5C6CFF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.400]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textAccentSecondaryHover": { - "value": "#FFADCEFF", - "comment": "Второй акцентный цвет" - }, - "textAccentSecondaryActive": { - "value": "#FF70A9FF", - "comment": "Второй акцентный цвет" - }, - "textAccentSecondary": { - "value": "[general.pink.300]", - "comment": "Второй акцентный цвет" - }, - "textAccentGradientSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Второй акцентный цвет с градиентом" - }, - "textAccentGradientSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Второй акцентный цвет с градиентом" - }, - "textAccentGradientSecondary": { - "value": "linear-gradient(75.33deg, #FFB2E5 0%, #FF4791 100%)", - "comment": "Второй акцентный цвет с градиентом" - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#C7C7C7FF", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#E0E0E0FF", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "[general.gray.50]", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#575757FF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "[general.gray.400]", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#8C8C8CFF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "[general.gray.800]", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#FFFFFFFF", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#2E2E2EFF", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "[general.gray.250]", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#A3DAFFFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#33ADFFFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "[general.blue.300]", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(75.33deg, #4AD6FC 0%, #389AFC 100%)", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#2ACB47FF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositiveActive": { - "value": "#1F9835FF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositive": { - "value": "[general.green.400]", - "comment": "Цвет успеха на темном фоне" - }, - "textWarningHover": { - "value": "#FF8442FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarningActive": { - "value": "#FF5D05FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarning": { - "value": "[general.orange.400]", - "comment": "Цвет предупреждения на темном фоне" - }, - "textNegativeHover": { - "value": "#FF5C6CFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "[general.red.400]", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textAccentSecondaryHover": { - "value": "#FFADCEFF", - "comment": "Второй акцентный цвет на темном фоне" - }, - "textAccentSecondaryActive": { - "value": "#FF70A9FF", - "comment": "Второй акцентный цвет на темном фоне" - }, - "textAccentSecondary": { - "value": "[general.pink.300]", - "comment": "Второй акцентный цвет на темном фоне" - }, - "textAccentGradientSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Второй акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradientSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Второй акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradientSecondary": { - "value": "linear-gradient(75.33deg, #FFB2E5 0%, #FF4791 100%)", - "comment": "Второй акцентный цвет с градиентом на темном фоне" - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#BABABAFF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "[general.gray.950]", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#8C8C8CFF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "[general.gray.800]", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#5E5E5EFF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "#898989", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#FFFFFFFF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#B0B0B0FF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "#232323", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#50B1F2FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#0F7BC2FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "[general.blue.500]", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(75.33deg, #12C2F3 0%, #2281E0 100%)", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositiveActive": { - "value": "#15842AFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на светлом фоне" - }, - "textWarningHover": { - "value": "#FA6F1EFF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarningActive": { - "value": "#D75204FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarning": { - "value": "#F55D05FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#FF0A23FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textAccentSecondaryHover": { - "value": "#FF66A3FF", - "comment": "Второй акцентный цвет на светлом фоне" - }, - "textAccentSecondaryActive": { - "value": "#FF297EFF", - "comment": "Второй акцентный цвет на светлом фоне" - }, - "textAccentSecondary": { - "value": "[general.pink.400]", - "comment": "Второй акцентный цвет на светлом фоне" - }, - "textAccentGradientSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Второй акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradientSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Второй акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradientSecondary": { - "value": "linear-gradient(75.33deg, #FF94C9 0%, #F00563 100%)", - "comment": "Второй акцентный цвет с градиентом на светлом фоне" - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#BABABAFF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "[general.gray.950]", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#8C8C8CFF", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondary": { - "value": "[general.gray.800]", - "comment": "Инвертированный вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#5E5E5EFF", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiary": { - "value": "#898989", - "comment": "Инвертированный третичный цвет текста" - }, - "textParagraphHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraphActive": { - "value": "#B0B0B0FF", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraph": { - "value": "#232323", - "comment": "Инвертированный cплошной наборный текст" - }, - "textAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#1C1C1CFF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimaryActive": { - "value": "#121212FF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryHover": { - "value": "#303030FF", - "comment": "Вторичный непрозрачный фон поверхности" - }, - "surfaceSolidSecondaryActive": { - "value": "#212121FF", - "comment": "Вторичный непрозрачный фон поверхности" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Вторичный непрозрачный фон поверхности" - }, - "surfaceSolidTertiaryHover": { - "value": "#404040FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#303030FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#1C1C1CFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#121212FF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF1F", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF0A", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF3D", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF0F", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF52", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF24", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF1F", - "comment": "Прозрачный фон для карточек" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF0A", - "comment": "Прозрачный фон для карточек" - }, - "surfaceTransparentCard": { - "value": "#FFFFFF0F", - "comment": "Прозрачный фон для карточек" - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceAccentHover": { - "value": "#2CA6F2FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentActive": { - "value": "#0F94E6FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccent": { - "value": "#119AF0FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradient": { - "value": "linear-gradient(75.33deg, #12C2F3 0%, #2B8CED 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#28C344FF", - "comment": "Цвет фона поверхности/контрола успех" - }, - "surfacePositiveActive": { - "value": "#23A93BFF", - "comment": "Цвет фона поверхности/контрола успех" - }, - "surfacePositive": { - "value": "[general.green.400]", - "comment": "Цвет фона поверхности/контрола успех" - }, - "surfaceWarningHover": { - "value": "#FF8442FF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarningActive": { - "value": "#FF6A1AFF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarning": { - "value": "[general.orange.400]", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceAccentSecondaryHover": { - "value": "#FF66A3FF", - "comment": "Второй акцентный фон поверхности/контрола" - }, - "surfaceAccentSecondaryActive": { - "value": "#FF3D8BFF", - "comment": "Второй акцентный фон поверхности/контрола" - }, - "surfaceAccentSecondary": { - "value": "[general.pink.400]", - "comment": "Второй акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Второй акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Второй акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientSecondary": { - "value": "linear-gradient(75.33deg, #FC95DA 0%, #FF1F78 100%)", - "comment": "Второй акцентный фон поверхности/контрола с градиентом" - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#1C1C1CFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#121212FF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#303030FF", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#212121FF", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#404040FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#303030FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidCardHover": { - "value": "#1C1C1CFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCardActive": { - "value": "#121212FF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF1F", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF0A", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF3D", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF0F", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF52", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF24", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF3D", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF0F", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCard": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне" - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне" - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на темном фоне" - }, - "surfaceAccentHover": { - "value": "#2CA6F2FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentActive": { - "value": "#0F94E6FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccent": { - "value": "#119AF0FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradient": { - "value": "linear-gradient(75.33deg, #12C2F3 0%, #2B8CED 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#28C344FF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне" - }, - "surfacePositiveActive": { - "value": "#23A93BFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне" - }, - "surfacePositive": { - "value": "[general.green.400]", - "comment": "Цвет фона поверхности/контрола успех на темном фоне" - }, - "surfaceWarningHover": { - "value": "#FF8442FF", - "comment": "Цвет фона поверхности предупреждение на темном фоне" - }, - "surfaceWarningActive": { - "value": "#FF6A1AFF", - "comment": "Цвет фона поверхности предупреждение на темном фоне" - }, - "surfaceWarning": { - "value": "[general.orange.400]", - "comment": "Цвет фона поверхности предупреждение на темном фоне" - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceAccentSecondaryHover": { - "value": "#FF66A3FF", - "comment": "Второй акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentSecondaryActive": { - "value": "#FF3D8BFF", - "comment": "Второй акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentSecondary": { - "value": "[general.pink.400]", - "comment": "Второй акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentGradientSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Второй акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Второй акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientSecondary": { - "value": "linear-gradient(75.33deg, #FC95DA 0%, #FF1F78 100%)", - "comment": "Второй акцентный фон поверхности/контрола с градиентом на темном фоне" - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Основной непрозрачный фон поверхности на светлом фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Основной непрозрачный фон поверхности на светлом фоне" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности на светлом фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#E8E8E8FF", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#D9D9D9FF", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCard": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#1C1C1CFF", - "comment": "Непрозрачный фон поверхности по умолчанию на светлом фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#121212FF", - "comment": "Непрозрачный фон поверхности по умолчанию на светлом фоне" - }, - "surfaceSolidDefault": { - "value": "[general.gray.950]", - "comment": "Непрозрачный фон поверхности по умолчанию на светлом фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#08080812", - "comment": "Основной прозрачный фон поверхности на светлом фоне" - }, - "surfaceTransparentPrimaryActive": { - "value": "#08080803", - "comment": "Основной прозрачный фон поверхности на светлом фоне" - }, - "surfaceTransparentPrimary": { - "value": "#08080808", - "comment": "Основной прозрачный фон поверхности на светлом фоне" - }, - "surfaceTransparentSecondaryHover": { - "value": "#0808081F", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808080A", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808083D", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#0808080F", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceTransparentCard": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне" - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне" - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на светлом фоне" - }, - "surfaceAccentHover": { - "value": "#2CA6F2FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentActive": { - "value": "#0F94E6FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccent": { - "value": "#119AF0FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradient": { - "value": "linear-gradient(75.33deg, #12C2F3 0%, #2B8CED 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне" - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне" - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет фона поверхности предупреждение на светлом фоне" - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Цвет фона поверхности предупреждение на светлом фоне" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности предупреждение на светлом фоне" - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceAccentSecondaryHover": { - "value": "#FF66A3FF", - "comment": "Второй акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentSecondaryActive": { - "value": "#FF3D8BFF", - "comment": "Второй акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentSecondary": { - "value": "[general.pink.400]", - "comment": "Второй акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentGradientSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Второй акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Второй акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientSecondary": { - "value": "linear-gradient(75.33deg, #FC95DA 0%, #FF1F78 100%)", - "comment": "Второй акцентный фон поверхности/контрола с градиентом на светлом фоне" - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - } - }, - "dark": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон на темном фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон на светлом фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Инвертированный основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - } - }, - "light": { - "overlay": { - "default": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый", - "enabled": false - } - }, - "onDark": { - "overlaySoft": { - "value": "#0808088F", - "comment": "Цвет фона паранжи светлый на темном фоне" - }, - "overlayHard": { - "value": "#080808E6", - "comment": "Цвет фона паранжи темный на темном фоне" - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на темном фоне", - "enabled": false - } - }, - "onLight": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на светлом фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на светлом фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на светлом фоне", - "enabled": false - } - }, - "inverse": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - }, - "text": { - "default": { - "textPrimaryHover": { - "value": "#696969FF", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#404040FF", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "[general.gray.950]", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#595959FF", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "[general.gray.700]", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#8F8F8FFF", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "[general.gray.300]", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#878787FF", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#5E5E5EFF", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "[general.gray.850]", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#2AA0EFFF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#0E75B9FF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "[general.blue.500]", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": "linear-gradient(75.33deg, #12C2F3 0%, #2281E0 100%)", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1FC13DFF", - "comment": "Цвет успеха" - }, - "textPositiveActive": { - "value": "#147B27FF", - "comment": "Цвет успеха" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха" - }, - "textWarningHover": { - "value": "#FB7528FF", - "comment": "Цвет предупреждения" - }, - "textWarningActive": { - "value": "#CD4E04FF", - "comment": "Цвет предупреждения" - }, - "textWarning": { - "value": "#F55D05FF", - "comment": "Цвет предупреждения" - }, - "textNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#FF001AFF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textAccentSecondaryHover": { - "value": "#FF4791FF", - "comment": "Второй акцентный цвет" - }, - "textAccentSecondaryActive": { - "value": "#F50062FF", - "comment": "Второй акцентный цвет" - }, - "textAccentSecondary": { - "value": "[general.pink.500]", - "comment": "Второй акцентный цвет" - }, - "textAccentGradientSecondaryHover": { - "value": "#000000FF", - "comment": "Второй акцентный цвет с градиентом" - }, - "textAccentGradientSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Второй акцентный цвет с градиентом" - }, - "textAccentGradientSecondary": { - "value": "linear-gradient(75.33deg, #FF94C9 0%, #F00563 100%)", - "comment": "Второй акцентный цвет с градиентом" - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#000000FF", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#C7C7C7FF", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "[general.gray.50]", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#757575FF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "[general.gray.400]", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#404040FF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "[general.gray.800]", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#000000FF", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#9E9E9EFF", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "[general.gray.250]", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#7ACAFFFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#29A9FFFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "[general.blue.300]", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(75.33deg, #4AD6FC 0%, #389AFC 100%)", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#2BD44AFF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositiveActive": { - "value": "#1D9032FF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositive": { - "value": "[general.green.400]", - "comment": "Цвет успеха на темном фоне" - }, - "textWarningHover": { - "value": "#FF8B4DFF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarningActive": { - "value": "#FA5700FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarning": { - "value": "[general.orange.400]", - "comment": "Цвет предупреждения на темном фоне" - }, - "textNegativeHover": { - "value": "#FF6675FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "[general.red.400]", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textAccentSecondaryHover": { - "value": "#FFB8D4FF", - "comment": "Второй акцентный цвет на темном фоне" - }, - "textAccentSecondaryActive": { - "value": "#FF66A3FF", - "comment": "Второй акцентный цвет на темном фоне" - }, - "textAccentSecondary": { - "value": "[general.pink.300]", - "comment": "Второй акцентный цвет на темном фоне" - }, - "textAccentGradientSecondaryHover": { - "value": "#000000FF", - "comment": "Второй акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradientSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Второй акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradientSecondary": { - "value": "linear-gradient(75.33deg, #FFB2E5 0%, #FF4791 100%)", - "comment": "Второй акцентный цвет с градиентом на темном фоне" - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#696969FF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#404040FF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "[general.gray.950]", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#595959FF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "[general.gray.700]", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#8F8F8FFF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "[general.gray.300]", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#878787FF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#5E5E5EFF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "[general.gray.850]", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#2AA0EFFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#0E75B9FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "[general.blue.500]", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(75.33deg, #12C2F3 0%, #2281E0 100%)", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1FC13DFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositiveActive": { - "value": "#147B27FF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на светлом фоне" - }, - "textWarningHover": { - "value": "#FB7528FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarningActive": { - "value": "#CD4E04FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarning": { - "value": "#F55D05FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#FF001AFF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textAccentSecondaryHover": { - "value": "#FF70A9FF", - "comment": "Второй акцентный цвет на светлом фоне" - }, - "textAccentSecondaryActive": { - "value": "#FF1F78FF", - "comment": "Второй акцентный цвет на светлом фоне" - }, - "textAccentSecondary": { - "value": "[general.pink.400]", - "comment": "Второй акцентный цвет на светлом фоне" - }, - "textAccentGradientSecondaryHover": { - "value": "#000000FF", - "comment": "Второй акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradientSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Второй акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradientSecondary": { - "value": "linear-gradient(75.33deg, #FF94C9 0%, #F00563 100%)", - "comment": "Второй акцентный цвет с градиентом на светлом фоне" - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#C7C7C7FF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "[general.gray.50]", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#757575FF", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondary": { - "value": "[general.gray.400]", - "comment": "Инвертированный вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#404040FF", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiary": { - "value": "[general.gray.800]", - "comment": "Инвертированный третичный цвет текста" - }, - "textParagraphHover": { - "value": "#000000FF", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraphActive": { - "value": "#9E9E9EFF", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraph": { - "value": "[general.gray.250]", - "comment": "Инвертированный cплошной наборный текст" - }, - "textAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#EDEDEDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#D4D4D4FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#363636FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefaultActive": { - "value": "#0D0D0DFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefault": { - "value": "[general.gray.950]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceTransparentPrimaryHover": { - "value": "#08080803", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentPrimaryActive": { - "value": "#0808080D", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentPrimary": { - "value": "#08080808", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondaryHover": { - "value": "#08080805", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808081A", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808080A", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiaryActive": { - "value": "#08080829", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек" - }, - "surfaceTransparentCard": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек" - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceAccentHover": { - "value": "#36A7F2FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentActive": { - "value": "#0F90E6FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccent": { - "value": "[general.blue.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradient": { - "value": "linear-gradient(75.33deg, #12C2F3 0%, #2B8CED 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха" - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха" - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceAccentSecondaryHover": { - "value": "#FF70A9FF", - "comment": "Второй акцентный фон поверхности/контрола" - }, - "surfaceAccentSecondaryActive": { - "value": "#FF3385FF", - "comment": "Второй акцентный фон поверхности/контрола" - }, - "surfaceAccentSecondary": { - "value": "[general.pink.400]", - "comment": "Второй акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Второй акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Второй акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientSecondary": { - "value": "linear-gradient(75.33deg, #FC95DA 0%, #FF1F78 100%)", - "comment": "Второй акцентный фон поверхности/контрола с градиентом" - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#363636FF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#0D0D0DFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#3B3B3BFF", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#1C1C1CFF", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#4A4A4AFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#2B2B2BFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidCardHover": { - "value": "#363636FF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCardActive": { - "value": "#0D0D0DFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF05", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF1A", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF0A", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF29", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF1F", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF3D", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF05", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF1A", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCard": { - "value": "#FFFFFF0F", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне" - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне" - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на темном фоне" - }, - "surfaceAccentHover": { - "value": "#36A7F2FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentActive": { - "value": "#0F90E6FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccent": { - "value": "[general.blue.400]", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradient": { - "value": "linear-gradient(75.33deg, #12C2F3 0%, #2B8CED 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#28C344FF", - "comment": "Цвет успеха на темном фоне" - }, - "surfacePositiveActive": { - "value": "#21A138FF", - "comment": "Цвет успеха на темном фоне" - }, - "surfacePositive": { - "value": "[general.green.400]", - "comment": "Цвет успеха на темном фоне" - }, - "surfaceWarningHover": { - "value": "#FF8B4DFF", - "comment": "Цвет фона поверхности предупреждение на темном фоне" - }, - "surfaceWarningActive": { - "value": "#FF630FFF", - "comment": "Цвет фона поверхности предупреждение на темном фоне" - }, - "surfaceWarning": { - "value": "[general.orange.400]", - "comment": "Цвет фона поверхности предупреждение на темном фоне" - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет фона поверхности ошибка на темном фоне" - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет фона поверхности ошибка на темном фоне" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности ошибка на темном фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceAccentSecondaryHover": { - "value": "#FF70A9FF", - "comment": "Второй акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentSecondaryActive": { - "value": "#FF3385FF", - "comment": "Второй акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentSecondary": { - "value": "[general.pink.400]", - "comment": "Второй акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentGradientSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Второй акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Второй акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientSecondary": { - "value": "linear-gradient(75.33deg, #FC95DA 0%, #FF1F78 100%)", - "comment": "Второй акцентный фон поверхности/контрола с градиентом на темном фоне" - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Основной непрозрачный фон поверхности на светлом фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Основной непрозрачный фон поверхности на светлом фоне" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности на светлом фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#EDEDEDFF", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#D4D4D4FF", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне" - }, - "surfaceSolidCardHover": { - "value": "#FCFCFCFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCardActive": { - "value": "#F2F2F2FF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCard": { - "value": "#F7F7F7", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#363636FF", - "comment": "Непрозрачный фон поверхности по умолчанию на светлом фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#0D0D0DFF", - "comment": "Непрозрачный фон поверхности по умолчанию на светлом фоне" - }, - "surfaceSolidDefault": { - "value": "[general.gray.950]", - "comment": "Непрозрачный фон поверхности по умолчанию на светлом фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#08080803", - "comment": "Основной прозрачный фон поверхности на светлом фоне" - }, - "surfaceTransparentPrimaryActive": { - "value": "#0808080D", - "comment": "Основной прозрачный фон поверхности на светлом фоне" - }, - "surfaceTransparentPrimary": { - "value": "#08080808", - "comment": "Основной прозрачный фон поверхности на светлом фоне" - }, - "surfaceTransparentSecondaryHover": { - "value": "#08080805", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808081A", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808080A", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#08080829", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceTransparentCard": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне" - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне" - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на светлом фоне" - }, - "surfaceAccentHover": { - "value": "#36A7F2FF", - "comment": "Акцентный фон поверхности на светлом фоне" - }, - "surfaceAccentActive": { - "value": "#0F90E6FF", - "comment": "Акцентный фон поверхности на светлом фоне" - }, - "surfaceAccent": { - "value": "[general.blue.400]", - "comment": "Акцентный фон поверхности на светлом фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradient": { - "value": "linear-gradient(75.33deg, #12C2F3 0%, #2B8CED 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на светлом фоне" - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха на светлом фоне" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на светлом фоне" - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет фона поверхности предупреждение на светлом фоне" - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Цвет фона поверхности предупреждение на светлом фоне" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности предупреждение на светлом фоне" - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет фона поверхности ошибка на светлом фоне" - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет фона поверхности ошибка на светлом фоне" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности ошибка на светлом фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceAccentSecondaryHover": { - "value": "#FF70A9FF", - "comment": "Второй акцентный фон поверхности на светлом фоне" - }, - "surfaceAccentSecondaryActive": { - "value": "#FF3385FF", - "comment": "Второй акцентный фон поверхности на светлом фоне" - }, - "surfaceAccentSecondary": { - "value": "[general.pink.400]", - "comment": "Второй акцентный фон поверхности на светлом фоне" - }, - "surfaceAccentGradientSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Второй акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Второй акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientSecondary": { - "value": "linear-gradient(75.33deg, #FC95DA 0%, #FF1F78 100%)", - "comment": "Второй акцентный фон поверхности/контрола с градиентом на светлом фоне" - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - } - }, - "dark": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон на темном фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон на светлом фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Инвертированный основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - } - }, - "borderRadius": { - "xxs": { - "value": "4px" - }, - "xs": { - "value": "6px" - }, - "s": { - "value": "8px" - }, - "m": { - "value": "12px" - }, - "l": { - "value": "16px" - }, - "xl": { - "value": "20px" - }, - "xxl": { - "value": "32px" - } - } -} diff --git a/packages/themes/data-themes/data/themes/sbermarket.json b/packages/themes/data-themes/data/themes/sbermarket.json deleted file mode 100644 index 66f2f75f7f..0000000000 --- a/packages/themes/data-themes/data/themes/sbermarket.json +++ /dev/null @@ -1,11215 +0,0 @@ -{ - "config": { - "name": "sbermarket", - "accentColor": { - "light": "#21A038", - "dark": "#2EE850" - }, - "grayscale": { - "light": "coolGray", - "dark": "coolGray" - }, - "opacity": { - "textIcons": true, - "surfaces": false - } - }, - "dark": { - "overlay": { - "default": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый", - "enabled": false - } - }, - "onDark": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на темном фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на темном фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на темном фоне", - "enabled": false - } - }, - "onLight": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на светлом фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на светлом фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на светлом фоне", - "enabled": false - } - }, - "inverse": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - }, - "text": { - "default": { - "textPrimaryHover": { - "value": "#B3C5D0FF", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#D3DDE4FF", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "#F2F5F7", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#353E46FF", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "#A8B4BD", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#5B6267FF", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "#7D868C", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#FFFFFFFF", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#262F36FF", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "#BEC9D1", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#2ACB47FF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#1F9835FF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#FF4D5EFF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#FF0F27FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "#FF2E43", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#FF0066FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD21FFF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#23F7FBFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#03A7AAFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.300]", - "comment": "Акцентный цвет бренда" - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#F2F5F793", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#F2F5F7C4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "rgba(242, 245, 247, 0.96)", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#F2F5F7FF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#F2F5F7C4", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "rgba(242, 245, 247, 0.64)", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#F2F5F7FF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#F2F5F77A", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "rgba(242, 245, 247, 0.4)", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#F2F5F77A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#F2F5F7A3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "rgba(242, 245, 247, 0.8)", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#2ACB47FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#1F9835FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#FF4D5EFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF0F27FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "#FF2E43", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#FF0066FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD21FFF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#23F7FBFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#03A7AAFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.300]", - "comment": "Акцентный цвет бренда" - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#A6AEB5FF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "#24282B", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#51585DFF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "#8C959C", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#262F36FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "#BEC9D1", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#FFFFFFFF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#A6AEB5FF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "#24282B", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#13AA2CFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#0D731EFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#F5384BFF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#E40C22FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#FF0066FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD21FFF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#11BDC0FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#0EA2A4FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.600]", - "comment": "Акцентный цвет бренда" - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#A6AEB5FF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "#24282B", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textParagraphHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraphActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraph": { - "value": "#FFFFFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#2C3135FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#1E2224FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "#24282B", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#3A4145FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#2C3135FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "#31373B", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#191D1FFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#101214FF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "#15181A", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#28C344FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentActive": { - "value": "#23A93BFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccent": { - "value": "[general.green.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FF4D5EFF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#FF243AFF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "#FF2E43", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0C9FA1FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF1472FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD633FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#75A5FFFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#4D8BFFFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "#5993FF", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#535A5FFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#454A4FFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#494F54", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#2C3135FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#1E2224FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondary": { - "value": "#24282B", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#3A4145FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#2C3135FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiary": { - "value": "#31373B", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidCardHover": { - "value": "#191D1FFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCardActive": { - "value": "#101214FF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCard": { - "value": "#15181A", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#28C344FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentActive": { - "value": "#23A93BFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccent": { - "value": "[general.green.400]", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FF4D5EFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegativeActive": { - "value": "#FF243AFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegative": { - "value": "#FF2E43", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0C9FA1FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF1472FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD633FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#75A5FFFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#4D8BFFFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "#5993FF", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#535A5FFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#454A4FFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#494F54", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#F9FAFBFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#ECF0F3FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondary": { - "value": "#F2F5F7", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#F2F5F8FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#DEE7EDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiary": { - "value": "#E4EBF0", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#28C344FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentActive": { - "value": "#23A93BFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccent": { - "value": "[general.green.400]", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#F5384BFF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegativeActive": { - "value": "#F31228FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0C9FA1FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF1472FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD633FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#5D95FDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#357BFDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "[general.electricBlue.500]", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#DEE7EDFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#CBD8E2FF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#D1DDE5", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "#08090A", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - }, - "backgroundOverlay": { - "value": "rgba(21, 24, 26, 0.56)", - "comment": "Вторичный фон" - } - }, - "dark": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на темном фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на светлом фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "banners": { - "default": { - "bannerRed": { - "value": "[general.red.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerGold": { - "value": "[general.gold.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerGreen": { - "value": "[general.green.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerMalachite": { - "value": "[general.malachite.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerBlue": { - "value": "[general.electricBlue.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - } - } - } - }, - "light": { - "overlay": { - "default": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый", - "enabled": false - } - }, - "onDark": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на темном фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на темном фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на темном фоне", - "enabled": false - } - }, - "onLight": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на светлом фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на светлом фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на светлом фоне", - "enabled": false - } - }, - "inverse": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - }, - "text": { - "default": { - "textPrimaryHover": { - "value": "#6D7983FF", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#485056FF", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "#24282B", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#6D767EFF", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "#8C959C", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#8EA1AFFF", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "#BEC9D1", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#6D7983FF", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#485056FF", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "#24282B", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#19B336FF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#0F6B20FF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "#148F2B", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#DA0B20FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#F50062FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD014FF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#12D0D3FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#0FABAEFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.600]", - "comment": "Акцентный цвет бренда" - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#000000FF", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "#FFFFFF", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#F2F5F7FF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#F2F5F7C4", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "rgba(242, 245, 247, 0.64)", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#F2F5F7FF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#F2F5F77A", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "rgba(242, 245, 247, 0.4)", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#F2F5F77A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#F2F5F7A3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "rgba(242, 245, 247, 0.8)", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#2BD44AFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#1D9032FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#FF5768FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF051EFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "#FF2E43", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#F50062FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD014FF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#05ECF0FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#039DA0FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.300]", - "comment": "Акцентный цвет бренда" - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#6D7983FF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#485056FF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "#24282B", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#6D767EFF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "#8C959C", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#8EA1AFFF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "#BEC9D1", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#6D7983FF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#485056FF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "#24282B", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#19B336FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#0F6B20FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "#148F2B", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#DA0B20FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#F50062FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD014FF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#12D0D3FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#0FABAEFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.600]", - "comment": "Акцентный цвет бренда" - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#B6C7D2FF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "#F2F5F7", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textParagraphHover": { - "value": "#000000FF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraphActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraph": { - "value": "#FFFFFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#F9FAFBFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#ECF0F3FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "#F2F5F7", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#F2F5F8FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#DEE7EDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "#E4EBF0", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#28C344FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentActive": { - "value": "#21A138FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccent": { - "value": "[general.green.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#ED0C23FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0B9598FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF0A6CFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD429FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#689CFDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#2B74FDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "[general.electricBlue.500]", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#DEE7EDFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#C4D4DEFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#D1DDE5", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#353B40FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#1A1C1FFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondary": { - "value": "#24282B", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#434B51FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#272C2FFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiary": { - "value": "#31373B", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidCardHover": { - "value": "#22272AFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCardActive": { - "value": "#0B0D0EFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCard": { - "value": "#15181A", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#28C344FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentActive": { - "value": "#21A138FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccent": { - "value": "[general.green.400]", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FF5768FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegativeActive": { - "value": "#FF1A30FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegative": { - "value": "#FF2E43", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0B9598FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF0A6CFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD429FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#689CFDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#2B74FDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "[general.electricBlue.500]", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#5C646AFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#40454AFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#494F54", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#F9FAFBFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#ECF0F3FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondary": { - "value": "#F2F5F7", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#F2F5F8FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#DEE7EDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiary": { - "value": "#E4EBF0", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#28C344FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentActive": { - "value": "#21A138FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccent": { - "value": "[general.green.400]", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegativeActive": { - "value": "#ED0C23FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0B9598FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF0A6CFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD429FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#689CFDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#2B74FDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "[general.electricBlue.500]", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#DEE7EDFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#C4D4DEFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#D1DDE5", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "#F7F8FA", - "comment": "Основной бэкграунд" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - }, - "backgroundOverlay": { - "value": "rgba(21, 24, 26, 0.56)", - "comment": "Чёрный оверлей под модалками с фоном" - } - }, - "dark": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на темном фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на светлом фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "banner": { - "default": { - "bannerRed": { - "value": "[general.red.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerGold": { - "value": "[general.gold.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerGreen": { - "value": "[general.green.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerMalachite": { - "value": "[general.malachite.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerBlue": { - "value": "[general.electricBlue.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - } - } - } - }, - "shadow": { - "down": { - "soft": { - "s": { - "value": [ - { - "origin": "0px 6px 12px rgba(0, 0, 0, 0.08)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 2 - }, - "opacity": 0.08, - "radius": 1.5 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.48)", - "elevation": 8 - } - } - ] - }, - "m": { - "value": [ - { - "origin": "0 12px 24px rgba(0, 0, 0, 0.12)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 4 - }, - "opacity": 0.1, - "radius": 3 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.64)", - "elevation": 24 - } - } - ] - }, - "l": { - "value": [ - { - "origin": "0 24px 48px rgba(0, 0, 0, 0.16)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 7 - }, - "opacity": 0.16, - "radius": 7 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.96)", - "elevation": 40 - } - } - ] - } - }, - "hard": { - "s": { - "value": [ - { - "origin": "0px 6px 12px rgba(0, 0, 0, 0.12)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 2 - }, - "opacity": 0.15, - "radius": 1.5 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.8)", - "elevation": 16 - } - } - ] - }, - "m": { - "value": [ - { - "origin": "0 12px 24px rgba(0, 0, 0, 0.16)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 4 - }, - "opacity": 0.2, - "radius": 3 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.96)", - "elevation": 32 - } - } - ] - }, - "l": { - "value": [ - { - "origin": "0 24px 48px rgba(0, 0, 0, 0.2)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 7 - }, - "opacity": 0.24, - "radius": 7 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 1)", - "elevation": 48 - } - } - ] - } - } - } - }, - "borderRadius": { - "xxs": { - "value": "4px" - }, - "xs": { - "value": "8px" - }, - "s": { - "value": "12px" - }, - "m": { - "value": "16px" - }, - "l": { - "value": "20px" - }, - "xl": { - "value": "24px" - }, - "xxl": { - "value": "32px" - } - }, - "spacing": { - "0x": { - "value": "0px" - }, - "1x": { - "value": "2px" - }, - "2x": { - "value": "4px" - }, - "3x": { - "value": "6px" - }, - "4x": { - "value": "8px" - }, - "6x": { - "value": "12px" - }, - "8x": { - "value": "16px" - }, - "10x": { - "value": "20px" - }, - "12x": { - "value": "24px" - }, - "16x": { - "value": "32px" - }, - "20x": { - "value": "40px" - }, - "24x": { - "value": "48px" - }, - "32x": { - "value": "64px" - }, - "40x": { - "value": "80px" - }, - "60x": { - "value": "120px" - } - } -} diff --git a/packages/themes/data-themes/data/themes/sbermarket_business.json b/packages/themes/data-themes/data/themes/sbermarket_business.json deleted file mode 100644 index b9d987c4d1..0000000000 --- a/packages/themes/data-themes/data/themes/sbermarket_business.json +++ /dev/null @@ -1,11215 +0,0 @@ -{ - "config": { - "name": "sbermarket_business", - "accentColor": { - "light": "#21A038", - "dark": "#2EE850" - }, - "grayscale": { - "light": "coolGray", - "dark": "coolGray" - }, - "opacity": { - "textIcons": true, - "surfaces": false - } - }, - "dark": { - "overlay": { - "default": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый", - "enabled": false - } - }, - "onDark": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на темном фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на темном фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на темном фоне", - "enabled": false - } - }, - "onLight": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на светлом фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на светлом фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на светлом фоне", - "enabled": false - } - }, - "inverse": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - }, - "text": { - "default": { - "textPrimaryHover": { - "value": "#B3C5D0FF", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#D3DDE4FF", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "#F2F5F7", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#353E46FF", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "#A8B4BD", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#5B6267FF", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "#7D868C", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#FFFFFFFF", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#262F36FF", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "#BEC9D1", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#00C2B8FF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#00857EFF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "#00A39A", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#FF4D5EFF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#FF0F27FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "#FF2E43", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#FF0066FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD21FFF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#23F7FBFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#03A7AAFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.300]", - "comment": "Акцентный цвет бренда" - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#F2F5F793", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#F2F5F7C4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "rgba(242, 245, 247, 0.96)", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#F2F5F7FF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#F2F5F7C4", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "rgba(242, 245, 247, 0.64)", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#F2F5F7FF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#F2F5F77A", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "rgba(242, 245, 247, 0.4)", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#F2F5F77A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#F2F5F7A3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "rgba(242, 245, 247, 0.8)", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#00C2B8FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#00857EFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "#00A39A", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#FF4D5EFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF0F27FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "#FF2E43", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#FF0066FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD21FFF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#23F7FBFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#03A7AAFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.300]", - "comment": "Акцентный цвет бренда" - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#A6AEB5FF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "#24282B", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#51585DFF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "#8C959C", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#262F36FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "#BEC9D1", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#FFFFFFFF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#A6AEB5FF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "#24282B", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#00C2B8FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#00857EFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "#00A39A", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#F5384BFF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#E40C22FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#FF0066FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD21FFF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#11BDC0FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#0EA2A4FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.600]", - "comment": "Акцентный цвет бренда" - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#A6AEB5FF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "#24282B", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textParagraphHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraphActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraph": { - "value": "#FFFFFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#2C3135FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#1E2224FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "#24282B", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#3A4145FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#2C3135FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "#31373B", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#191D1FFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#101214FF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "#15181A", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#00B8AEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentActive": { - "value": "#009991FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccent": { - "value": "#00A39A", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FF4D5EFF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#FF243AFF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "#FF2E43", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0C9FA1FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF1472FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD633FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#75A5FFFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#4D8BFFFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "#5993FF", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#535A5FFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#454A4FFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#494F54", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#2C3135FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#1E2224FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondary": { - "value": "#24282B", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#3A4145FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#2C3135FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiary": { - "value": "#31373B", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidCardHover": { - "value": "#191D1FFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCardActive": { - "value": "#101214FF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCard": { - "value": "#15181A", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#00B8AEFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentActive": { - "value": "#009991FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccent": { - "value": "#00A39A", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FF4D5EFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegativeActive": { - "value": "#FF243AFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegative": { - "value": "#FF2E43", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0C9FA1FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF1472FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD633FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#75A5FFFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#4D8BFFFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "#5993FF", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#535A5FFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#454A4FFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#494F54", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#F9FAFBFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#ECF0F3FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondary": { - "value": "#F2F5F7", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#F2F5F8FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#DEE7EDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiary": { - "value": "#E4EBF0", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#00B8AEFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentActive": { - "value": "#009991FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccent": { - "value": "#00A39A", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#F5384BFF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegativeActive": { - "value": "#F31228FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0C9FA1FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF1472FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD633FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#5D95FDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#357BFDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "[general.electricBlue.500]", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#DEE7EDFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#CBD8E2FF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#D1DDE5", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "#08090A", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - }, - "backgroundOverlay": { - "value": "rgba(21, 24, 26, 0.56)", - "comment": "Вторичный фон" - } - }, - "dark": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на темном фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на светлом фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "banners": { - "default": { - "bannerRed": { - "value": "[general.red.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerGold": { - "value": "[general.gold.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerGreen": { - "value": "[general.green.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerMalachite": { - "value": "[general.malachite.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerBlue": { - "value": "[general.electricBlue.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - } - } - } - }, - "light": { - "overlay": { - "default": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый", - "enabled": false - } - }, - "onDark": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на темном фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на темном фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на темном фоне", - "enabled": false - } - }, - "onLight": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на светлом фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на светлом фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на светлом фоне", - "enabled": false - } - }, - "inverse": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - }, - "text": { - "default": { - "textPrimaryHover": { - "value": "#6D7983FF", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#485056FF", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "#24282B", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#6D767EFF", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "#8C959C", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#8EA1AFFF", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "#BEC9D1", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#6D7983FF", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#485056FF", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "#24282B", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#00CCC2FF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#007A74FF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "#00A39A", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#DA0B20FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#F50062FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD014FF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#12D0D3FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#0FABAEFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.600]", - "comment": "Акцентный цвет бренда" - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#F2F5F793", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#F2F5F7C4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "rgba(242, 245, 247, 0.96)", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#F2F5F7FF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#F2F5F7C4", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "rgba(242, 245, 247, 0.64)", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#F2F5F7FF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#F2F5F77A", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "rgba(242, 245, 247, 0.4)", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#F2F5F77A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#F2F5F7A3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "rgba(242, 245, 247, 0.8)", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#00CCC2FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#007A74FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "#00A39A", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#FF5768FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF051EFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "#FF2E43", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#F50062FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD014FF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#05ECF0FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#039DA0FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.300]", - "comment": "Акцентный цвет бренда" - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#6D7983FF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#485056FF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "#24282B", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#6D767EFF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "#8C959C", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#8EA1AFFF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "#BEC9D1", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#6D7983FF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#485056FF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "#24282B", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#00CCC2FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#007A74FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "#00A39A", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#DA0B20FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#F50062FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD014FF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#12D0D3FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#0FABAEFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.600]", - "comment": "Акцентный цвет бренда" - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#B6C7D2FF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "#F2F5F7", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textParagraphHover": { - "value": "#000000FF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraphActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraph": { - "value": "#FFFFFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#F9FAFBFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#ECF0F3FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "#F2F5F7", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#F2F5F8FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#DEE7EDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "#E4EBF0", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#00B8AEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentActive": { - "value": "#008F88FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccent": { - "value": "#00A39A", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#ED0C23FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0B9598FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF0A6CFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD429FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#689CFDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#2B74FDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "[general.electricBlue.500]", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#DEE7EDFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#C4D4DEFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#D1DDE5", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#353B40FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#1A1C1FFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondary": { - "value": "#24282B", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#434B51FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#272C2FFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiary": { - "value": "#31373B", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidCardHover": { - "value": "#22272AFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCardActive": { - "value": "#0B0D0EFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCard": { - "value": "#15181A", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#00B8AEFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentActive": { - "value": "#008F88FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccent": { - "value": "#00A39A", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FF5768FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegativeActive": { - "value": "#FF1A30FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegative": { - "value": "#FF2E43", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0B9598FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF0A6CFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD429FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#689CFDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#2B74FDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "[general.electricBlue.500]", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#5C646AFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#40454AFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#494F54", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#F9FAFBFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#ECF0F3FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondary": { - "value": "#F2F5F7", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#F2F5F8FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#DEE7EDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiary": { - "value": "#E4EBF0", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#00B8AEFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentActive": { - "value": "#008F88FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccent": { - "value": "#00A39A", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegativeActive": { - "value": "#ED0C23FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0B9598FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF0A6CFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD429FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#689CFDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#2B74FDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "[general.electricBlue.500]", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#DEE7EDFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#C4D4DEFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#D1DDE5", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "#F7F8FA", - "comment": "Основной бэкграунд" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - }, - "backgroundOverlay": { - "value": "rgba(21, 24, 26, 0.56)", - "comment": "Чёрный оверлей под модалками с фоном" - } - }, - "dark": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на темном фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на светлом фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "banner": { - "default": { - "bannerRed": { - "value": "[general.red.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerGold": { - "value": "[general.gold.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerGreen": { - "value": "[general.green.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerMalachite": { - "value": "[general.malachite.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerBlue": { - "value": "[general.electricBlue.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - } - } - } - }, - "shadow": { - "down": { - "soft": { - "s": { - "value": [ - { - "origin": "0px 6px 12px rgba(0, 0, 0, 0.08)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 2 - }, - "opacity": 0.08, - "radius": 1.5 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.48)", - "elevation": 8 - } - } - ] - }, - "m": { - "value": [ - { - "origin": "0 12px 24px rgba(0, 0, 0, 0.12)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 4 - }, - "opacity": 0.1, - "radius": 3 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.64)", - "elevation": 24 - } - } - ] - }, - "l": { - "value": [ - { - "origin": "0 24px 48px rgba(0, 0, 0, 0.16)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 7 - }, - "opacity": 0.16, - "radius": 7 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.96)", - "elevation": 40 - } - } - ] - } - }, - "hard": { - "s": { - "value": [ - { - "origin": "0px 6px 12px rgba(0, 0, 0, 0.12)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 2 - }, - "opacity": 0.15, - "radius": 1.5 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.8)", - "elevation": 16 - } - } - ] - }, - "m": { - "value": [ - { - "origin": "0 12px 24px rgba(0, 0, 0, 0.16)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 4 - }, - "opacity": 0.2, - "radius": 3 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.96)", - "elevation": 32 - } - } - ] - }, - "l": { - "value": [ - { - "origin": "0 24px 48px rgba(0, 0, 0, 0.2)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 7 - }, - "opacity": 0.24, - "radius": 7 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 1)", - "elevation": 48 - } - } - ] - } - } - } - }, - "borderRadius": { - "xxs": { - "value": "4px" - }, - "xs": { - "value": "8px" - }, - "s": { - "value": "12px" - }, - "m": { - "value": "16px" - }, - "l": { - "value": "20px" - }, - "xl": { - "value": "24px" - }, - "xxl": { - "value": "32px" - } - }, - "spacing": { - "0x": { - "value": "0px" - }, - "1x": { - "value": "2px" - }, - "2x": { - "value": "4px" - }, - "3x": { - "value": "6px" - }, - "4x": { - "value": "8px" - }, - "6x": { - "value": "12px" - }, - "8x": { - "value": "16px" - }, - "10x": { - "value": "20px" - }, - "12x": { - "value": "24px" - }, - "16x": { - "value": "32px" - }, - "20x": { - "value": "40px" - }, - "24x": { - "value": "48px" - }, - "32x": { - "value": "64px" - }, - "40x": { - "value": "80px" - }, - "60x": { - "value": "120px" - } - } -} diff --git a/packages/themes/data-themes/data/themes/sbermarket_metro.json b/packages/themes/data-themes/data/themes/sbermarket_metro.json deleted file mode 100644 index f0efda57bb..0000000000 --- a/packages/themes/data-themes/data/themes/sbermarket_metro.json +++ /dev/null @@ -1,11215 +0,0 @@ -{ - "config": { - "name": "sbermarket_metro", - "accentColor": { - "light": "#21A038", - "dark": "#2EE850" - }, - "grayscale": { - "light": "coolGray", - "dark": "coolGray" - }, - "opacity": { - "textIcons": true, - "surfaces": false - } - }, - "dark": { - "overlay": { - "default": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый", - "enabled": false - } - }, - "onDark": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на темном фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на темном фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на темном фоне", - "enabled": false - } - }, - "onLight": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на светлом фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на светлом фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на светлом фоне", - "enabled": false - } - }, - "inverse": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - }, - "text": { - "default": { - "textPrimaryHover": { - "value": "#B3C5D0FF", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#D3DDE4FF", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "#F2F5F7", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#353E46FF", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "#A8B4BD", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#5B6267FF", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "#7D868C", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#FFFFFFFF", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#262F36FF", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "#BEC9D1", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#5297FFFF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#005AE0FF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "#0064FE", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#FF4D5EFF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#FF0F27FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "#FF2E43", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#FF0066FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD21FFF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#23F7FBFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#03A7AAFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.300]", - "comment": "Акцентный цвет бренда" - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#F2F5F793", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#F2F5F7C4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "rgba(242, 245, 247, 0.96)", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#F2F5F7FF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#F2F5F7C4", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "rgba(242, 245, 247, 0.64)", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#F2F5F7FF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#F2F5F77A", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "rgba(242, 245, 247, 0.4)", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#F2F5F77A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#F2F5F7A3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "rgba(242, 245, 247, 0.8)", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#5297FFFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#005AE0FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "#0064FE", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#FF4D5EFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF0F27FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "#FF2E43", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#FF0066FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD21FFF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#23F7FBFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#03A7AAFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.300]", - "comment": "Акцентный цвет бренда" - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#A6AEB5FF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "#24282B", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#51585DFF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "#8C959C", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#262F36FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "#BEC9D1", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#FFFFFFFF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#A6AEB5FF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "#24282B", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#5297FFFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#005AE0FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "#0064FE", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#F5384BFF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#E40C22FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#FF0066FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD21FFF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#11BDC0FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#0EA2A4FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.600]", - "comment": "Акцентный цвет бренда" - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#A6AEB5FF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "#24282B", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textParagraphHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraphActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraph": { - "value": "#FFFFFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#2C3135FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#1E2224FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "#24282B", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#3A4145FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#2C3135FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "#31373B", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#191D1FFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#101214FF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "#15181A", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#1F78FFFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentActive": { - "value": "#0062F5FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccent": { - "value": "#0064FE", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FF4D5EFF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#FF243AFF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "#FF2E43", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0C9FA1FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF1472FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD633FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#75A5FFFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#4D8BFFFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "#5993FF", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#535A5FFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#454A4FFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#494F54", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#2C3135FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#1E2224FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondary": { - "value": "#24282B", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#3A4145FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#2C3135FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiary": { - "value": "#31373B", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidCardHover": { - "value": "#191D1FFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCardActive": { - "value": "#101214FF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCard": { - "value": "#15181A", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#1F78FFFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentActive": { - "value": "#0062F5FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccent": { - "value": "#0064FE", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FF4D5EFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegativeActive": { - "value": "#FF243AFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegative": { - "value": "#FF2E43", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0C9FA1FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF1472FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD633FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#75A5FFFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#4D8BFFFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "#5993FF", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#535A5FFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#454A4FFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#494F54", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#F9FAFBFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#ECF0F3FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondary": { - "value": "#F2F5F7", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#F2F5F8FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#DEE7EDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiary": { - "value": "#E4EBF0", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#1F78FFFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentActive": { - "value": "#0062F5FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccent": { - "value": "#0064FE", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#F5384BFF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegativeActive": { - "value": "#F31228FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0C9FA1FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF1472FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD633FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#5D95FDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#357BFDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "[general.electricBlue.500]", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#DEE7EDFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#CBD8E2FF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#D1DDE5", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "#08090A", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - }, - "backgroundOverlay": { - "value": "rgba(21, 24, 26, 0.56)", - "comment": "Вторичный фон" - } - }, - "dark": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на темном фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на светлом фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "banners": { - "default": { - "bannerRed": { - "value": "[general.red.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerGold": { - "value": "[general.gold.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerGreen": { - "value": "[general.green.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerMalachite": { - "value": "[general.malachite.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerBlue": { - "value": "[general.electricBlue.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - } - } - } - }, - "light": { - "overlay": { - "default": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый", - "enabled": false - } - }, - "onDark": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на темном фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на темном фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на темном фоне", - "enabled": false - } - }, - "onLight": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на светлом фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на светлом фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на светлом фоне", - "enabled": false - } - }, - "inverse": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - }, - "text": { - "default": { - "textPrimaryHover": { - "value": "#6D7983FF", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#485056FF", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "#24282B", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#6D767EFF", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "#8C959C", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#8EA1AFFF", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "#BEC9D1", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#6D7983FF", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#485056FF", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "#24282B", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#297EFFFF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#0056D6FF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "#0064FE", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#DA0B20FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#F50062FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD014FF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#12D0D3FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#0FABAEFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.600]", - "comment": "Акцентный цвет бренда" - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#F2F5F793", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#F2F5F7C4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "rgba(242, 245, 247, 0.96)", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#F2F5F7FF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#F2F5F7C4", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "rgba(242, 245, 247, 0.64)", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#F2F5F7FF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#F2F5F77A", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "rgba(242, 245, 247, 0.4)", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#F2F5F77A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#F2F5F7A3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "rgba(242, 245, 247, 0.8)", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#297EFFFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#0056D6FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "#0064FE", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#FF5768FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF051EFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "#FF2E43", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#F50062FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD014FF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#05ECF0FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#039DA0FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.300]", - "comment": "Акцентный цвет бренда" - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#6D7983FF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#485056FF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "#24282B", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#6D767EFF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "#8C959C", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#8EA1AFFF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "#BEC9D1", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#6D7983FF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#485056FF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "#24282B", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#297EFFFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#0056D6FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "#0064FE", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#DA0B20FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#F50062FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD014FF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#12D0D3FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#0FABAEFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.600]", - "comment": "Акцентный цвет бренда" - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#B6C7D2FF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "#F2F5F7", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textParagraphHover": { - "value": "#000000FF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraphActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraph": { - "value": "#FFFFFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#F9FAFBFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#ECF0F3FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "#F2F5F7", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#F2F5F8FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#DEE7EDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "#E4EBF0", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#297EFFFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentActive": { - "value": "#005EEBFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccent": { - "value": "#0064FE", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#ED0C23FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0B9598FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF0A6CFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD429FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#689CFDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#2B74FDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "[general.electricBlue.500]", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#DEE7EDFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#C4D4DEFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#D1DDE5", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#353B40FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#1A1C1FFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondary": { - "value": "#24282B", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#434B51FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#272C2FFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiary": { - "value": "#31373B", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidCardHover": { - "value": "#22272AFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCardActive": { - "value": "#0B0D0EFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCard": { - "value": "#15181A", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#297EFFFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentActive": { - "value": "#005EEBFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccent": { - "value": "#0064FE", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FF5768FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegativeActive": { - "value": "#FF1A30FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegative": { - "value": "#FF2E43", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0B9598FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF0A6CFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD429FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#689CFDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#2B74FDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "[general.electricBlue.500]", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#5C646AFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#40454AFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#494F54", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#F9FAFBFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#ECF0F3FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondary": { - "value": "#F2F5F7", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#F2F5F8FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#DEE7EDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiary": { - "value": "#E4EBF0", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#297EFFFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentActive": { - "value": "#005EEBFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccent": { - "value": "#0064FE", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegativeActive": { - "value": "#ED0C23FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0B9598FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF0A6CFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD429FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#689CFDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#2B74FDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "[general.electricBlue.500]", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#DEE7EDFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#C4D4DEFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#D1DDE5", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "#F7F8FA", - "comment": "Основной бэкграунд" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - }, - "backgroundOverlay": { - "value": "rgba(21, 24, 26, 0.56)", - "comment": "Чёрный оверлей под модалками с фоном" - } - }, - "dark": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на темном фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на светлом фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "banner": { - "default": { - "bannerRed": { - "value": "[general.red.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerGold": { - "value": "[general.gold.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerGreen": { - "value": "[general.green.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerMalachite": { - "value": "[general.malachite.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerBlue": { - "value": "[general.electricBlue.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - } - } - } - }, - "shadow": { - "down": { - "soft": { - "s": { - "value": [ - { - "origin": "0px 6px 12px rgba(0, 0, 0, 0.08)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 2 - }, - "opacity": 0.08, - "radius": 1.5 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.48)", - "elevation": 8 - } - } - ] - }, - "m": { - "value": [ - { - "origin": "0 12px 24px rgba(0, 0, 0, 0.12)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 4 - }, - "opacity": 0.1, - "radius": 3 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.64)", - "elevation": 24 - } - } - ] - }, - "l": { - "value": [ - { - "origin": "0 24px 48px rgba(0, 0, 0, 0.16)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 7 - }, - "opacity": 0.16, - "radius": 7 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.96)", - "elevation": 40 - } - } - ] - } - }, - "hard": { - "s": { - "value": [ - { - "origin": "0px 6px 12px rgba(0, 0, 0, 0.12)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 2 - }, - "opacity": 0.15, - "radius": 1.5 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.8)", - "elevation": 16 - } - } - ] - }, - "m": { - "value": [ - { - "origin": "0 12px 24px rgba(0, 0, 0, 0.16)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 4 - }, - "opacity": 0.2, - "radius": 3 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.96)", - "elevation": 32 - } - } - ] - }, - "l": { - "value": [ - { - "origin": "0 24px 48px rgba(0, 0, 0, 0.2)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 7 - }, - "opacity": 0.24, - "radius": 7 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 1)", - "elevation": 48 - } - } - ] - } - } - } - }, - "borderRadius": { - "xxs": { - "value": "4px" - }, - "xs": { - "value": "8px" - }, - "s": { - "value": "12px" - }, - "m": { - "value": "16px" - }, - "l": { - "value": "20px" - }, - "xl": { - "value": "24px" - }, - "xxl": { - "value": "32px" - } - }, - "spacing": { - "0x": { - "value": "0px" - }, - "1x": { - "value": "2px" - }, - "2x": { - "value": "4px" - }, - "3x": { - "value": "6px" - }, - "4x": { - "value": "8px" - }, - "6x": { - "value": "12px" - }, - "8x": { - "value": "16px" - }, - "10x": { - "value": "20px" - }, - "12x": { - "value": "24px" - }, - "16x": { - "value": "32px" - }, - "20x": { - "value": "40px" - }, - "24x": { - "value": "48px" - }, - "32x": { - "value": "64px" - }, - "40x": { - "value": "80px" - }, - "60x": { - "value": "120px" - } - } -} diff --git a/packages/themes/data-themes/data/themes/sbermarket_selgros.json b/packages/themes/data-themes/data/themes/sbermarket_selgros.json deleted file mode 100644 index 3bf824b3e8..0000000000 --- a/packages/themes/data-themes/data/themes/sbermarket_selgros.json +++ /dev/null @@ -1,11215 +0,0 @@ -{ - "config": { - "name": "sbermarket_selgros", - "accentColor": { - "light": "#21A038", - "dark": "#2EE850" - }, - "grayscale": { - "light": "coolGray", - "dark": "coolGray" - }, - "opacity": { - "textIcons": true, - "surfaces": false - } - }, - "dark": { - "overlay": { - "default": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый", - "enabled": false - } - }, - "onDark": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на темном фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на темном фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на темном фоне", - "enabled": false - } - }, - "onLight": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на светлом фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на светлом фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на светлом фоне", - "enabled": false - } - }, - "inverse": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - }, - "text": { - "default": { - "textPrimaryHover": { - "value": "#B3C5D0FF", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#D3DDE4FF", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "#F2F5F7", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#353E46FF", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "#A8B4BD", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#5B6267FF", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "#7D868C", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#FFFFFFFF", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#262F36FF", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "#BEC9D1", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#FB0929FF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#C4031DFF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "#E40421", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#FF4D5EFF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#FF0F27FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "#FF2E43", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#FF0066FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD21FFF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#23F7FBFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#03A7AAFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.300]", - "comment": "Акцентный цвет бренда" - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#F2F5F793", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#F2F5F7C4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "rgba(242, 245, 247, 0.96)", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#F2F5F7FF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#F2F5F7C4", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "rgba(242, 245, 247, 0.64)", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#F2F5F7FF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#F2F5F77A", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "rgba(242, 245, 247, 0.4)", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#F2F5F77A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#F2F5F7A3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "rgba(242, 245, 247, 0.8)", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#FB0929FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#C4031DFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "#E40421", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#FF4D5EFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF0F27FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "#FF2E43", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#FF0066FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD21FFF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#23F7FBFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#03A7AAFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.300]", - "comment": "Акцентный цвет бренда" - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#A6AEB5FF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "#24282B", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#51585DFF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "#8C959C", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#262F36FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "#BEC9D1", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#FFFFFFFF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#A6AEB5FF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "#24282B", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#FB0929FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#C4031DFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "#E40421", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#F5384BFF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#E40C22FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#FF0066FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD21FFF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#11BDC0FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#0EA2A4FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.600]", - "comment": "Акцентный цвет бренда" - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#A6AEB5FF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "#24282B", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textParagraphHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraphActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraph": { - "value": "#FFFFFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#2C3135FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#1E2224FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "#24282B", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#3A4145FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#2C3135FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "#31373B", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#191D1FFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#101214FF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "#15181A", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#F60424FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentActive": { - "value": "#D80320FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccent": { - "value": "#E40421", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FF4D5EFF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#FF243AFF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "#FF2E43", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0C9FA1FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF1472FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD633FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#75A5FFFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#4D8BFFFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "#5993FF", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#535A5FFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#454A4FFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#494F54", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#2C3135FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#1E2224FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondary": { - "value": "#24282B", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#3A4145FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#2C3135FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiary": { - "value": "#31373B", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidCardHover": { - "value": "#191D1FFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCardActive": { - "value": "#101214FF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCard": { - "value": "#15181A", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#F60424FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentActive": { - "value": "#D80320FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccent": { - "value": "#E40421", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FF4D5EFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegativeActive": { - "value": "#FF243AFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegative": { - "value": "#FF2E43", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0C9FA1FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF1472FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD633FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#75A5FFFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#4D8BFFFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "#5993FF", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#535A5FFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#454A4FFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#494F54", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#F9FAFBFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#ECF0F3FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondary": { - "value": "#F2F5F7", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#F2F5F8FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#DEE7EDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiary": { - "value": "#E4EBF0", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#F60424FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentActive": { - "value": "#D80320FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccent": { - "value": "#E40421", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#F5384BFF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegativeActive": { - "value": "#F31228FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0C9FA1FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF1472FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD633FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#5D95FDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#357BFDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "[general.electricBlue.500]", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#DEE7EDFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#CBD8E2FF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#D1DDE5", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "#08090A", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - }, - "backgroundOverlay": { - "value": "rgba(21, 24, 26, 0.56)", - "comment": "Вторичный фон" - } - }, - "dark": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на темном фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на светлом фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "banners": { - "default": { - "bannerRed": { - "value": "[general.red.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerGold": { - "value": "[general.gold.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerGreen": { - "value": "[general.green.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerMalachite": { - "value": "[general.malachite.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerBlue": { - "value": "[general.electricBlue.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - } - } - } - }, - "light": { - "overlay": { - "default": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый", - "enabled": false - } - }, - "onDark": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на темном фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на темном фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на темном фоне", - "enabled": false - } - }, - "onLight": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на светлом фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на светлом фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на светлом фоне", - "enabled": false - } - }, - "inverse": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - }, - "text": { - "default": { - "textPrimaryHover": { - "value": "#6D7983FF", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#485056FF", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "#24282B", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#6D767EFF", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "#8C959C", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#8EA1AFFF", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "#BEC9D1", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#6D7983FF", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#485056FF", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "#24282B", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#FB1332FF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#BA031BFF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "#E40421", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#DA0B20FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#F50062FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD014FF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#12D0D3FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#0FABAEFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.600]", - "comment": "Акцентный цвет бренда" - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#F2F5F793", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#F2F5F7C4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "rgba(242, 245, 247, 0.96)", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#F2F5F7FF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#F2F5F7C4", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "rgba(242, 245, 247, 0.64)", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#F2F5F7FF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#F2F5F77A", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "rgba(242, 245, 247, 0.4)", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#F2F5F77A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#F2F5F7A3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "rgba(242, 245, 247, 0.8)", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#FB1332FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#BA031BFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "#E40421", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#FF5768FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF051EFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "#FF2E43", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#F50062FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD014FF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#05ECF0FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#039DA0FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.300]", - "comment": "Акцентный цвет бренда" - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#6D7983FF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#485056FF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "#24282B", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#6D767EFF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "#8C959C", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#8EA1AFFF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "#BEC9D1", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#6D7983FF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#485056FF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "#24282B", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#FB1332FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#BA031BFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "#E40421", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#DA0B20FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#F50062FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD014FF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#12D0D3FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#0FABAEFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.600]", - "comment": "Акцентный цвет бренда" - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#B6C7D2FF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "#F2F5F7", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textParagraphHover": { - "value": "#000000FF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraphActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraph": { - "value": "#FFFFFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#F9FAFBFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#ECF0F3FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "#F2F5F7", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#F2F5F8FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#DEE7EDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "#E4EBF0", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#F60424FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentActive": { - "value": "#CE031EFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccent": { - "value": "#E40421", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#ED0C23FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0B9598FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF0A6CFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD429FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#689CFDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#2B74FDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "[general.electricBlue.500]", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#DEE7EDFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#C4D4DEFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#D1DDE5", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#353B40FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#1A1C1FFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondary": { - "value": "#24282B", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#434B51FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#272C2FFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiary": { - "value": "#31373B", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidCardHover": { - "value": "#22272AFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCardActive": { - "value": "#0B0D0EFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCard": { - "value": "#15181A", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#F60424FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentActive": { - "value": "#CE031EFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccent": { - "value": "#E40421", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FF5768FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegativeActive": { - "value": "#FF1A30FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegative": { - "value": "#FF2E43", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0B9598FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF0A6CFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD429FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#689CFDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#2B74FDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "[general.electricBlue.500]", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#5C646AFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#40454AFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#494F54", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#F9FAFBFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#ECF0F3FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondary": { - "value": "#F2F5F7", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#F2F5F8FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#DEE7EDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiary": { - "value": "#E4EBF0", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#F60424FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentActive": { - "value": "#CE031EFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccent": { - "value": "#E40421", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegativeActive": { - "value": "#ED0C23FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0B9598FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF4791FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF0A6CFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD429FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#689CFDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#2B74FDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "[general.electricBlue.500]", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#DEE7EDFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#C4D4DEFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#D1DDE5", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "#F7F8FA", - "comment": "Основной бэкграунд" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - }, - "backgroundOverlay": { - "value": "rgba(21, 24, 26, 0.56)", - "comment": "Чёрный оверлей под модалками с фоном" - } - }, - "dark": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на темном фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на светлом фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "banner": { - "default": { - "bannerRed": { - "value": "[general.red.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerGold": { - "value": "[general.gold.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerGreen": { - "value": "[general.green.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerMalachite": { - "value": "[general.malachite.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerBlue": { - "value": "[general.electricBlue.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - } - } - } - }, - "shadow": { - "down": { - "soft": { - "s": { - "value": [ - { - "origin": "0px 6px 12px rgba(0, 0, 0, 0.08)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 2 - }, - "opacity": 0.08, - "radius": 1.5 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.48)", - "elevation": 8 - } - } - ] - }, - "m": { - "value": [ - { - "origin": "0 12px 24px rgba(0, 0, 0, 0.12)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 4 - }, - "opacity": 0.1, - "radius": 3 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.64)", - "elevation": 24 - } - } - ] - }, - "l": { - "value": [ - { - "origin": "0 24px 48px rgba(0, 0, 0, 0.16)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 7 - }, - "opacity": 0.16, - "radius": 7 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.96)", - "elevation": 40 - } - } - ] - } - }, - "hard": { - "s": { - "value": [ - { - "origin": "0px 6px 12px rgba(0, 0, 0, 0.12)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 2 - }, - "opacity": 0.15, - "radius": 1.5 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.8)", - "elevation": 16 - } - } - ] - }, - "m": { - "value": [ - { - "origin": "0 12px 24px rgba(0, 0, 0, 0.16)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 4 - }, - "opacity": 0.2, - "radius": 3 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.96)", - "elevation": 32 - } - } - ] - }, - "l": { - "value": [ - { - "origin": "0 24px 48px rgba(0, 0, 0, 0.2)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 7 - }, - "opacity": 0.24, - "radius": 7 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 1)", - "elevation": 48 - } - } - ] - } - } - } - }, - "borderRadius": { - "xxs": { - "value": "4px" - }, - "xs": { - "value": "8px" - }, - "s": { - "value": "12px" - }, - "m": { - "value": "16px" - }, - "l": { - "value": "20px" - }, - "xl": { - "value": "24px" - }, - "xxl": { - "value": "32px" - } - }, - "spacing": { - "0x": { - "value": "0px" - }, - "1x": { - "value": "2px" - }, - "2x": { - "value": "4px" - }, - "3x": { - "value": "6px" - }, - "4x": { - "value": "8px" - }, - "6x": { - "value": "12px" - }, - "8x": { - "value": "16px" - }, - "10x": { - "value": "20px" - }, - "12x": { - "value": "24px" - }, - "16x": { - "value": "32px" - }, - "20x": { - "value": "40px" - }, - "24x": { - "value": "48px" - }, - "32x": { - "value": "64px" - }, - "40x": { - "value": "80px" - }, - "60x": { - "value": "120px" - } - } -} diff --git a/packages/themes/data-themes/data/themes/sbermarket_wlbusiness.json b/packages/themes/data-themes/data/themes/sbermarket_wlbusiness.json deleted file mode 100644 index 73a19a1b7f..0000000000 --- a/packages/themes/data-themes/data/themes/sbermarket_wlbusiness.json +++ /dev/null @@ -1,11215 +0,0 @@ -{ - "config": { - "name": "sbermarket_wlbusiness", - "accentColor": { - "light": "#21A038", - "dark": "#2EE850" - }, - "grayscale": { - "light": "coolGray", - "dark": "coolGray" - }, - "opacity": { - "textIcons": true, - "surfaces": false - } - }, - "dark": { - "overlay": { - "default": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый", - "enabled": false - } - }, - "onDark": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на темном фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на темном фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на темном фоне", - "enabled": false - } - }, - "onLight": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на светлом фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на светлом фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на светлом фоне", - "enabled": false - } - }, - "inverse": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - }, - "text": { - "default": { - "textPrimaryHover": { - "value": "#B3C5D0FF", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#D3DDE4FF", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "#F2F5F7", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#353E46FF", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "#A8B4BD", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#5B6267FF", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "#7D868C", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#FFFFFFFF", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#262F36FF", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "#BEC9D1", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#2ACB47FF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#1F9835FF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#FF4D5EFF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#FF0F27FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "#FF2E43", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#FF0066FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD21FFF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#23F7FBFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#03A7AAFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.300]", - "comment": "Акцентный цвет бренда" - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#F2F5F793", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#F2F5F7C4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "rgba(242, 245, 247, 0.96)", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#F2F5F7FF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#F2F5F7C4", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "rgba(242, 245, 247, 0.64)", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#F2F5F7FF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#F2F5F77A", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "rgba(242, 245, 247, 0.4)", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#F2F5F77A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#F2F5F7A3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "rgba(242, 245, 247, 0.8)", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#2ACB47FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#1F9835FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#FF4D5EFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF0F27FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "#FF2E43", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#FF0066FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD21FFF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#23F7FBFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#03A7AAFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.300]", - "comment": "Акцентный цвет бренда" - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#A6AEB5FF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "#24282B", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#51585DFF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "#8C959C", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#262F36FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "#BEC9D1", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#FFFFFFFF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#A6AEB5FF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "#24282B", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#13AA2CFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#0D731EFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#F5384BFF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#E40C22FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#FF0066FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD21FFF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#11BDC0FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#0EA2A4FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.600]", - "comment": "Акцентный цвет бренда" - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#A6AEB5FF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "#24282B", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textParagraphHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraphActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraph": { - "value": "#FFFFFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#2C3135FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#1E2224FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "#24282B", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#3A4145FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#2C3135FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "#31373B", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#191D1FFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#101214FF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "#15181A", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#28C344FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentActive": { - "value": "#23A93BFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccent": { - "value": "[general.green.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FF4D5EFF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#FF243AFF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "#FF2E43", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0C9FA1FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF1472FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD633FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#75A5FFFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#4D8BFFFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "#5993FF", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#535A5FFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#454A4FFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#494F54", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#2C3135FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#1E2224FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondary": { - "value": "#24282B", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#3A4145FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#2C3135FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiary": { - "value": "#31373B", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidCardHover": { - "value": "#191D1FFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCardActive": { - "value": "#101214FF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCard": { - "value": "#15181A", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#28C344FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentActive": { - "value": "#23A93BFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccent": { - "value": "[general.green.400]", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FF4D5EFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegativeActive": { - "value": "#FF243AFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegative": { - "value": "#FF2E43", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0C9FA1FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF1472FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD633FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#75A5FFFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#4D8BFFFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "#5993FF", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#535A5FFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#454A4FFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#494F54", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#F9FAFBFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#ECF0F3FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondary": { - "value": "#F2F5F7", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#F2F5F8FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#DEE7EDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiary": { - "value": "#E4EBF0", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#28C344FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentActive": { - "value": "#23A93BFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccent": { - "value": "[general.green.400]", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#F5384BFF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegativeActive": { - "value": "#F31228FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0C9FA1FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF3D8BFF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#FF1472FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "[general.pink.500]", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFDE5CFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD633FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#5D95FDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#357BFDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "[general.electricBlue.500]", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#DEE7EDFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#CBD8E2FF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#D1DDE5", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "#08090A", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - }, - "backgroundOverlay": { - "value": "rgba(21, 24, 26, 0.56)", - "comment": "Вторичный фон" - } - }, - "dark": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на темном фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на светлом фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "banners": { - "default": { - "bannerRed": { - "value": "[general.red.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerGold": { - "value": "[general.gold.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerGreen": { - "value": "[general.green.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerMalachite": { - "value": "[general.malachite.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerBlue": { - "value": "[general.electricBlue.950]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - } - } - } - }, - "light": { - "overlay": { - "default": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый", - "enabled": false - } - }, - "onDark": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на темном фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на темном фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на темном фоне", - "enabled": false - } - }, - "onLight": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на светлом фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на светлом фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на светлом фоне", - "enabled": false - } - }, - "inverse": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - }, - "text": { - "default": { - "textPrimaryHover": { - "value": "#6D7983FF", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#485056FF", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "#24282B", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#6D767EFF", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "#8C959C", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#8EA1AFFF", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "#BEC9D1", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#6D7983FF", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#485056FF", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "#24282B", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#8E2F83FF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#6F2566FF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "#501B4A", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#DA0B20FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF901AFF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#C76700FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "#EF7D00", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD014FF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#12D0D3FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#0FABAEFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.600]", - "comment": "Акцентный цвет бренда" - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#000000FF", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "#FFFFFF", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#F2F5F7FF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#F2F5F7C4", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "rgba(242, 245, 247, 0.64)", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#F2F5F7FF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#F2F5F77A", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "rgba(242, 245, 247, 0.4)", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#F2F5F77A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#F2F5F7A3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "rgba(242, 245, 247, 0.8)", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#8E2F83FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#6F2566FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "#501B4A", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха на темном фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#FF5768FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF051EFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "#FF2E43", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF901AFF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#C76700FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "#EF7D00", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD014FF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#05ECF0FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#039DA0FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.300]", - "comment": "Акцентный цвет бренда" - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#6D7983FF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#485056FF", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "#24282B", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#6D767EFF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "#8C959C", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#8EA1AFFF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "#BEC9D1", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#6D7983FF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#485056FF", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "#24282B", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#8E2F83FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#6F2566FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "#501B4A", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#DA0B20FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textAccentDiscountHover": { - "value": "#FF901AFF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscountActive": { - "value": "#C76700FF", - "comment": "Дополнительный акцент" - }, - "textAccentDiscount": { - "value": "#EF7D00", - "comment": "Дополнительный акцент" - }, - "textAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "textAccentGoldActive": { - "value": "#FFD014FF", - "comment": "Дополнительный акцент" - }, - "textAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "textAccentB2BHover": { - "value": "#12D0D3FF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2BActive": { - "value": "#0FABAEFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentB2B": { - "value": "[general.malachite.600]", - "comment": "Акцентный цвет бренда" - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#B6C7D2FF", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "#F2F5F7", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textParagraphHover": { - "value": "#000000FF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraphActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraph": { - "value": "#FFFFFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#F9FAFBFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#ECF0F3FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "#F2F5F7", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#F2F5F8FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#DEE7EDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "#E4EBF0", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#602058FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentActive": { - "value": "#41163CFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccent": { - "value": "#501B4A", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#ED0C23FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0B9598FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF8605FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#DB7100FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "#EF7D00", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD429FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#689CFDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#2B74FDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "[general.electricBlue.500]", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#DEE7EDFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#C4D4DEFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#D1DDE5", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#353B40FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#1A1C1FFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondary": { - "value": "#24282B", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#434B51FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#272C2FFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiary": { - "value": "#31373B", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidCardHover": { - "value": "#22272AFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCardActive": { - "value": "#0B0D0EFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCard": { - "value": "#15181A", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#602058FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentActive": { - "value": "#41163CFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccent": { - "value": "#501B4A", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FF5768FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegativeActive": { - "value": "#FF1A30FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegative": { - "value": "#FF2E43", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0B9598FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF8605FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#DB7100FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "#EF7D00", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD429FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#689CFDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#2B74FDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "[general.electricBlue.500]", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#5C646AFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#40454AFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#494F54", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#F9FAFBFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#ECF0F3FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondary": { - "value": "#F2F5F7", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#F2F5F8FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#DEE7EDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiary": { - "value": "#E4EBF0", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#602058FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentActive": { - "value": "#41163CFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccent": { - "value": "#501B4A", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradient": { - "value": { - "origin": "linear-gradient(122.62deg, #4817C1 0%, #C505D6 100%)", - "linearGradient": { - "colors": ["#4817C1", "#C505D6"], - "angle": 123 - } - }, - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegativeActive": { - "value": "#ED0C23FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegative": { - "value": "[general.red.600]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceAccentB2BHover": { - "value": "#0EBBBEFF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2BActive": { - "value": "#0B9598FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentB2B": { - "value": "[general.malachite.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentDiscountHover": { - "value": "#FF8605FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscountActive": { - "value": "#DB7100FF", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentDiscount": { - "value": "#EF7D00", - "comment": "Дополнительный акцент для обозначения акций" - }, - "surfaceAccentGoldHover": { - "value": "#FFE066FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGoldActive": { - "value": "#FFD429FF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentGold": { - "value": "[general.gold.200]", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueHover": { - "value": "#689CFDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlueActive": { - "value": "#2B74FDFF", - "comment": "Дополнительный акцент" - }, - "surfaceAccentBlue": { - "value": "[general.electricBlue.500]", - "comment": "Дополнительный акцент" - }, - "surfaceAdditionalHover": { - "value": "#DEE7EDFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditionalActive": { - "value": "#C4D4DEFF", - "comment": "Пунктирные дивайдеры и неактивные контролы" - }, - "surfaceAdditional": { - "value": "#D1DDE5", - "comment": "Пунктирные дивайдеры и неактивные контролы" - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "#F7F8FA", - "comment": "Основной бэкграунд" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - }, - "backgroundOverlay": { - "value": "rgba(21, 24, 26, 0.56)", - "comment": "Чёрный оверлей под модалками с фоном" - } - }, - "dark": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на темном фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на светлом фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "banner": { - "default": { - "bannerRed": { - "value": "[general.red.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerGold": { - "value": "[general.gold.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerGreen": { - "value": "[general.green.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerMalachite": { - "value": "[general.malachite.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - }, - "bannerBlue": { - "value": "[general.electricBlue.100]", - "comment": "Бэкграунд для баннеров и всплывающих нотификаций" - } - } - } - }, - "shadow": { - "down": { - "soft": { - "s": { - "value": [ - { - "origin": "0px 6px 12px rgba(0, 0, 0, 0.08)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 2 - }, - "opacity": 0.08, - "radius": 1.5 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.48)", - "elevation": 8 - } - } - ] - }, - "m": { - "value": [ - { - "origin": "0 12px 24px rgba(0, 0, 0, 0.12)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 4 - }, - "opacity": 0.1, - "radius": 3 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.64)", - "elevation": 24 - } - } - ] - }, - "l": { - "value": [ - { - "origin": "0 24px 48px rgba(0, 0, 0, 0.16)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 7 - }, - "opacity": 0.16, - "radius": 7 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.96)", - "elevation": 40 - } - } - ] - } - }, - "hard": { - "s": { - "value": [ - { - "origin": "0px 6px 12px rgba(0, 0, 0, 0.12)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 2 - }, - "opacity": 0.15, - "radius": 1.5 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.8)", - "elevation": 16 - } - } - ] - }, - "m": { - "value": [ - { - "origin": "0 12px 24px rgba(0, 0, 0, 0.16)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 4 - }, - "opacity": 0.2, - "radius": 3 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 0.96)", - "elevation": 32 - } - } - ] - }, - "l": { - "value": [ - { - "origin": "0 24px 48px rgba(0, 0, 0, 0.2)", - "ios": { - "kind": "shadow", - "color": "#000", - "offset": { - "width": 0, - "height": 7 - }, - "opacity": 0.24, - "radius": 7 - }, - "android": { - "kind": "shadow", - "color": "rgba(0, 0, 0, 1)", - "elevation": 48 - } - } - ] - } - } - } - }, - "borderRadius": { - "xxs": { - "value": "4px" - }, - "xs": { - "value": "8px" - }, - "s": { - "value": "12px" - }, - "m": { - "value": "16px" - }, - "l": { - "value": "20px" - }, - "xl": { - "value": "24px" - }, - "xxl": { - "value": "32px" - } - }, - "spacing": { - "0x": { - "value": "0px" - }, - "1x": { - "value": "2px" - }, - "2x": { - "value": "4px" - }, - "3x": { - "value": "6px" - }, - "4x": { - "value": "8px" - }, - "6x": { - "value": "12px" - }, - "8x": { - "value": "16px" - }, - "10x": { - "value": "20px" - }, - "12x": { - "value": "24px" - }, - "16x": { - "value": "32px" - }, - "20x": { - "value": "40px" - }, - "24x": { - "value": "48px" - }, - "32x": { - "value": "64px" - }, - "40x": { - "value": "80px" - }, - "60x": { - "value": "120px" - } - } -} diff --git a/packages/themes/data-themes/data/themes/sberonline.json b/packages/themes/data-themes/data/themes/sberonline.json deleted file mode 100644 index ddcf63c692..0000000000 --- a/packages/themes/data-themes/data/themes/sberonline.json +++ /dev/null @@ -1,10321 +0,0 @@ -{ - "config": { - "name": "sberonline", - "accentColor": { - "light": "#21A038", - "dark": "#21A038" - }, - "grayscale": { - "light": "gray", - "dark": "gray" - }, - "opacity": { - "textIcons": true, - "surfaces": true - } - }, - "dark": { - "text": { - "default": { - "textPrimaryHover": { - "value": "#F5F5F593", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#F5F5F5C4", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "#f5f5f5F5", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#F5F5F5FF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#F5F5F5AB", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "#F5f5f58F", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#F5F5F5FF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#F5F5F556", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "#F5f5f548", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#F5F5F57A", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#F5F5F5A3", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "#f5f5f5cc", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#2ACB47FF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#1F9835FF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#2ACB47FF", - "comment": "Цвет успеха" - }, - "textPositiveActive": { - "value": "#1F9835FF", - "comment": "Цвет успеха" - }, - "textPositive": { - "value": "[general.green.400]", - "comment": "Цвет успеха" - }, - "textWarningHover": { - "value": "#FF8442FF", - "comment": "Цвет предупреждения" - }, - "textWarningActive": { - "value": "#FF5D05FF", - "comment": "Цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.400]", - "comment": "Цвет предупреждения" - }, - "textNegativeHover": { - "value": "#FF5C6CFF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.400]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#F5F5F593", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#F5F5F5C4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "#f5f5f5F5", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#F5F5F5FF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#F5F5F5AB", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "#F5f5f58F", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#F5F5F5FF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#F5F5F556", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "#F5f5f548", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#F5F5F57A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#F5F5F5A3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "#f5f5f5CC", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#2ACB47FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#1F9835FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#2ACB47FF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositiveActive": { - "value": "#1F9835FF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositive": { - "value": "[general.green.400]", - "comment": "Цвет успеха на темном фоне" - }, - "textWarningHover": { - "value": "#FF8442FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarningActive": { - "value": "#FF5D05FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarning": { - "value": "[general.orange.400]", - "comment": "Цвет предупреждения на темном фоне" - }, - "textNegativeHover": { - "value": "#FF5C6CFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "[general.red.400]", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#17171793", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#171717C4", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "#171717F5", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#171717FF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#171717AB", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "#1717178F", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#171717FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#17171756", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "#17171748", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#1717177A", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#171717A3", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "#171717CC", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#13AA2CFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#0D731EFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%)", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#13AA2CFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositiveActive": { - "value": "#0D731EFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositive": { - "value": "[general.green.600]", - "comment": "Цвет успеха на светлом фоне" - }, - "textWarningHover": { - "value": "#FD650DFF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarningActive": { - "value": "#CA4B02FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textNegativeHover": { - "value": "#F5384BFF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#E40C22FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#17171793", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#171717C4", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "#171717F5", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#171717FF", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#171717AB", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondary": { - "value": "#1717178F", - "comment": "Инвертированный вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#171717FF", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#17171756", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiary": { - "value": "#17171748", - "comment": "Инвертированный третичный цвет текста" - }, - "textParagraphHover": { - "value": "#1717177A", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraphActive": { - "value": "#171717A3", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraph": { - "value": "#171717CC", - "comment": "Инвертированный cплошной наборный текст" - }, - "textAccentHover": { - "value": "#13AA2CFF", - "comment": "Инвертированный акцентный цвет" - }, - "textAccentActive": { - "value": "#0D731EFF", - "comment": "Инвертированный акцентный цвет" - }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Инвертированный акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%)", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#13AA2CFF", - "comment": "Инвертированный цвет успеха" - }, - "textPositiveActive": { - "value": "#0D731EFF", - "comment": "Инвертированный цвет успеха" - }, - "textPositive": { - "value": "[general.green.600]", - "comment": "Инвертированный цвет успеха" - }, - "textWarningHover": { - "value": "#FD650DFF", - "comment": "Инвертированный цвет предупреждения" - }, - "textWarningActive": { - "value": "#CA4B02FF", - "comment": "Инвертированный цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Инвертированный цвет предупреждения" - }, - "textNegativeHover": { - "value": "#F5384BFF", - "comment": "Инвертированный цвет ошибки" - }, - "textNegativeActive": { - "value": "#E40C22FF", - "comment": "Инвертированный цвет ошибки" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Инвертированный цвет ошибки" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#1C1C1CFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#121212FF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#303030FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#212121FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Вторичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#404040FF", - "comment": "Третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#303030FF", - "comment": "Третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#1C1C1CFF", - "comment": "Основной фон для карточек", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#121212FF", - "comment": "Основной фон для карточек", - "enabled": true - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF1F", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF0A", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF0F", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF3D", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF0F", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF52", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF24", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFC2", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFF94", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#FFFFFFA3", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF1F", - "comment": "Прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF0A", - "comment": "Прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "#FFFFFF0F", - "comment": "Прозрачный фон для карточек", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1DAF37FF", - "comment": "Акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#18952FFF", - "comment": "Акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет фона поверхности предупреждение", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Цвет фона поверхности предупреждение", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности предупреждение", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#1C1C1CFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#121212FF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#303030FF", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#212121FF", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#404040FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#303030FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#1C1C1CFF", - "comment": "Основной фон для карточек на темном фоне", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#121212FF", - "comment": "Основной фон для карточек на темном фоне", - "enabled": true - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек на темном фоне", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF1F", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF0A", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF3D", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF0F", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF52", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF24", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFC2", - "comment": "Прозрачный фон поверхности по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFF94", - "comment": "Прозрачный фон поверхности по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#FFFFFFA3", - "comment": "Прозрачный фон поверхности по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF1F", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF0A", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "#FFFFFF0F", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1DAF37FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#18952FFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет фона поверхности предупреждение на темном фоне", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Цвет фона поверхности предупреждение на темном фоне", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности предупреждение на темном фоне", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Основной непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Основной непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#E8E8E8FF", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#D9D9D9FF", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceSolidCard": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#0D0D0DFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#0808080F", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#08080800", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "rgba(8, 8, 8, 0.02)", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#0808081F", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808080A", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808083D", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#0808080F", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#080808C2", - "comment": "Прозрачный фон поверхности по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#08080894", - "comment": "Прозрачный фон поверхности по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#080808A3", - "comment": "Прозрачный фон поверхности по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#0808081F", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#0808080A", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1DAF37FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#18952FFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет фона поверхности / предупреждение на светлом фоне", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Цвет фона поверхности / предупреждение на светлом фоне", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности / предупреждение на светлом фоне", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Инвертированный основной непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Инвертированный основной непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Инвертированный основной непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Инвертированный вторичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#E8E8E8FF", - "comment": "Инвертированный третичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#D9D9D9FF", - "comment": "Инвертированный третичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Инвертированный третичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": true - }, - "surfaceSolidCard": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#0D0D0DFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#0808080F", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#08080800", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "rgba(8, 8, 8, 0.02)", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#0808081F", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808080A", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808083D", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#0808080F", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#080808C2", - "comment": "Инвертированный прозрачный фон поверхности по умолчанию", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#08080894", - "comment": "Инвертированный прозрачный фон поверхности по умолчанию", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#080808A3", - "comment": "Инвертированный прозрачный фон поверхности по умолчанию", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1DAF37FF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#18952FFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Инвертированный цвет фона поверхности / предупреждение", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Инвертированный цвет фона поверхности / предупреждение", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Инвертированный цвет фона поверхности / предупреждение", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - } - }, - "dark": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон на темном фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон на светлом фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Инвертированный основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "overlay": { - "default": { - "overlaySoft": { - "value": "#0808088F", - "comment": "Цвет фона паранжи светлый" - }, - "overlayHard": { - "value": "#080808f5", - "comment": "Цвет фона паранжи темный" - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый", - "enabled": false - } - }, - "onDark": { - "overlaySoft": { - "value": "#0808088f", - "comment": "Цвет фона паранжи светлый на темном фоне" - }, - "overlayHard": { - "value": "#080808f5", - "comment": "Цвет фона паранжи темный на темном фоне" - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на темном фоне", - "enabled": false - } - }, - "onLight": { - "overlaySoft": { - "value": "#f9f9f98f", - "comment": "Цвет фона паранжи светлый на светлом фоне" - }, - "overlayHard": { - "value": "#f9f9f9f5", - "comment": "Цвет фона паранжи темный на светлом фоне" - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на светлом фоне", - "enabled": false - } - }, - "inverse": { - "overlaySoft": { - "value": "#f9f9f98F", - "comment": "Инвертированный цвет фона паранжи светлый" - }, - "overlayHard": { - "value": "#f9f9f9f5", - "comment": "Инвертированный цвет фона паранжи темный" - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - } - }, - "light": { - "text": { - "default": { - "textPrimaryHover": { - "value": "#17171793", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#171717C4", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "#171717F5", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#171717FF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#171717AB", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "#1717178F", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#171717FF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#17171756", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "#17171748", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#1717177A", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#171717A3", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "#171717CC", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#14B32EFF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#0C6A1BFF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%)", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#14B32EFF", - "comment": "Цвет успеха" - }, - "textPositiveActive": { - "value": "#0C6A1BFF", - "comment": "Цвет успеха" - }, - "textPositive": { - "value": "[general.green.600]", - "comment": "Цвет успеха" - }, - "textWarningHover": { - "value": "#FD6B17FF", - "comment": "Цвет предупреждения" - }, - "textWarningActive": { - "value": "#C04802FF", - "comment": "Цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Цвет предупреждения" - }, - "textNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#DA0B20FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#F5F5F593", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#F5F5F5C4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "#F5F5F5F5", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#F5F5F5FF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#F5F5F5AB", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "#F5F5F58F", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#F5F5F5FF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#F5F5F556", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "#F5F5F548", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#F5F5F57A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#F5F5F5A3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "#F5F5F5CC", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#2BD44AFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#1D9032FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#2BD44AFF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositiveActive": { - "value": "#1D9032FF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositive": { - "value": "[general.green.400]", - "comment": "Цвет успеха на темном фоне" - }, - "textWarningHover": { - "value": "#FF8B4DFF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarningActive": { - "value": "#FA5700FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarning": { - "value": "[general.orange.400]", - "comment": "Цвет предупреждения на темном фоне" - }, - "textNegativeHover": { - "value": "#FF6675FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "[general.red.400]", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#17171793", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#171717C4", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "#171717F5", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#171717FF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#171717AB", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "#1717178F", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#171717FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#17171756", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "#17171748", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#1717177A", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#171717A3", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "#171717CC", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#14B32EFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#0C6A1BFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%)", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#14B32EFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositiveActive": { - "value": "#0C6A1BFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositive": { - "value": "[general.green.600]", - "comment": "Цвет успеха на светлом фоне" - }, - "textWarningHover": { - "value": "#FD6B17FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarningActive": { - "value": "#C04802FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#DA0B20FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#F5F5F593", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#F5F5F5C4", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "#F5F5F5F5", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#F5F5F5FF", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#F5F5F5AB", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondary": { - "value": "#F5F5F58F", - "comment": "Инвертированный вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#F5F5F5FF", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#F5F5F556", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiary": { - "value": "#F5F5F548", - "comment": "Инвертированный третичный цвет текста" - }, - "textParagraphHover": { - "value": "#F5F5F57A", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraphActive": { - "value": "#F5F5F5A3", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraph": { - "value": "#F5F5F5CC", - "comment": "Инвертированный cплошной наборный текст" - }, - "textAccentHover": { - "value": "#2BD44AFF", - "comment": "Инвертированный акцентный цвет" - }, - "textAccentActive": { - "value": "#1D9032FF", - "comment": "Инвертированный акцентный цвет" - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Инвертированный акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#2BD44AFF", - "comment": "Инвертированный цвет успеха" - }, - "textPositiveActive": { - "value": "#1D9032FF", - "comment": "Инвертированный цвет успеха" - }, - "textPositive": { - "value": "[general.green.400]", - "comment": "Инвертированный цвет успеха" - }, - "textWarningHover": { - "value": "#FF8B4DFF", - "comment": "Инвертированный цвет предупреждения" - }, - "textWarningActive": { - "value": "#FA5700FF", - "comment": "Инвертированный цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.400]", - "comment": "Инвертированный цвет предупреждения" - }, - "textNegativeHover": { - "value": "#FF6675FF", - "comment": "Инвертированный цвет ошибки" - }, - "textNegativeActive": { - "value": "#FF142CFF", - "comment": "Инвертированный цвет ошибки" - }, - "textNegative": { - "value": "[general.red.400]", - "comment": "Инвертированный цвет ошибки" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#EDEDEDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#D4D4D4FF", - "comment": "Третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек", - "enabled": true - }, - "surfaceSolidCard": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#262626FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#08080800", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#0808080A", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "rgba(8, 8, 8, 0.02)", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#08080805", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808081A", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808080A", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#08080829", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#0808088F", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#080808AD", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#080808A3", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1EB83AFF", - "comment": "Акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#178C2CFF", - "comment": "Акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#363636FF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#0D0D0DFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#3B3B3BFF", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#1C1C1CFF", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#4A4A4AFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#2B2B2BFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#363636FF", - "comment": "Основной фон для карточек на темном фоне", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#0D0D0DFF", - "comment": "Основной фон для карточек на темном фоне", - "enabled": true - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек на темном фоне", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF05", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF1A", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF0A", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF29", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF1F", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF3D", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFF8F", - "comment": "Прозрачный фон поверхности по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFAD", - "comment": "Прозрачный фон поверхности по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#FFFFFFA3", - "comment": "Прозрачный фон поверхности по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF05", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF1A", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "#FFFFFF0F", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1EB83AFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#178C2CFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на темном фоне", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха на темном фоне", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на темном фоне", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет фона поверхности предупреждение на темном фоне", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Цвет фона поверхности предупреждение на темном фоне", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности предупреждение на темном фоне", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Основной непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Основной непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#EDEDEDFF", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#D4D4D4FF", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceSolidCard": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#262626FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#08080800", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#0808080A", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "rgba(8, 8, 8, 0.02)", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#08080805", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808081A", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808080A", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#08080829", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#0808088F", - "comment": "Прозрачный фон поверхности по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#080808AD", - "comment": "Прозрачный фон поверхности по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#080808A3", - "comment": "Прозрачный фон поверхности по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1EB83AFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#178C2CFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на светлом фоне", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет фона поверхности предупреждение на светлом фоне", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Цвет фона поверхности предупреждение на светлом фоне", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности предупреждение на светлом фоне", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#363636FF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#0D0D0DFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#3B3B3BFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#1C1C1CFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Инвертированный вторичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#4A4A4AFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#2B2B2BFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#363636FF", - "comment": "Инвертированный основной фон для карточек", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#0D0D0DFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": true - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Инвертированный основной фон для карточек", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF05", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF1A", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF0A", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF29", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF1F", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF3D", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFF8F", - "comment": "Инвертированный прозрачный фон поверхности по умолчанию", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFAD", - "comment": "Инвертированный прозрачный фон поверхности по умолчанию", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#FFFFFFA3", - "comment": "Инвертированный прозрачный фон поверхности по умолчанию", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF05", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF1A", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "#FFFFFF0F", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1EB83AFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#178C2CFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Инвертированный цвет успеха", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Инвертированный цвет успеха", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Инвертированный цвет успеха", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Инвертированный цвет фона поверхности предупреждение", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Инвертированный цвет фона поверхности предупреждение", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Инвертированный цвет фона поверхности предупреждение", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - } - }, - "dark": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон на темном фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон на светлом фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Инвертированный основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "overlay": { - "default": { - "overlaySoft": { - "value": "#F9F9F98F", - "comment": "Цвет фона паранжи светлый" - }, - "overlayHard": { - "value": "#F9F9F9F5", - "comment": "Цвет фона паранжи темный" - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый", - "enabled": false - } - }, - "onDark": { - "overlaySoft": { - "value": "#0808088F", - "comment": "Цвет фона паранжи светлый на темном фоне" - }, - "overlayHard": { - "value": "#080808F5", - "comment": "Цвет фона паранжи темный на темном фоне" - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на темном фоне", - "enabled": false - } - }, - "onLight": { - "overlaySoft": { - "value": "#F9F9F98F", - "comment": "Цвет фона паранжи светлый на светлом фоне" - }, - "overlayHard": { - "value": "#F9F9F9F5", - "comment": "Цвет фона паранжи темный на светлом фоне" - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на светлом фоне", - "enabled": false - } - }, - "inverse": { - "overlaySoft": { - "value": "#0808088F", - "comment": "Инвертированный цвет фона паранжи светлый" - }, - "overlayHard": { - "value": "#080808F5", - "comment": "Инвертированный цвет фона паранжи темный" - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - } - } -} diff --git a/packages/themes/data-themes/data/themes/sberprime.json b/packages/themes/data-themes/data/themes/sberprime.json deleted file mode 100644 index 0f22e406b6..0000000000 --- a/packages/themes/data-themes/data/themes/sberprime.json +++ /dev/null @@ -1,10154 +0,0 @@ -{ - "config": { - "name": "sberprime", - "accentColor": { - "light": "#15B015", - "dark": "#15D015" - }, - "grayscale": { - "light": "coolGray", - "dark": "coolGray" - }, - "opacity": { - "textIcons": true, - "surfaces": false - } - }, - "dark": { - "overlay": { - "default": { - "overlaySoft": { - "value": "rgba(8, 9, 10, 0.56)", - "comment": "Цвет фона паранжи светлый" - }, - "overlayHard": { - "value": "rgba(8, 9, 10, 0.96)", - "comment": "Цвет фона паранжи темный" - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый", - "enabled": false - } - }, - "onDark": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на темном фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на темном фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на темном фоне", - "enabled": false - } - }, - "onLight": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на светлом фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на светлом фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на светлом фоне", - "enabled": false - } - }, - "inverse": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - }, - "text": { - "default": { - "textPrimaryHover": { - "value": "#FFFFFF93", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#FFFFFFC4", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "rgba(255, 255, 255, 0.96)", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#FFFFFFAB", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "rgba(255, 255, 255, 0.56)", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#FFFFFF56", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "rgba(255, 255, 255, 0.28)", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#FFFFFF7A", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#FFFFFFA3", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "rgba(255, 255, 255, 0.8)", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#1CE91CFF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#12B512FF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "#15D015", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": "radial-gradient(50% 150% at 0% 100%, rgba(250, 237, 5, 0.9) 0%, rgba(21, 208, 21, 0.12) 100%), radial-gradient(100% 200% at 0% 50%, #15D015 0%, rgba(21, 208, 21, 0) 100%), radial-gradient(100% 320% at 100% 0%, #2A72F8 0%, rgba(21, 208, 21, 0) 100%), #15D015", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха" - }, - "textPositiveActive": { - "value": "#15842AFF", - "comment": "Цвет успеха" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха" - }, - "textWarningHover": { - "value": "#FA6F1EFF", - "comment": "Цвет предупреждения" - }, - "textWarningActive": { - "value": "#D75204FF", - "comment": "Цвет предупреждения" - }, - "textWarning": { - "value": "#F55D05", - "comment": "Цвет предупреждения" - }, - "textNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#FF0A23FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#FFFFFF93", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#FFFFFFC4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "rgba(255, 255, 255, 0.96)", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#FFFFFFAB", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "rgba(255, 255, 255, 0.56)", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#FFFFFF56", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "rgba(255, 255, 255, 0.28)", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#FFFFFF7A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#FFFFFFA3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "rgba(255, 255, 255, 0.8)", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#1CE91CFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#12B512FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "#15D015", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradient": { - "value": "radial-gradient(50% 150% at 0% 100%, rgba(250, 237, 5, 0.9) 0%, rgba(21, 208, 21, 0.12) 100%), radial-gradient(100% 200% at 0% 50%, #15D015 0%, rgba(21, 208, 21, 0) 100%), radial-gradient(100% 320% at 100% 0%, #2A72F8 0%, rgba(21, 208, 21, 0) 100%), #15D015", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositiveActive": { - "value": "#15842AFF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на темном фоне" - }, - "textWarningHover": { - "value": "#FA6F1EFF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarningActive": { - "value": "#D75204FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarning": { - "value": "#F55D05", - "comment": "Цвет предупреждения на темном фоне" - }, - "textNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF0A23FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#23272A93", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#23272AC4", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "rgba(36, 40, 43, 0.96)", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#23272AFF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#23272AAB", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "rgba(36, 40, 43, 0.56)", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#23272AFF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#23272A56", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "rgba(36, 40, 43, 0.28)", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#23272A7A", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#23272AA3", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "rgba(36, 40, 43, 0.8)", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#18CD18FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#129712FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "[general.herbal.400]", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradient": { - "value": "radial-gradient(50% 200% at 0% 100%, rgba(250, 237, 5, 0.6) 0%, rgba(21, 208, 21, 0.12) 100%), radial-gradient(100% 200% at 0% 50%, #15D015 0%, rgba(33, 202, 154, 0) 100%), radial-gradient(100% 320% at 100% 0%, #2A72F8 0%, rgba(12, 156, 12, 0) 100%), #0C9C0C", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositiveActive": { - "value": "#15842AFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на светлом фоне" - }, - "textWarningHover": { - "value": "#FA6F1EFF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarningActive": { - "value": "#D75204FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarning": { - "value": "#F55D05", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#FF0A23FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной цвет текста", - "enabled": false - }, - "textPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной цвет текста", - "enabled": false - }, - "textPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной цвет текста", - "enabled": false - }, - "textSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textParagraphHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraphActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraph": { - "value": "#FFFFFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#191D1FFF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimaryActive": { - "value": "#101214FF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimary": { - "value": "#15181A", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryHover": { - "value": "#2C3135FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#1E2224FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "#24282B", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#3A4145FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#2C3135FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "#31373B", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#191D1FFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#101214FF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "#15181A", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#F9FAFBFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefaultActive": { - "value": "#ECF0F3FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefault": { - "value": "#F2F5F7", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceTransparentPrimaryHover": { - "value": "#F2F5F71F", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentPrimaryActive": { - "value": "#F2F5F70A", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentPrimary": { - "value": "rgba(242, 245, 247, 0.06)", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondaryHover": { - "value": "#F2F5F73D", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondaryActive": { - "value": "#F2F5F70F", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondary": { - "value": "rgba(242, 245, 247, 0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiaryHover": { - "value": "#F2F5F752", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiaryActive": { - "value": "#F2F5F724", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiary": { - "value": "rgba(242, 245, 247, 0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#F2F5F71F", - "comment": "Прозрачный фон для карточек" - }, - "surfaceTransparentCardActive": { - "value": "#F2F5F70A", - "comment": "Прозрачный фон для карточек" - }, - "surfaceTransparentCard": { - "value": "rgba(242, 245, 247, 0.06)", - "comment": "Прозрачный фон для карточек" - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceAccentHover": { - "value": "#17C417FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentActive": { - "value": "#14A914FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccent": { - "value": "[general.herbal.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradient": { - "value": "radial-gradient(50% 150% at 0% 100%, rgba(250, 237, 5, 0.9) 0%, rgba(21, 208, 21, 0.12) 100%), radial-gradient(100% 200% at 0% 50%, #15D015 0%, rgba(21, 208, 21, 0) 100%), radial-gradient(100% 320% at 100% 0%, #2A72F8 0%, rgba(21, 208, 21, 0) 100%), #15D015", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех" - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех" - }, - "surfaceWarningHover": { - "value": "#FA6814FF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarningActive": { - "value": "#EB5905FF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarning": { - "value": "#F55D05", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#191D1FFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#101214FF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimary": { - "value": "#15181A", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#2C3135FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#1E2224FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondary": { - "value": "#24282B", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#3A4145FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#2C3135FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiary": { - "value": "#31373B", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidCardHover": { - "value": "#191D1FFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCardActive": { - "value": "#101214FF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCard": { - "value": "#15181A", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF1F", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF0A", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF3D", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF0F", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF52", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF24", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF1F", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF0A", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCard": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#17C417FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentActive": { - "value": "#14A914FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccent": { - "value": "[general.herbal.400]", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradient": { - "value": "radial-gradient(50% 150% at 0% 100%, rgba(250, 237, 5, 0.9) 0%, rgba(21, 208, 21, 0.12) 100%), radial-gradient(100% 200% at 0% 50%, #15D015 0%, rgba(21, 208, 21, 0) 100%), radial-gradient(100% 320% at 100% 0%, #2A72F8 0%, rgba(21, 208, 21, 0) 100%), #15D015", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне" - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех на темном фоне" - }, - "surfaceWarningHover": { - "value": "#FA6814FF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне" - }, - "surfaceWarningActive": { - "value": "#EB5905FF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне" - }, - "surfaceWarning": { - "value": "#F55D05", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне" - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#F9FAFBFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#ECF0F3FF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidPrimary": { - "value": "#F2F5F7", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#F2F5F8FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#DEE7EDFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondary": { - "value": "#E4EBF0", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#DEE7EDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#CBD8E2FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiary": { - "value": "#D1DDE5", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidCardHover": { - "value": "#F9FAFBFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCardActive": { - "value": "#ECF0F3FF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCard": { - "value": "#F2F5F7", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#0E0F11FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#050506FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceSolidDefault": { - "value": "#08090A", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#090A0B12", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentPrimaryActive": { - "value": "#090A0B03", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentPrimary": { - "value": "rgba(8, 9, 10, 0.03)", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondaryHover": { - "value": "#090A0B1F", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#090A0B0A", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 9, 10, 0.06)", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#090A0B3D", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#090A0B0F", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 9, 10, 0.12)", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#090A0B12", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceTransparentCardActive": { - "value": "#090A0B03", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceTransparentCard": { - "value": "rgba(8, 9, 10, 0.03)", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#17C417FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentActive": { - "value": "#14A914FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccent": { - "value": "[general.herbal.400]", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradient": { - "value": "radial-gradient(50% 150% at 0% 100%, rgba(250, 237, 5, 0.9) 0%, rgba(21, 208, 21, 0.12) 100%), radial-gradient(100% 200% at 0% 50%, #15D015 0%, rgba(21, 208, 21, 0) 100%), radial-gradient(100% 320% at 100% 0%, #2A72F8 0%, rgba(21, 208, 21, 0) 100%), #15D015", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне" - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне" - }, - "surfaceWarningHover": { - "value": "#FA6814FF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне" - }, - "surfaceWarningActive": { - "value": "#EB5905FF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне" - }, - "surfaceWarning": { - "value": "#F55D05", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне" - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "#08090A", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - } - }, - "dark": { - "backgroundPrimary": { - "value": "#08090A", - "comment": "Основной фон на темном фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на светлом фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - } - }, - "light": { - "overlay": { - "default": { - "overlaySoft": { - "value": "rgba(8, 9, 10, 0.56)", - "comment": "Цвет фона паранжи светлый" - }, - "overlayHard": { - "value": "rgba(8, 9, 10, 0.96)", - "comment": "Цвет фона паранжи темный" - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый", - "enabled": false - } - }, - "onDark": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на темном фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на темном фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на темном фоне", - "enabled": false - } - }, - "onLight": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на светлом фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на светлом фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на светлом фоне", - "enabled": false - } - }, - "inverse": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - }, - "text": { - "default": { - "textPrimaryHover": { - "value": "#23272A93", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#23272AC4", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "rgba(36, 40, 43, 0.96)", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#23272AFF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#23272AAB", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "rgba(36, 40, 43, 0.56)", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#23272AFF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#23272A56", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "rgba(36, 40, 43, 0.28)", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#23272A7A", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#23272AA3", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "rgba(36, 40, 43, 0.8)", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#19D719FF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#118D11FF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "[general.herbal.400]", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": "radial-gradient(50% 200% at 0% 100%, rgba(250, 237, 5, 0.6) 0%, rgba(21, 208, 21, 0.12) 100%), radial-gradient(100% 200% at 0% 50%, #15D015 0%, rgba(33, 202, 154, 0) 100%), radial-gradient(100% 320% at 100% 0%, #2A72F8 0%, rgba(12, 156, 12, 0) 100%), #0C9C0C", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1FC13DFF", - "comment": "Цвет успеха" - }, - "textPositiveActive": { - "value": "#147B27FF", - "comment": "Цвет успеха" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха" - }, - "textWarningHover": { - "value": "#FB7528FF", - "comment": "Цвет предупреждения" - }, - "textWarningActive": { - "value": "#CD4E04FF", - "comment": "Цвет предупреждения" - }, - "textWarning": { - "value": "#F55D05", - "comment": "Цвет предупреждения" - }, - "textNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#FF001AFF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#FFFFFF93", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#FFFFFFC4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "rgba(255, 255, 255, 0.96)", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#FFFFFFAB", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "rgba(255, 255, 255, 0.56)", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#FFFFFF56", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "rgba(255, 255, 255, 0.28)", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#FFFFFF7A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#FFFFFFA3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "rgba(255, 255, 255, 0.8)", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#25E925FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#11AC11FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "#15D015", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradient": { - "value": "radial-gradient(50% 150% at 0% 100%, rgba(250, 237, 5, 0.9) 0%, rgba(21, 208, 21, 0.12) 100%), radial-gradient(100% 200% at 0% 50%, #15D015 0%, rgba(21, 208, 21, 0) 100%), radial-gradient(100% 320% at 100% 0%, #2A72F8 0%, rgba(21, 208, 21, 0) 100%), #15D015", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1FC13DFF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositiveActive": { - "value": "#147B27FF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на темном фоне" - }, - "textWarningHover": { - "value": "#FB7528FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarningActive": { - "value": "#CD4E04FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarning": { - "value": "#F55D05", - "comment": "Цвет предупреждения на темном фоне" - }, - "textNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF001AFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#23272A93", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#23272AC4", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "rgba(36, 40, 43, 0.96)", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#23272AFF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#23272AAB", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "rgba(36, 40, 43, 0.56)", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#23272AFF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#23272A56", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "rgba(36, 40, 43, 0.28)", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#23272A7A", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#23272AA3", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "rgba(36, 40, 43, 0.8)", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#0FC20FFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#097709FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "[general.herbal.500]", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradient": { - "value": "radial-gradient(50% 200% at 0% 100%, rgba(250, 237, 5, 0.6) 0%, rgba(21, 208, 21, 0.12) 100%), radial-gradient(100% 200% at 0% 50%, #15D015 0%, rgba(33, 202, 154, 0) 100%), radial-gradient(100% 320% at 100% 0%, #2A72F8 0%, rgba(12, 156, 12, 0) 100%), #0C9C0C", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1FC13DFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositiveActive": { - "value": "#147B27FF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на светлом фоне" - }, - "textWarningHover": { - "value": "#FB7528FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarningActive": { - "value": "#CD4E04FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarning": { - "value": "#F55D05", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#FF001AFF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной цвет текста", - "enabled": false - }, - "textPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной цвет текста", - "enabled": false - }, - "textPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной цвет текста", - "enabled": false - }, - "textSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный цвет текста", - "enabled": false - }, - "textTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный цвет текста", - "enabled": false - }, - "textParagraphHover": { - "value": "#000000FF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraphActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textParagraph": { - "value": "#FFFFFF", - "comment": "Инвертированный сплошной наборный текст", - "enabled": false - }, - "textAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#F9FAFBFF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimaryActive": { - "value": "#ECF0F3FF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimary": { - "value": "#F2F5F7", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryHover": { - "value": "#F2F5F8FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#DEE7EDFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "#E4EBF0", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#DEE7EDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#C4D4DEFF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "#D1DDE5", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#F9FAFBFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#ECF0F3FF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "#F2F5F7", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#17191CFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefaultActive": { - "value": "#050506FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefault": { - "value": "#08090A", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceTransparentPrimaryHover": { - "value": "#090A0B03", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentPrimaryActive": { - "value": "#090A0B0D", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentPrimary": { - "value": "rgba(8, 9, 10, 0.03)", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondaryHover": { - "value": "#090A0B05", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondaryActive": { - "value": "#090A0B1A", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 9, 10, 0.06)", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiaryHover": { - "value": "#090A0B0A", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiaryActive": { - "value": "#090A0B29", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 9, 10, 0.12)", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#090A0B03", - "comment": "Прозрачный фон для карточек" - }, - "surfaceTransparentCardActive": { - "value": "#090A0B0D", - "comment": "Прозрачный фон для карточек" - }, - "surfaceTransparentCard": { - "value": "rgba(8, 9, 10, 0.03)", - "comment": "Прозрачный фон для карточек" - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceAccentHover": { - "value": "#18CD18FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentActive": { - "value": "#13A013FF", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccent": { - "value": "[general.herbal.400]", - "comment": "Акцентный фон поверхности/контрола" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentGradient": { - "value": "radial-gradient(50% 150% at 0% 100%, rgba(250, 237, 5, 0.9) 0%, rgba(21, 208, 21, 0.12) 100%), radial-gradient(100% 200% at 0% 50%, #15D015 0%, rgba(21, 208, 21, 0) 100%), radial-gradient(100% 320% at 100% 0%, #2A72F8 0%, rgba(21, 208, 21, 0) 100%), #15D015", - "comment": "Акцентный фон поверхности/контрола с градиентом" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха" - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха" - }, - "surfaceWarningHover": { - "value": "#FA6814FF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarningActive": { - "value": "#E15505FF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarning": { - "value": "#F55D05", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#22272AFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#0B0D0EFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimary": { - "value": "#15181A", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#353B40FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#1A1C1FFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondary": { - "value": "#24282B", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#434B51FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#272C2FFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiary": { - "value": "#31373B", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidCardHover": { - "value": "#22272AFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCardActive": { - "value": "#0B0D0EFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCard": { - "value": "#15181A", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#F2F5F705", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimaryActive": { - "value": "#F2F5F71A", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimary": { - "value": "rgba(242, 245, 247, 0.06)", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryHover": { - "value": "#F2F5F70A", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#F2F5F729", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondary": { - "value": "rgba(242, 245, 247, 0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#F2F5F71F", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#F2F5F73D", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiary": { - "value": "rgba(242, 245, 247, 0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#F2F5F705", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCardActive": { - "value": "#F2F5F71A", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCard": { - "value": "rgba(242, 245, 247, 0.06)", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#18CD18FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentActive": { - "value": "#13A013FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccent": { - "value": "[general.herbal.400]", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentGradient": { - "value": "radial-gradient(50% 150% at 0% 100%, rgba(250, 237, 5, 0.9) 0%, rgba(21, 208, 21, 0.12) 100%), radial-gradient(100% 200% at 0% 50%, #15D015 0%, rgba(21, 208, 21, 0) 100%), radial-gradient(100% 320% at 100% 0%, #2A72F8 0%, rgba(21, 208, 21, 0) 100%), #15D015", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на темном фоне" - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха на темном фоне" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на темном фоне" - }, - "surfaceWarningHover": { - "value": "#FA6814FF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне" - }, - "surfaceWarningActive": { - "value": "#E15505FF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне" - }, - "surfaceWarning": { - "value": "#F55D05", - "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне" - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#F9FAFBFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#ECF0F3FF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidPrimary": { - "value": "#F2F5F7", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#F2F5F8FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondaryActive": { - "value": "#DEE7EDFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidSecondary": { - "value": "#E4EBF0", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryHover": { - "value": "#DEE7EDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#C4D4DEFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidTertiary": { - "value": "#D1DDE5", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceSolidCardHover": { - "value": "#F9FAFBFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#ECF0F3FF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "#F2F5F7", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#17191CFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#050506FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceSolidDefault": { - "value": "#08090A", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#090A0B03", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentPrimaryActive": { - "value": "#090A0B0D", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentPrimary": { - "value": "rgba(8, 9, 10, 0.03)", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondaryHover": { - "value": "#090A0B05", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#090A0B1A", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 9, 10, 0.06)", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#090A0B0A", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#090A0B29", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 9, 10, 0.12)", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#090A0B03", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceTransparentCardActive": { - "value": "#090A0B0D", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceTransparentCard": { - "value": "rgba(8, 9, 10, 0.03)", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#18CD18FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentActive": { - "value": "#13A013FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccent": { - "value": "[general.herbal.400]", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentGradient": { - "value": "radial-gradient(50% 150% at 0% 100%, rgba(250, 237, 5, 0.9) 0%, rgba(21, 208, 21, 0.12) 100%), radial-gradient(100% 200% at 0% 50%, #15D015 0%, rgba(21, 208, 21, 0) 100%), radial-gradient(100% 320% at 100% 0%, #2A72F8 0%, rgba(21, 208, 21, 0) 100%), #15D015", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на светлом фоне" - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха на светлом фоне" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на светлом фоне" - }, - "surfaceWarningHover": { - "value": "#FA6814FF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне" - }, - "surfaceWarningActive": { - "value": "#E15505FF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне" - }, - "surfaceWarning": { - "value": "#F55D05", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне" - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - } - }, - "dark": { - "backgroundPrimary": { - "value": "#08090A", - "comment": "Основной фон на темном фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на светлом фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - } - }, - "borderRadius": { - "xxs": { - "value": "4px" - }, - "xs": { - "value": "6px" - }, - "s": { - "value": "8px" - }, - "m": { - "value": "12px" - }, - "l": { - "value": "16px" - }, - "xl": { - "value": "20px" - }, - "xxl": { - "value": "32px" - } - } -} diff --git a/packages/themes/data-themes/data/themes/sdds_serv.json b/packages/themes/data-themes/data/themes/sdds_serv.json deleted file mode 100644 index 962a9f635d..0000000000 --- a/packages/themes/data-themes/data/themes/sdds_serv.json +++ /dev/null @@ -1,10313 +0,0 @@ -{ - "config": { - "name": "sdds_serv", - "accentColor": { - "light": "#21A038", - "dark": "#21A038" - }, - "grayscale": { - "light": "gray", - "dark": "gray" - }, - "opacity": { - "textIcons": true, - "surfaces": true - } - }, - "dark": { - "text": { - "default": { - "textPrimaryHover": { - "value": "#F5F5F593", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#F5F5F5C4", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "#f5f5f5F5", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#F5F5F5FF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#F5F5F5AB", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "#F5f5f58F", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#F5F5F5FF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#F5F5F556", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "#F5f5f548", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#F5F5F57A", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#F5F5F5A3", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "#f5f5f5cc", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#2ACB47FF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#1F9835FF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#2ACB47FF", - "comment": "Цвет успеха" - }, - "textPositiveActive": { - "value": "#1F9835FF", - "comment": "Цвет успеха" - }, - "textPositive": { - "value": "[general.green.400]", - "comment": "Цвет успеха" - }, - "textWarningHover": { - "value": "#FF8442FF", - "comment": "Цвет предупреждения" - }, - "textWarningActive": { - "value": "#FF5D05FF", - "comment": "Цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.400]", - "comment": "Цвет предупреждения" - }, - "textNegativeHover": { - "value": "#FF5C6CFF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.400]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#F5F5F593", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#F5F5F5C4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "#f5f5f5F5", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#F5F5F5FF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#F5F5F5AB", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "#F5f5f58F", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#F5F5F5FF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#F5F5F556", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "#F5f5f548", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#F5F5F57A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#F5F5F5A3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "#f5f5f5CC", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#2ACB47FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#1F9835FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#2ACB47FF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositiveActive": { - "value": "#1F9835FF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositive": { - "value": "[general.green.400]", - "comment": "Цвет успеха на темном фоне" - }, - "textWarningHover": { - "value": "#FF8442FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarningActive": { - "value": "#FF5D05FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarning": { - "value": "[general.orange.400]", - "comment": "Цвет предупреждения на темном фоне" - }, - "textNegativeHover": { - "value": "#FF5C6CFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "[general.red.400]", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#17171793", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#171717C4", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "#171717F5", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#171717FF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#171717AB", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "#1717178F", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#171717FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#17171756", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "#17171748", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#1717177A", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#171717A3", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "#171717CC", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#13AA2CFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#0D731EFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%)", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#13AA2CFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositiveActive": { - "value": "#0D731EFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositive": { - "value": "[general.green.600]", - "comment": "Цвет успеха на светлом фоне" - }, - "textWarningHover": { - "value": "#FD650DFF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarningActive": { - "value": "#CA4B02FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textNegativeHover": { - "value": "#F5384BFF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#E40C22FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#17171793", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#171717C4", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "#171717F5", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#171717FF", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#171717AB", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondary": { - "value": "#1717178F", - "comment": "Инвертированный вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#171717FF", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#17171756", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiary": { - "value": "#17171748", - "comment": "Инвертированный третичный цвет текста" - }, - "textParagraphHover": { - "value": "#1717177A", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraphActive": { - "value": "#171717A3", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraph": { - "value": "#171717CC", - "comment": "Инвертированный cплошной наборный текст" - }, - "textAccentHover": { - "value": "#13AA2CFF", - "comment": "Инвертированный акцентный цвет" - }, - "textAccentActive": { - "value": "#0D731EFF", - "comment": "Инвертированный акцентный цвет" - }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Инвертированный акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%)", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#13AA2CFF", - "comment": "Инвертированный цвет успеха" - }, - "textPositiveActive": { - "value": "#0D731EFF", - "comment": "Инвертированный цвет успеха" - }, - "textPositive": { - "value": "[general.green.600]", - "comment": "Инвертированный цвет успеха" - }, - "textWarningHover": { - "value": "#FD650DFF", - "comment": "Инвертированный цвет предупреждения" - }, - "textWarningActive": { - "value": "#CA4B02FF", - "comment": "Инвертированный цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Инвертированный цвет предупреждения" - }, - "textNegativeHover": { - "value": "#F5384BFF", - "comment": "Инвертированный цвет ошибки" - }, - "textNegativeActive": { - "value": "#E40C22FF", - "comment": "Инвертированный цвет ошибки" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Инвертированный цвет ошибки" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#1C1C1CFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#121212FF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#303030FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#212121FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Вторичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#404040FF", - "comment": "Третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#303030FF", - "comment": "Третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#1C1C1CFF", - "comment": "Основной фон для карточек", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#121212FF", - "comment": "Основной фон для карточек", - "enabled": true - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#F5F5F5FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "[general.gray.50]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF1F", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF0A", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF0F", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF3D", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF0F", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF52", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF24", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFC2", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFF94", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#FFFFFFA3", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF1F", - "comment": "Прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF0A", - "comment": "Прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "#FFFFFF0F", - "comment": "Прозрачный фон для карточек", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1DAF37FF", - "comment": "Акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#18952FFF", - "comment": "Акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет фона поверхности предупреждение", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Цвет фона поверхности предупреждение", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности предупреждение", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#1A9E323D", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceTransparentPositiveActive": { - "value": "#1A9E320F", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceTransparentPositive": { - "value": "rgba(26,158,50,0.12)", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceTransparentWarningHover": { - "value": "#FA5F053D", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentWarningActive": { - "value": "#FA5F050F", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentWarning": { - "value": "rgba(250,95,5,0.12)", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentNegativeHover": { - "value": "#FF293E3D", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentNegativeActive": { - "value": "#FF293E0F", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentNegative": { - "value": "rgba(255,41,62,0.12)", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#1C1C1CFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#121212FF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#303030FF", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#212121FF", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#404040FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#303030FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#1C1C1CFF", - "comment": "Основной фон для карточек на темном фоне", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#121212FF", - "comment": "Основной фон для карточек на темном фоне", - "enabled": true - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек на темном фоне", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#F5F5F5FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "[general.gray.50]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF1F", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF0A", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF3D", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF0F", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF52", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF24", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFC2", - "comment": "Прозрачный фон поверхности по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFF94", - "comment": "Прозрачный фон поверхности по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#FFFFFFA3", - "comment": "Прозрачный фон поверхности по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF1F", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF0A", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "#FFFFFF0F", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1DAF37FF", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#18952FFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех на темном фоне", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет фона поверхности предупреждение на темном фоне", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Цвет фона поверхности предупреждение на темном фоне", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности предупреждение на темном фоне", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Основной непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Основной непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#E8E8E8FF", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#D9D9D9FF", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceSolidCard": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#0D0D0DFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#0808080F", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#08080800", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "rgba(8, 8, 8, 0.02)", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#0808081F", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808080A", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808083D", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#0808080F", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#080808C2", - "comment": "Прозрачный фон поверхности по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#08080894", - "comment": "Прозрачный фон поверхности по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#080808A3", - "comment": "Прозрачный фон поверхности по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#0808081F", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#0808080A", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1DAF37FF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#18952FFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет фона поверхности / предупреждение на светлом фоне", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Цвет фона поверхности / предупреждение на светлом фоне", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности / предупреждение на светлом фоне", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Инвертированный основной непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Инвертированный основной непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Инвертированный основной непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Инвертированный вторичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#E8E8E8FF", - "comment": "Инвертированный третичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#D9D9D9FF", - "comment": "Инвертированный третичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Инвертированный третичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": true - }, - "surfaceSolidCard": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#0D0D0DFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#0808080F", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#08080800", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "rgba(8, 8, 8, 0.02)", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#0808081F", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808080A", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808083D", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#0808080F", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#080808C2", - "comment": "Инвертированный прозрачный фон поверхности по умолчанию", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#08080894", - "comment": "Инвертированный прозрачный фон поверхности по умолчанию", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#080808A3", - "comment": "Инвертированный прозрачный фон поверхности по умолчанию", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1DAF37FF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#18952FFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Инвертированный цвет фона поверхности / предупреждение", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Инвертированный цвет фона поверхности / предупреждение", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Инвертированный цвет фона поверхности / предупреждение", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - } - }, - "dark": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон на темном фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон на светлом фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Инвертированный основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "overlay": { - "default": { - "overlaySoft": { - "value": "#0808088F", - "comment": "Цвет фона паранжи светлый" - }, - "overlayHard": { - "value": "#080808f5", - "comment": "Цвет фона паранжи темный" - }, - "overlayBlur": { - "value": "rgba(8,8,8,0.28)", - "comment": "" - } - }, - "onDark": { - "overlaySoft": { - "value": "#0808088f", - "comment": "Цвет фона паранжи светлый на темном фоне" - }, - "overlayHard": { - "value": "#080808f5", - "comment": "Цвет фона паранжи темный на темном фоне" - }, - "overlayBlur": { - "value": "rgba(8,8,8,0.28)", - "comment": "" - } - }, - "onLight": { - "overlaySoft": { - "value": "rgba(249,249,249,0.56)", - "comment": "Цвет фона паранжи светлый на светлом фоне" - }, - "overlayHard": { - "value": "#f9f9f9f5", - "comment": "Цвет фона паранжи темный на светлом фоне" - }, - "overlayBlur": { - "value": "rgba(249,249,249,0.28)", - "comment": "" - } - }, - "inverse": { - "overlaySoft": { - "value": "#f9f9f98F", - "comment": "Инвертированный цвет фона паранжи светлый" - }, - "overlayHard": { - "value": "#f9f9f9f5", - "comment": "Инвертированный цвет фона паранжи темный" - }, - "overlayBlur": { - "value": "rgba(249,249,249,0.28)", - "comment": "" - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - } - }, - "light": { - "text": { - "default": { - "textPrimaryHover": { - "value": "#17171793", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#171717C4", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "#171717F5", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#171717FF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#171717AB", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "#1717178F", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#171717FF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#17171756", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "#17171748", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#1717177A", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#171717A3", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "#171717CC", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#14B32EFF", - "comment": "Акцентный цвет" - }, - "textAccentActive": { - "value": "#0C6A1BFF", - "comment": "Акцентный цвет" - }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%)", - "comment": "Акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#14B32EFF", - "comment": "Цвет успеха" - }, - "textPositiveActive": { - "value": "#0C6A1BFF", - "comment": "Цвет успеха" - }, - "textPositive": { - "value": "[general.green.600]", - "comment": "Цвет успеха" - }, - "textWarningHover": { - "value": "#FD6B17FF", - "comment": "Цвет предупреждения" - }, - "textWarningActive": { - "value": "#C04802FF", - "comment": "Цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Цвет предупреждения" - }, - "textNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#DA0B20FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#F5F5F593", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#F5F5F5C4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "#F5F5F5F5", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#F5F5F5FF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#F5F5F5AB", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "#F5F5F58F", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#F5F5F5FF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#F5F5F556", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "#F5F5F548", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#F5F5F57A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#F5F5F5A3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "#F5F5F5CC", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#2BD44AFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentActive": { - "value": "#1D9032FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный цвет с градиентом на темном фоне" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#2BD44AFF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositiveActive": { - "value": "#1D9032FF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositive": { - "value": "[general.green.400]", - "comment": "Цвет успеха на темном фоне" - }, - "textWarningHover": { - "value": "#FF8B4DFF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarningActive": { - "value": "#FA5700FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarning": { - "value": "[general.orange.400]", - "comment": "Цвет предупреждения на темном фоне" - }, - "textNegativeHover": { - "value": "#FF6675FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "[general.red.400]", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#17171793", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#171717C4", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "#171717F5", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#171717FF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#171717AB", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "#1717178F", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#171717FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#17171756", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "#17171748", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#1717177A", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#171717A3", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "#171717CC", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#14B32EFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentActive": { - "value": "#0C6A1BFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccent": { - "value": "[general.green.600]", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%)", - "comment": "Акцентный цвет с градиентом на светлом фоне" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#14B32EFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositiveActive": { - "value": "#0C6A1BFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositive": { - "value": "[general.green.600]", - "comment": "Цвет успеха на светлом фоне" - }, - "textWarningHover": { - "value": "#FD6B17FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarningActive": { - "value": "#C04802FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarning": { - "value": "[general.orange.600]", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textNegativeHover": { - "value": "#F54254FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#DA0B20FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.600]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#F5F5F593", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#F5F5F5C4", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "#F5F5F5F5", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#F5F5F5FF", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#F5F5F5AB", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondary": { - "value": "#F5F5F58F", - "comment": "Инвертированный вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#F5F5F5FF", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#F5F5F556", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiary": { - "value": "#F5F5F548", - "comment": "Инвертированный третичный цвет текста" - }, - "textParagraphHover": { - "value": "#F5F5F57A", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraphActive": { - "value": "#F5F5F5A3", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraph": { - "value": "#F5F5F5CC", - "comment": "Инвертированный cплошной наборный текст" - }, - "textAccentHover": { - "value": "#2BD44AFF", - "comment": "Инвертированный акцентный цвет" - }, - "textAccentActive": { - "value": "#1D9032FF", - "comment": "Инвертированный акцентный цвет" - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Инвертированный акцентный цвет" - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Инвертированный акцентный цвет с градиентом" - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#2BD44AFF", - "comment": "Инвертированный цвет успеха" - }, - "textPositiveActive": { - "value": "#1D9032FF", - "comment": "Инвертированный цвет успеха" - }, - "textPositive": { - "value": "[general.green.400]", - "comment": "Инвертированный цвет успеха" - }, - "textWarningHover": { - "value": "#FF8B4DFF", - "comment": "Инвертированный цвет предупреждения" - }, - "textWarningActive": { - "value": "#FA5700FF", - "comment": "Инвертированный цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.400]", - "comment": "Инвертированный цвет предупреждения" - }, - "textNegativeHover": { - "value": "#FF6675FF", - "comment": "Инвертированный цвет ошибки" - }, - "textNegativeActive": { - "value": "#FF142CFF", - "comment": "Инвертированный цвет ошибки" - }, - "textNegative": { - "value": "[general.red.400]", - "comment": "Инвертированный цвет ошибки" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#EDEDEDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#D4D4D4FF", - "comment": "Третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек", - "enabled": true - }, - "surfaceSolidCard": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#262626FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#08080800", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#0808080A", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "rgba(8, 8, 8, 0.02)", - "comment": "Основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#08080805", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808081A", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808080A", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#08080829", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#0808088F", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#080808AD", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#080808A3", - "comment": "Прозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1EB83AFF", - "comment": "Акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#178C2CFF", - "comment": "Акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#1A9E3205", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceTransparentPositiveActive": { - "value": "#1A9E321A", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceTransparentPositive": { - "value": "rgba(26,158,50,0.06)", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": true - }, - "surfaceTransparentWarningHover": { - "value": "#FA5F0505", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentWarningActive": { - "value": "#FA5F051A", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentWarning": { - "value": "rgba(250,95,5,0.06)", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentNegativeHover": { - "value": "#F31B3105", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentNegativeActive": { - "value": "#F31B311A", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentNegative": { - "value": "rgba(243,27,49,0.06)", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": true - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#363636FF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#0D0D0DFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#3B3B3BFF", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#1C1C1CFF", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Вторичный непрозрачный фон поверхности на темном фоне", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#4A4A4AFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#2B2B2BFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#363636FF", - "comment": "Основной фон для карточек на темном фоне", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#0D0D0DFF", - "comment": "Основной фон для карточек на темном фоне", - "enabled": true - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек на темном фоне", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#F5F5F5FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "[general.gray.50]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF05", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF1A", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF0A", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF29", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF1F", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF3D", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFF8F", - "comment": "Прозрачный фон поверхности по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFAD", - "comment": "Прозрачный фон поверхности по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#FFFFFFA3", - "comment": "Прозрачный фон поверхности по умолчанию на темном фоне", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF05", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF1A", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "#FFFFFF0F", - "comment": "Прозрачный фон для карточек на темном фоне", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1EB83AFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#178C2CFF", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола на темном фоне", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на темном фоне", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха на темном фоне", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на темном фоне", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет фона поверхности предупреждение на темном фоне", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Цвет фона поверхности предупреждение на темном фоне", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности предупреждение на темном фоне", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Основной непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Основной непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#EDEDEDFF", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#D4D4D4FF", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности на светлом фоне", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceSolidCard": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#262626FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#08080800", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#0808080A", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "rgba(8, 8, 8, 0.02)", - "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#08080805", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808081A", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808080A", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#08080829", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#0808088F", - "comment": "Прозрачный фон поверхности по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#080808AD", - "comment": "Прозрачный фон поверхности по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#080808A3", - "comment": "Прозрачный фон поверхности по умолчанию на светлом фоне", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1EB83AFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#178C2CFF", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный фон поверхности/контрола на светлом фоне", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха на светлом фоне", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на светлом фоне", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет фона поверхности предупреждение на светлом фоне", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Цвет фона поверхности предупреждение на светлом фоне", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности предупреждение на светлом фоне", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#363636FF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidPrimaryActive": { - "value": "#0D0D0DFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidSecondaryHover": { - "value": "#3B3B3BFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidSecondaryActive": { - "value": "#1C1C1CFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Инвертированный вторичный непрозрачный фон поверхности", - "enabled": true - }, - "surfaceSolidTertiaryHover": { - "value": "#4A4A4AFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiaryActive": { - "value": "#2B2B2BFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceSolidCardHover": { - "value": "#363636FF", - "comment": "Инвертированный основной фон для карточек", - "enabled": true - }, - "surfaceSolidCardActive": { - "value": "#0D0D0DFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": true - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Инвертированный основной фон для карточек", - "enabled": true - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefaultActive": { - "value": "#F5F5F5FF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceSolidDefault": { - "value": "[general.gray.50]", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": true - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF05", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF1A", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF0A", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF29", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF1F", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF3D", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": true - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFF8F", - "comment": "Инвертированный прозрачный фон поверхности по умолчанию", - "enabled": true - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFAD", - "comment": "Инвертированный прозрачный фон поверхности по умолчанию", - "enabled": true - }, - "surfaceTransparentDeep": { - "value": "#FFFFFFA3", - "comment": "Инвертированный прозрачный фон поверхности по умолчанию", - "enabled": true - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF05", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF1A", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": true - }, - "surfaceTransparentCard": { - "value": "#FFFFFF0F", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": true - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": true - }, - "surfaceAccentHover": { - "value": "#1EB83AFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentActive": { - "value": "#178C2CFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": true - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentGradient": { - "value": "linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%)", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": true - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Инвертированный цвет успеха", - "enabled": true - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Инвертированный цвет успеха", - "enabled": true - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Инвертированный цвет успеха", - "enabled": true - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Инвертированный цвет фона поверхности предупреждение", - "enabled": true - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Инвертированный цвет фона поверхности предупреждение", - "enabled": true - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Инвертированный цвет фона поверхности предупреждение", - "enabled": true - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": true - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - } - }, - "dark": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон на темном фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон на светлом фоне" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Инвертированный основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "overlay": { - "default": { - "overlaySoft": { - "value": "#F9F9F98F", - "comment": "Цвет фона паранжи светлый" - }, - "overlayHard": { - "value": "#F9F9F9F5", - "comment": "Цвет фона паранжи темный" - }, - "overlayBlur": { - "value": "rgba(249,249,249,0.28)", - "comment": "" - } - }, - "onDark": { - "overlaySoft": { - "value": "#0808088F", - "comment": "Цвет фона паранжи светлый на темном фоне" - }, - "overlayHard": { - "value": "#080808F5", - "comment": "Цвет фона паранжи темный на темном фоне" - }, - "overlayBlur": { - "value": "rgba(8,8,8,0.28)", - "comment": "" - } - }, - "onLight": { - "overlaySoft": { - "value": "#F9F9F98F", - "comment": "Цвет фона паранжи светлый на светлом фоне" - }, - "overlayHard": { - "value": "#F9F9F9F5", - "comment": "Цвет фона паранжи темный на светлом фоне" - }, - "overlayBlur": { - "value": "rgba(249,249,249,0.28)", - "comment": "" - } - }, - "inverse": { - "overlaySoft": { - "value": "#0808088F", - "comment": "Инвертированный цвет фона паранжи светлый" - }, - "overlayHard": { - "value": "#080808F5", - "comment": "Инвертированный цвет фона паранжи темный" - }, - "overlayBlur": { - "value": "rgba(8,8,8,0.28)", - "comment": "" - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - } - } -} diff --git a/packages/themes/data-themes/data/themes/stylesSalute.json b/packages/themes/data-themes/data/themes/stylesSalute.json deleted file mode 100644 index a0c872cb52..0000000000 --- a/packages/themes/data-themes/data/themes/stylesSalute.json +++ /dev/null @@ -1,13979 +0,0 @@ -{ - "config": { - "name": "stylesSalute", - "accentColor": { - "light": "#21A038", - "dark": "#21A038" - }, - "grayscale": { - "light": "gray", - "dark": "gray" - }, - "opacity": { - "textIcons": true, - "surfaces": true - } - }, - "dark": { - "text": { - "default": { - "textPrimaryHover": { - "value": "#FFFFFF93", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#FFFFFFC4", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "#FFFFFFF5", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#FFFFFFAB", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "#FFFFFF8F", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#FFFFFF56", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "#FFFFFF47", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#FFFFFF7A", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#FFFFFFA3", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "#FFFFFFCC", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#2ACB47FF", - "comment": "Акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#1F9835FF", - "comment": "Акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#2ACB47FF", - "comment": "Цвет успеха" - }, - "textPositiveActive": { - "value": "#1F9835FF", - "comment": "Цвет успеха" - }, - "textPositive": { - "value": "[general.green.400]", - "comment": "Цвет успеха" - }, - "textWarningHover": { - "value": "#FF8442FF", - "comment": "Цвет предупреждения" - }, - "textWarningActive": { - "value": "#FF5D05FF", - "comment": "Цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.400]", - "comment": "Цвет предупреждения" - }, - "textNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#FF0A23FF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textAccentAthenaHover": { - "value": "#66BCF5FF", - "comment": "Акцентный цвет Афины" - }, - "textAccentAthenaActive": { - "value": "#0E8ADDFF", - "comment": "Акцентный цвет Афины" - }, - "textAccentAthena": { - "value": "[general.blue.400]", - "comment": "Акцентный цвет Афины" - }, - "textAccentJoyHover": { - "value": "#E4BDFFFF", - "comment": "Акцентный цвет Джой" - }, - "textAccentJoyActive": { - "value": "#B84DFFFF", - "comment": "Акцентный цвет Джой" - }, - "textAccentJoy": { - "value": "[general.orchid.400]", - "comment": "Акцентный цвет Джой" - }, - "textAccentB2EHover": { - "value": "#2ACB47FF", - "comment": "Акцентный цвет B2E-ассистента" - }, - "textAccentB2EActive": { - "value": "#1F9835FF", - "comment": "Акцентный цвет B2E-ассистента" - }, - "textAccentB2E": { - "value": "[general.green.400]", - "comment": "Акцентный цвет B2E-ассистента" - }, - "textAccentBrandHover": { - "value": "#A3C3FFFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentBrandActive": { - "value": "#337AFFFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentBrand": { - "value": "[general.electricBlue.400]", - "comment": "Акцентный цвет бренда" - }, - "textGradientAthenaHover": { - "value": "#CCCCCCFF", - "comment": "Градиент Афины" - }, - "textGradientAthenaActive": { - "value": "#E6E6E6FF", - "comment": "Градиент Афины" - }, - "textGradientAthena": { - "value": { - "origin": "linear-gradient(93.97deg, #52BAFF 6.49%, #ADADFF 93.51%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#52BAFF", "#ADADFF"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#52BAFF", "#ADADFF"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент Афины" - }, - "textGradientJoyHover": { - "value": "#CCCCCCFF", - "comment": "Градиент Джой" - }, - "textGradientJoyActive": { - "value": "#E6E6E6FF", - "comment": "Градиент Джой" - }, - "textGradientJoy": { - "value": { - "origin": "linear-gradient(93.97deg, #FD9C68 6.49%, #F391E2 93.51%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FD9C68", "#F391E2"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FD9C68", "#F391E2"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент Джой" - }, - "textGradientB2EHover": { - "value": "#CCCCCCFF", - "comment": "Градиент B2E-ассистента" - }, - "textGradientB2EActive": { - "value": "#E6E6E6FF", - "comment": "Градиент B2E-ассистента" - }, - "textGradientB2E": { - "value": { - "origin": "linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#1CC9C9"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#1CC9C9"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент B2E-ассистента" - }, - "textGradientBrandHover": { - "value": "#CCCCCCFF", - "comment": "Градиент бренда" - }, - "textGradientBrandActive": { - "value": "#E6E6E6FF", - "comment": "Градиент бренда" - }, - "textGradientBrand": { - "value": { - "origin": "linear-gradient(89.83deg, #528EFF 0%, #04C6C9 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#528EFF", "#04C6C9"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#528EFF", "#04C6C9"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент бренда" - }, - "textGradientMainHover": { - "value": "#CCCCCCFF", - "comment": "Градиент" - }, - "textGradientMainActive": { - "value": "#E6E6E6FF", - "comment": "Градиент" - }, - "textGradientMain": { - "value": { - "origin": "linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#1CC9C9"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#1CC9C9"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент" - }, - "textAccentMainHover": { - "value": "#2ACB47FF", - "comment": "Акцентный цвет" - }, - "textAccentMainActive": { - "value": "#1F9835FF", - "comment": "Акцентный цвет" - }, - "textAccentMain": { - "value": "[general.green.400]", - "comment": "Акцентный цвет" - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#FFFFFF93", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#FFFFFFC4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "#FFFFFFF5", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#FFFFFFAB", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "#FFFFFF8F", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#FFFFFF56", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "#FFFFFF47", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#FFFFFF7A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#FFFFFFA3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "#FFFFFFCC", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#2ACB47FF", - "comment": "Акцентный цвет на темном фоне", - "enabled": false - }, - "textAccentActive": { - "value": "#1F9835FF", - "comment": "Акцентный цвет на темном фоне", - "enabled": false - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Акцентный цвет на темном фоне", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#2ACB47FF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositiveActive": { - "value": "#1F9835FF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositive": { - "value": "[general.green.400]", - "comment": "Цвет успеха на темном фоне" - }, - "textWarningHover": { - "value": "#FF8442FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarningActive": { - "value": "#FF5D05FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarning": { - "value": "[general.orange.400]", - "comment": "Цвет предупреждения на темном фоне" - }, - "textNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF0A23FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textAccentAthenaHover": { - "value": "#66BCF5FF", - "comment": "Акцентный цвет Афины на темном" - }, - "textAccentAthenaActive": { - "value": "#0E8ADDFF", - "comment": "Акцентный цвет Афины на темном" - }, - "textAccentAthena": { - "value": "[general.blue.400]", - "comment": "Акцентный цвет Афины на темном" - }, - "textAccentJoyHover": { - "value": "#E4BDFFFF", - "comment": "Акцентный цвет Джой на темном фоне" - }, - "textAccentJoyActive": { - "value": "#B84DFFFF", - "comment": "Акцентный цвет Джой на темном фоне" - }, - "textAccentJoy": { - "value": "[general.orchid.400]", - "comment": "Акцентный цвет Джой на темном фоне" - }, - "textAccentB2EHover": { - "value": "#2ACB47FF", - "comment": "Акцентный цвет B2E-ассистента на темном фоне" - }, - "textAccentB2EActive": { - "value": "#1F9835FF", - "comment": "Акцентный цвет B2E-ассистента на темном фоне" - }, - "textAccentB2E": { - "value": "[general.green.400]", - "comment": "Акцентный цвет B2E-ассистента на темном фоне" - }, - "textAccentBrandHover": { - "value": "#A3C3FFFF", - "comment": "Акцентный цвет бренда на темном фоне" - }, - "textAccentBrandActive": { - "value": "#337AFFFF", - "comment": "Акцентный цвет бренда на темном фоне" - }, - "textAccentBrand": { - "value": "[general.electricBlue.400]", - "comment": "Акцентный цвет бренда на темном фоне" - }, - "textGradientAthenaHover": { - "value": "#CCCCCCFF", - "comment": "Градиент Афины на темном фоне" - }, - "textGradientAthenaActive": { - "value": "#E6E6E6FF", - "comment": "Градиент Афины на темном фоне" - }, - "textGradientAthena": { - "value": { - "origin": "linear-gradient(93.97deg, #52BAFF 6.49%, #ADADFF 93.51%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#52BAFF", "#ADADFF"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#52BAFF", "#ADADFF"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент Афины на темном фоне" - }, - "textGradientJoyHover": { - "value": "#CCCCCCFF", - "comment": "Градиент Джой на темном фоне" - }, - "textGradientJoyActive": { - "value": "#E6E6E6FF", - "comment": "Градиент Джой на темном фоне" - }, - "textGradientJoy": { - "value": { - "origin": "linear-gradient(93.97deg, #FD9C68 6.49%, #F391E2 93.51%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FD9C68", "#F391E2"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FD9C68", "#F391E2"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент Джой на темном фоне" - }, - "textGradientB2EHover": { - "value": "#CCCCCCFF", - "comment": "Градиент B2E-ассистента на темном фоне" - }, - "textGradientB2EActive": { - "value": "#E6E6E6FF", - "comment": "Градиент B2E-ассистента на темном фоне" - }, - "textGradientB2E": { - "value": { - "origin": "linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#1CC9C9"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#1CC9C9"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент B2E-ассистента на темном фоне" - }, - "textGradientBrandHover": { - "value": "#CCCCCCFF", - "comment": "Градиент бренда на темном фоне" - }, - "textGradientBrandActive": { - "value": "#E6E6E6FF", - "comment": "Градиент бренда на темном фоне" - }, - "textGradientBrand": { - "value": { - "origin": "linear-gradient(89.83deg, #528EFF 0%, #04C6C9 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#528EFF", "#04C6C9"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#528EFF", "#04C6C9"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент бренда на темном фоне" - }, - "textGradientMainHover": { - "value": "#CCCCCCFF", - "comment": "Градиент на темном фоне" - }, - "textGradientMainActive": { - "value": "#E6E6E6FF", - "comment": "Градиент на темном фоне" - }, - "textGradientMain": { - "value": { - "origin": "linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#1CC9C9"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#1CC9C9"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент на темном фоне" - }, - "textAccentMainHover": { - "value": "#2ACB47FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentMainActive": { - "value": "#1F9835FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentMain": { - "value": "[general.green.400]", - "comment": "Акцентный цвет на темном фоне" - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#08080893", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#080808C4", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "rgba(8, 8, 8, 0.96)", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#080808FF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#080808AB", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "rgba(8, 8, 8, 0.56)", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#080808FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#08080856", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "#08080847", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#0808087A", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#080808A3", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "rgba(8, 8, 8, 0.8)", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#1EB83AFF", - "comment": "Акцентный цвет на светлом фоне", - "enabled": false - }, - "textAccentActive": { - "value": "#15842AFF", - "comment": "Акцентный цвет на светлом фоне", - "enabled": false - }, - "textAccent": { - "value": "[general.green.500]", - "comment": "Акцентный цвет на светлом фоне", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositiveActive": { - "value": "#15842AFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на светлом фоне" - }, - "textWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarningActive": { - "value": "#DC5304FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#FF0A23FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textAccentAthenaHover": { - "value": "#50B1F2FF", - "comment": "Акцентный цвет Афины на светлом фоне" - }, - "textAccentAthenaActive": { - "value": "#0F7BC2FF", - "comment": "Акцентный цвет Афины на светлом фоне" - }, - "textAccentAthena": { - "value": "[general.blue.500]", - "comment": "Акцентный цвет Афины на светлом фоне" - }, - "textAccentJoyHover": { - "value": "#D7A4F9FF", - "comment": "Акцентный цвет Джой на светлом фоне" - }, - "textAccentJoyActive": { - "value": "#A93BF1FF", - "comment": "Акцентный цвет Джой на светлом фоне" - }, - "textAccentJoy": { - "value": "[general.orchid.500]", - "comment": "Акцентный цвет Джой на светлом фоне" - }, - "textAccentB2EHover": { - "value": "#1EB83AFF", - "comment": "Акцентный цвет B2E-ассистента на светлом фоне" - }, - "textAccentB2EActive": { - "value": "#15842AFF", - "comment": "Акцентный цвет B2E-ассистента на светлом фоне" - }, - "textAccentB2E": { - "value": "[general.green.500]", - "comment": "Акцентный цвет B2E-ассистента на светлом фоне" - }, - "textAccentBrandHover": { - "value": "#90B6FEFF", - "comment": "Акцентный цвет бренда на светлом фоне" - }, - "textAccentBrandActive": { - "value": "#216EFDFF", - "comment": "Акцентный цвет бренда на светлом фоне" - }, - "textAccentBrand": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный цвет бренда на светлом фоне" - }, - "textGradientAthenaHover": { - "value": "#CCCCCCFF", - "comment": "Градиент Афины на светлом фоне" - }, - "textGradientAthenaActive": { - "value": "#E6E6E6FF", - "comment": "Градиент Афины на светлом фоне" - }, - "textGradientAthena": { - "value": { - "origin": "linear-gradient(89.83deg, #118CDF 0%, #7A7AFF 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#118CDF", "#7A7AFF"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#118CDF", "#7A7AFF"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент Афины на светлом фоне" - }, - "textGradientJoyHover": { - "value": "#CCCCCCFF", - "comment": "Градиент Джой на светлом фоне" - }, - "textGradientJoyActive": { - "value": "#E6E6E6FF", - "comment": "Градиент Джой на светлом фоне" - }, - "textGradientJoy": { - "value": { - "origin": "linear-gradient(89.83deg, #FCA349 0%, #FF52C5 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FCA349", "#FF52C5"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FCA349", "#FF52C5"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент Джой на светлом фоне" - }, - "textGradientB2EHover": { - "value": "#CCCCCCFF", - "comment": "Градиент B2E-ассистента на светлом фоне" - }, - "textGradientB2EActive": { - "value": "#E6E6E6FF", - "comment": "Градиент B2E-ассистента на светлом фоне" - }, - "textGradientB2E": { - "value": { - "origin": "linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A4D1"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A4D1"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент B2E-ассистента на светлом фоне" - }, - "textGradientBrandHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет бренда на светлом фоне" - }, - "textGradientBrandActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет бренда на светлом фоне" - }, - "textGradientBrand": { - "value": { - "origin": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#3E79F0", "#27C6E5"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#3E79F0", "#27C6E5"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Акцентный цвет бренда на светлом фоне" - }, - "textGradientMainHover": { - "value": "#CCCCCCFF", - "comment": "Градиент на светлом фоне" - }, - "textGradientMainActive": { - "value": "#E6E6E6FF", - "comment": "Градиент на светлом фоне" - }, - "textGradientMain": { - "value": { - "origin": "linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A4D1"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A4D1"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент на светлом фоне" - }, - "textAccentMainHover": { - "value": "#1EB83AFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentMainActive": { - "value": "#15842AFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentMain": { - "value": "[general.green.500]", - "comment": "Акцентный цвет на светлом фоне" - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#08080893", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#080808C4", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "rgba(8, 8, 8, 0.96)", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#080808FF", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#080808AB", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondary": { - "value": "rgba(8, 8, 8, 0.56)", - "comment": "Инвертированный вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#080808FF", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#08080856", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiary": { - "value": "#08080847", - "comment": "Инвертированный третичный цвет текста" - }, - "textParagraphHover": { - "value": "#0808087A", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraphActive": { - "value": "#080808A3", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraph": { - "value": "rgba(8, 8, 8, 0.8)", - "comment": "Инвертированный cплошной наборный текст" - }, - "textAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#1C1C1CFF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimaryActive": { - "value": "#121212FF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryHover": { - "value": "#303030FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#212121FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#404040FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#303030FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#1C1C1CFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#121212FF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF1F", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF0A", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF3D", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF0F", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF52", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF24", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF1F", - "comment": "Прозрачный фон для карточек" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF0A", - "comment": "Прозрачный фон для карточек" - }, - "surfaceTransparentCard": { - "value": "rgba(255,255,255,0.06)", - "comment": "Прозрачный фон для карточек" - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceAccentHover": { - "value": "#1DAF37FF", - "comment": "Акцентный цвет поверхности/контролла", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#18952FFF", - "comment": "Акцентный цвет поверхности/контролла", - "enabled": false - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный цвет поверхности/контролла", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех" - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех" - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceAccentAthenaHover": { - "value": "#1798EEFF", - "comment": "Акцентный цвет поверхности/контролла Афины" - }, - "surfaceAccentAthenaActive": { - "value": "#1086D5FF", - "comment": "Акцентный цвет поверхности/контролла Афины" - }, - "surfaceAccentAthena": { - "value": "[general.blue.500]", - "comment": "Акцентный цвет поверхности/контролла Афины" - }, - "surfaceAccentJoyHover": { - "value": "#C275F5FF", - "comment": "Акцентный цвет поверхности/контролла Джой" - }, - "surfaceAccentJoyActive": { - "value": "#B14FF3FF", - "comment": "Акцентный цвет поверхности/контролла Джой" - }, - "surfaceAccentJoy": { - "value": "[general.orchid.500]", - "comment": "Акцентный цвет поверхности/контролла Джой" - }, - "surfaceAccentB2EHover": { - "value": "#1DAF37FF", - "comment": "Акцентный цвет поверхности/контролла B2E-ассистента" - }, - "surfaceAccentB2EActive": { - "value": "#18952FFF", - "comment": "Акцентный цвет поверхности/контролла B2E-ассистента" - }, - "surfaceAccentB2E": { - "value": "[general.green.500]", - "comment": "Акцентный цвет поверхности/контролла B2E-ассистента" - }, - "surfaceAccentBrandHover": { - "value": "#5D95FDFF", - "comment": "Акцентный цвет поверхности/контролла бренда" - }, - "surfaceAccentBrandActive": { - "value": "#357BFDFF", - "comment": "Акцентный цвет поверхности/контролла бренда" - }, - "surfaceAccentBrand": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный цвет поверхности/контролла бренда" - }, - "surfaceSpeechBubbleSentHover": { - "value": "#08080866", - "comment": "Цвет баббла сообщения от пользователя" - }, - "surfaceSpeechBubbleSentActive": { - "value": "#08080838", - "comment": "Цвет баббла сообщения от пользователя" - }, - "surfaceSpeechBubbleSent": { - "value": "#08080847", - "comment": "Цвет баббла сообщения от пользователя" - }, - "surfaceSpeechBubbleReceivedHover": { - "value": "#FFFFFF1F", - "comment": "Цвет баббла сообщения от ассистента" - }, - "surfaceSpeechBubbleReceivedActive": { - "value": "#FFFFFF0A", - "comment": "Цвет баббла сообщения от ассистента" - }, - "surfaceSpeechBubbleReceived": { - "value": "#FFFFFF0F", - "comment": "Цвет баббла сообщения от ассистента" - }, - "surfaceSkeletonHover": { - "value": "#FFFFFFFF", - "comment": "Фон для скелетона" - }, - "surfaceSkeletonActive": { - "value": "#FFFFFFFF", - "comment": "Фон для скелетона" - }, - "surfaceSkeleton": { - "value": { - "origin": "linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.01) 17.19%, rgba(255, 255, 255, 0.05) 40.24%, rgba(255, 255, 255, 0.06) 51.17%, rgba(255, 255, 255, 0.05) 62.12%, rgba(255, 255, 255, 0.01) 82.81%, rgba(255, 255, 255, 0.00) 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": [ - "rgba(255, 255, 255, 0.00)", - "rgba(255, 255, 255, 0.01)", - "rgba(255, 255, 255, 0.05)", - "rgba(255, 255, 255, 0.06)", - "rgba(255, 255, 255, 0.05)", - "rgba(255, 255, 255, 0.01)", - "rgba(255, 255, 255, 0.00)" - ], - "locations": [0, 0.17, 0.4, 0.51, 0.62, 0.83, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": [ - "rgba(255, 255, 255, 0.00)", - "rgba(255, 255, 255, 0.01)", - "rgba(255, 255, 255, 0.05)", - "rgba(255, 255, 255, 0.06)", - "rgba(255, 255, 255, 0.05)", - "rgba(255, 255, 255, 0.01)", - "rgba(255, 255, 255, 0.00)" - ], - "locations": [0, 0.17, 0.4, 0.51, 0.62, 0.83, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Фон для скелетона" - }, - "surfaceAccentMainHover": { - "value": "#1DAF37FF", - "comment": "Акцентный цвет поверхности/контролла" - }, - "surfaceAccentMainActive": { - "value": "#18952FFF", - "comment": "Акцентный цвет поверхности/контролла" - }, - "surfaceAccentMain": { - "value": "[general.green.500]", - "comment": "Акцентный цвет поверхности/контролла" - }, - "surfaceGradientMainHover": { - "value": "#FFFFFFFF", - "comment": "" - }, - "surfaceGradientMainActive": { - "value": "#FFFFFFFF", - "comment": "" - }, - "surfaceGradientMain": { - "value": { - "origin": "linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A4D1"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A4D1"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "" - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#1C1C1CFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#121212FF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#303030FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном" - }, - "surfaceSolidSecondaryActive": { - "value": "#212121FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном" - }, - "surfaceSolidTertiaryHover": { - "value": "#404040FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#303030FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidCardHover": { - "value": "#1C1C1CFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCardActive": { - "value": "#121212FF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF1F", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF0A", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF3D", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF0F", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF52", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF24", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF1F", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF0A", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCard": { - "value": "rgba(255,255,255,0.06)", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#1DAF37FF", - "comment": "Акцентный цвет поверхности/контролла", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#18952FFF", - "comment": "Акцентный цвет поверхности/контролла", - "enabled": false - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный цвет поверхности/контролла", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне" - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех на темном фоне" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех на темном фоне" - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном" - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение на темном" - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном" - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на темном" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceAccentAthenaHover": { - "value": "#1798EEFF", - "comment": "Акцентный цвет поверхности/контролла Афины" - }, - "surfaceAccentAthenaActive": { - "value": "#1086D5FF", - "comment": "Акцентный цвет поверхности/контролла Афины" - }, - "surfaceAccentAthena": { - "value": "[general.blue.500]", - "comment": "Акцентный цвет поверхности/контролла Афины" - }, - "surfaceAccentJoyHover": { - "value": "#C275F5FF", - "comment": "Акцентный цвет поверхности/контролла Джой" - }, - "surfaceAccentJoyActive": { - "value": "#B14FF3FF", - "comment": "Акцентный цвет поверхности/контролла Джой" - }, - "surfaceAccentJoy": { - "value": "[general.orchid.500]", - "comment": "Акцентный цвет поверхности/контролла Джой" - }, - "surfaceAccentB2EHover": { - "value": "#1DAF37FF", - "comment": "Акцентный цвет поверхности/контролла B2E-ассистента" - }, - "surfaceAccentB2EActive": { - "value": "#18952FFF", - "comment": "Акцентный цвет поверхности/контролла B2E-ассистента" - }, - "surfaceAccentB2E": { - "value": "[general.green.500]", - "comment": "Акцентный цвет поверхности/контролла B2E-ассистента" - }, - "surfaceAccentBrandHover": { - "value": "#5D95FDFF", - "comment": "Акцентный цвет поверхности/контролла бренда" - }, - "surfaceAccentBrandActive": { - "value": "#357BFDFF", - "comment": "Акцентный цвет поверхности/контролла бренда" - }, - "surfaceAccentBrand": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный цвет поверхности/контролла бренда" - }, - "surfaceAccentMainHover": { - "value": "#1DAF37FF", - "comment": "Акцентный цвет поверхности/контролла" - }, - "surfaceAccentMainActive": { - "value": "#18952FFF", - "comment": "Акцентный цвет поверхности/контролла" - }, - "surfaceAccentMain": { - "value": "[general.green.500]", - "comment": "Акцентный цвет поверхности/контролла" - }, - "surfaceGradientMainHover": { - "value": "#FFFFFFFF", - "comment": "" - }, - "surfaceGradientMainActive": { - "value": "#FFFFFFFF", - "comment": "" - }, - "surfaceGradientMain": { - "value": { - "origin": "linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A4D1"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A4D1"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "" - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом" - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом" - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом" - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом" - }, - "surfaceSolidTertiaryHover": { - "value": "#E8E8E8FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом" - }, - "surfaceSolidTertiaryActive": { - "value": "#D9D9D9FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCard": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#0D0D0DFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#08080812", - "comment": "Основной прозрачный фон поверхности/контрола на светлом" - }, - "surfaceTransparentPrimaryActive": { - "value": "#08080803", - "comment": "Основной прозрачный фон поверхности/контрола на светлом" - }, - "surfaceTransparentPrimary": { - "value": "#08080808", - "comment": "Основной прозрачный фон поверхности/контрола на светлом" - }, - "surfaceTransparentSecondaryHover": { - "value": "#0808081F", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808080A", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808083D", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#0808080F", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#080808C2", - "comment": "Прозрачный цвет поверхности/контролла на светлом фоне" - }, - "surfaceTransparentDeepActive": { - "value": "#08080894", - "comment": "Прозрачный цвет поверхности/контролла на светлом фоне" - }, - "surfaceTransparentDeep": { - "value": "#080808A2", - "comment": "Прозрачный цвет поверхности/контролла на светлом фоне" - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceTransparentCard": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#1DAF37FF", - "comment": "Акцентный цвет поверхности/контролла на светлом фоне", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#18952FFF", - "comment": "Акцентный цвет поверхности/контролла на светлом фоне", - "enabled": false - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный цвет поверхности/контролла на светлом фоне", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1DAF37FF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне" - }, - "surfacePositiveActive": { - "value": "#18952FFF", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет фона поверхности/контрола успех на светлом фоне" - }, - "surfaceWarningHover": { - "value": "#FB7223FF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом" - }, - "surfaceWarningActive": { - "value": "#F05B05FF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом" - }, - "surfaceNegativeHover": { - "value": "#FF475AFF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegativeActive": { - "value": "#FF1F35FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceAccentAthenaHover": { - "value": "#1798EEFF", - "comment": "Акцентный цвет поверхности/контролла Афины на светлом фоне" - }, - "surfaceAccentAthenaActive": { - "value": "#1086D5FF", - "comment": "Акцентный цвет поверхности/контролла Афины на светлом фоне" - }, - "surfaceAccentAthena": { - "value": "[general.blue.500]", - "comment": "Акцентный цвет поверхности/контролла Афины на светлом фоне" - }, - "surfaceAccentJoyHover": { - "value": "#C275F5FF", - "comment": "Акцентный цвет поверхности/контролла Джой на светлом" - }, - "surfaceAccentJoyActive": { - "value": "#B14FF3FF", - "comment": "Акцентный цвет поверхности/контролла Джой на светлом" - }, - "surfaceAccentJoy": { - "value": "[general.orchid.500]", - "comment": "Акцентный цвет поверхности/контролла Джой на светлом" - }, - "surfaceAccentB2EHover": { - "value": "#1DAF37FF", - "comment": "Акцентный цвет поверхности B2E-ассистента на светлом" - }, - "surfaceAccentB2EActive": { - "value": "#18952FFF", - "comment": "Акцентный цвет поверхности B2E-ассистента на светлом" - }, - "surfaceAccentB2E": { - "value": "[general.green.500]", - "comment": "Акцентный цвет поверхности B2E-ассистента на светлом" - }, - "surfaceAccentBrandHover": { - "value": "#5D95FDFF", - "comment": "Акцентный цвет поверхности/контролла бренда на светлом" - }, - "surfaceAccentBrandActive": { - "value": "#357BFDFF", - "comment": "Акцентный цвет поверхности/контролла бренда на светлом" - }, - "surfaceAccentBrand": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный цвет поверхности/контролла бренда на светлом" - }, - "surfaceAccentMainHover": { - "value": "#1DAF37FF", - "comment": "Акцентный цвет поверхности/контролла на светлом фоне" - }, - "surfaceAccentMainActive": { - "value": "#18952FFF", - "comment": "Акцентный цвет поверхности/контролла на светлом фоне" - }, - "surfaceAccentMain": { - "value": "[general.green.500]", - "comment": "Акцентный цвет поверхности/контролла на светлом фоне" - }, - "surfaceGradientMainHover": { - "value": "#FFFFFFFF", - "comment": "" - }, - "surfaceGradientMainActive": { - "value": "#FFFFFFFF", - "comment": "" - }, - "surfaceGradientMain": { - "value": { - "origin": "linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A4D1"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A4D1"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "" - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "#000000FF", - "comment": "Первичный фон" - }, - "backgroundSecondary": { - "value": "[general.gray.950]", - "comment": "Вторичный фон" - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - }, - "backgroundModalSheet": { - "value": [ - { - "origin": "linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(1, 182, 255, 0) 50%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(255, 255, 255, 0.1)", "rgba(1, 182, 255, 0)"], - "locations": [0, 0.5], - "startPoint": { - "x": 0.5, - "y": 0 - }, - "endPoint": { - "x": 0.5, - "y": 1 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(255, 255, 255, 0.1)", "rgba(1, 182, 255, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 0.5, - "y": 0 - }, - "endPoint": { - "x": 0.5, - "y": 0.5 - } - } - }, - { - "origin": "#080808FF", - "backgroundColor": "#080808FF" - } - ], - "comment": "Фон для модальной шторки" - }, - "backgroundMobileAssistantAthena": { - "value": [ - { - "origin": "linear-gradient(336.9deg, #143787 0%, rgba(8, 8, 8, 0) 64.95%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#143787", "rgba(8, 8, 8, 0)"], - "locations": [0, 0.65], - "startPoint": { - "x": 0.7, - "y": 0.96 - }, - "endPoint": { - "x": 0.3, - "y": 0.04 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(8, 8, 8, 0)", "#143787"], - "locations": [0, 1], - "startPoint": { - "x": 0.5, - "y": 0.2 - }, - "endPoint": { - "x": 0.9, - "y": 1.2 - } - } - }, - { - "origin": "radial-gradient(66.53% 100% at 73.33% 100%, rgba(110, 5, 193, 0.44) 0%, rgba(53, 19, 149, 0.1) 99.69%)", - "swift": { - "kind": "gradient", - "type": ".radial", - "colors": ["rgba(110, 5, 193, 0.44)", "rgba(53, 19, 149, 0.1)"], - "locations": [0, 1], - "startPoint": { - "x": 0.75, - "y": 1 - }, - "endPoint": { - "x": 0.165, - "y": 0 - } - }, - "xml": { - "kind": "gradient", - "type": ".radial", - "colors": ["rgba(110, 5, 193, 0.44)", "rgba(53, 19, 149, 0.1)"], - "locations": [0, 1], - "center": { - "x": 0.66, - "y": 1 - }, - "radius": { - "x": 1, - "y": 1 - } - } - }, - { - "origin": "linear-gradient(180.03deg, rgba(8, 8, 8, 0) 50%, rgba(25, 63, 152, 0.41) 99.97%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(8, 8, 8, 0)", "rgba(25, 63, 152, 0.41)"], - "locations": [0.5, 1], - "startPoint": { - "x": 0.5, - "y": 0 - }, - "endPoint": { - "x": 0.5, - "y": 1 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(8, 8, 8, 0)", "rgba(25, 63, 152, 0.41)"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 0, - "y": 1 - } - } - }, - { - "origin": "linear-gradient(270deg, rgba(39, 15, 107, 0.3) 0%, rgba(8, 8, 8, 0) 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(39, 15, 107, 0.3)", "rgba(8, 8, 8, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 1, - "y": 0.5 - }, - "endPoint": { - "x": 0, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(39, 15, 107, 0.3)", "rgba(8, 8, 8, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 1, - "y": 0 - }, - "endPoint": { - "x": 0, - "y": 0 - } - } - }, - { - "origin": "#080808FF", - "backgroundColor": "#080808FF" - } - ], - "comment": "Фон Афины на мобиле" - }, - "backgroundMobileAssistantJoy": { - "value": [ - { - "origin": "linear-gradient(336.9deg, rgba(255, 156, 101, 0.24) 0%, rgba(8, 8, 8, 0) 64.95%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(255, 156, 101, 0.24)", "rgba(8, 8, 8, 0)"], - "locations": [0, 0.65], - "startPoint": { - "x": 0.7, - "y": 0.96 - }, - "endPoint": { - "x": 0.3, - "y": 0.04 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(8, 8, 8, 0)", "rgba(255, 156, 101, 0.24)"], - "locations": [0, 1], - "startPoint": { - "x": 0.5, - "y": 0.2 - }, - "endPoint": { - "x": 0.9, - "y": 1.2 - } - } - }, - { - "origin": "radial-gradient(66.53% 100% at 73.33% 100%, rgba(61, 19, 149, 0.34) 0%, rgba(19, 24, 149, 0.1) 99.69%)", - "swift": { - "kind": "gradient", - "type": ".radial", - "colors": ["rgba(61, 19, 149, 0.34)", "rgba(19, 24, 149, 0.1)"], - "locations": [0, 1], - "startPoint": { - "x": 0.75, - "y": 1 - }, - "endPoint": { - "x": 0.165, - "y": 0 - } - }, - "xml": { - "kind": "gradient", - "type": ".radial", - "colors": ["rgba(61, 19, 149, 0.34)", "rgba(19, 24, 149, 0.1)"], - "locations": [0, 1], - "center": { - "x": 0.66, - "y": 1 - }, - "radius": { - "x": 1, - "y": 1 - } - } - }, - { - "origin": "linear-gradient(180.03deg, rgba(8, 8, 8, 0) 50%, rgba(255, 215, 179, 0.15) 99.97%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(8, 8, 8, 0)", "rgba(255, 215, 179, 0.15)"], - "locations": [0.5, 1], - "startPoint": { - "x": 0.5, - "y": 0 - }, - "endPoint": { - "x": 0.5, - "y": 1 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(8, 8, 8, 0)", "rgba(255, 215, 179, 0.15)"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 0, - "y": 1 - } - } - }, - { - "origin": "linear-gradient(270deg, rgba(107, 15, 87, 0.2) 0%, rgba(8, 8, 8, 0) 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(107, 15, 87, 0.2)", "rgba(8, 8, 8, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 1, - "y": 0.5 - }, - "endPoint": { - "x": 0, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(107, 15, 87, 0.2)", "rgba(8, 8, 8, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 1, - "y": 0 - }, - "endPoint": { - "x": 0, - "y": 0 - } - } - }, - { - "origin": "#080808FF", - "backgroundColor": "#080808FF" - } - ], - "comment": "Фон Джой на мобиле" - }, - "backgroundMobileAssistantB2E": { - "value": [ - { - "origin": "linear-gradient(336.84deg, rgba(20, 116, 70, 0.6) 0%, rgba(8, 8, 8, 0) 64.88%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(20, 116, 70, 0.6)", "rgba(8, 8, 8, 0)"], - "locations": [0, 0.65], - "startPoint": { - "x": 0.7, - "y": 0.96 - }, - "endPoint": { - "x": 0.3, - "y": 0.04 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(8, 8, 8, 0)", "rgba(20, 116, 70, 0.6)"], - "locations": [0, 1], - "startPoint": { - "x": 0.5, - "y": 0.2 - }, - "endPoint": { - "x": 0.9, - "y": 1.2 - } - } - }, - { - "origin": "radial-gradient(100% 100% at 75.89% 100%, rgba(0, 133, 255, 0.24) 0%, rgba(0, 71, 255, 0.03) 100%)", - "swift": { - "kind": "gradient", - "type": ".radial", - "colors": ["rgba(0, 133, 255, 0.24)", "rgba(0, 71, 255, 0.03)"], - "locations": [0, 1], - "startPoint": { - "x": 0.75, - "y": 1 - }, - "endPoint": { - "x": 0.165, - "y": 0 - } - }, - "xml": { - "kind": "gradient", - "type": ".radial", - "colors": ["rgba(0, 133, 255, 0.24)", "rgba(0, 71, 255, 0.03)"], - "locations": [0, 1], - "center": { - "x": 0.66, - "y": 1 - }, - "radius": { - "x": 1, - "y": 1 - } - } - }, - { - "origin": "linear-gradient(180deg, rgba(8, 8, 8, 0) 50%, rgba(7, 71, 33, 0.3) 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(8, 8, 8, 0)", "rgba(7, 71, 33, 0.3)"], - "locations": [0.5, 1], - "startPoint": { - "x": 0.5, - "y": 0 - }, - "endPoint": { - "x": 0.5, - "y": 1 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(8, 8, 8, 0)", "rgba(7, 71, 33, 0.3)"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 0, - "y": 1 - } - } - }, - { - "origin": "linear-gradient(270deg, #061621 0%, rgba(8, 8, 8, 0) 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#061621", "rgba(8, 8, 8, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 1, - "y": 0.5 - }, - "endPoint": { - "x": 0, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#061621", "rgba(8, 8, 8, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 1, - "y": 0 - }, - "endPoint": { - "x": 0, - "y": 0 - } - } - }, - { - "origin": "#080808FF", - "backgroundColor": "#080808FF" - } - ], - "comment": "Фоновый градиент B2E-ассистента на мобиле" - }, - "backgroundMobileAssistantBrand": { - "value": [ - { - "origin": "linear-gradient(336.9deg, #184BAB 0%, rgba(8, 8, 8, 0) 64.95%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#184BAB", "rgba(8, 8, 8, 0)"], - "locations": [0, 0.65], - "startPoint": { - "x": 0.7, - "y": 0.96 - }, - "endPoint": { - "x": 0.3, - "y": 0.04 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(8, 8, 8, 0)", "#184BAB"], - "locations": [0, 1], - "startPoint": { - "x": 0.5, - "y": 0.2 - }, - "endPoint": { - "x": 0.9, - "y": 1.2 - } - } - }, - { - "origin": "radial-gradient(66.53% 100% at 73.33% 100%, rgba(22, 69, 164, 0.44) 0%, rgba(11, 39, 45, 0.1) 100%)", - "swift": { - "kind": "gradient", - "type": ".radial", - "colors": ["rgba(22, 69, 164, 0.44)", "rgba(11, 39, 45, 0.1)"], - "locations": [0, 1], - "startPoint": { - "x": 0.75, - "y": 1 - }, - "endPoint": { - "x": 0.165, - "y": 0 - } - }, - "xml": { - "kind": "gradient", - "type": ".radial", - "colors": ["rgba(22, 69, 164, 0.44)", "rgba(11, 39, 45, 0.1)"], - "locations": [0, 1], - "center": { - "x": 0.66, - "y": 1 - }, - "radius": { - "x": 1, - "y": 1 - } - } - }, - { - "origin": "linear-gradient(180.03deg, rgba(8, 8, 8, 0) 50%, rgba(22, 69, 164, 0.41) 99.97%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(8, 8, 8, 0)", "rgba(22, 69, 164, 0.41)"], - "locations": [0.5, 1], - "startPoint": { - "x": 0.5, - "y": 0 - }, - "endPoint": { - "x": 0.5, - "y": 1 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(8, 8, 8, 0)", "rgba(22, 69, 164, 0.41)"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 0, - "y": 1 - } - } - }, - { - "origin": "linear-gradient(269.47deg, rgba(22, 69, 164, 0.3) 0.52%, rgba(8, 8, 8, 0) 99.61%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(22, 69, 164, 0.3)", "rgba(8, 8, 8, 0)"], - "locations": [0.01, 1], - "startPoint": { - "x": 1, - "y": 0.49 - }, - "endPoint": { - "x": 0, - "y": 0.51 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(22, 69, 164, 0.3)", "rgba(8, 8, 8, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 1, - "y": 0 - }, - "endPoint": { - "x": 0, - "y": 0 - } - } - }, - { - "origin": "#080808FF", - "backgroundColor": "#080808FF" - } - ], - "comment": "Фоновый градиент бренда на мобиле" - }, - "backgroundMobileAssistantMain": { - "value": [ - { - "origin": "linear-gradient(336.84deg, rgba(20, 116, 70, 0.6) 0%, rgba(8, 8, 8, 0) 64.88%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(20, 116, 70, 0.6)", "rgba(8, 8, 8, 0)"], - "locations": [0, 0.65], - "startPoint": { - "x": 0.7, - "y": 0.96 - }, - "endPoint": { - "x": 0.3, - "y": 0.04 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(8, 8, 8, 0)", "rgba(20, 116, 70, 0.6)"], - "locations": [0, 1], - "startPoint": { - "x": 0.5, - "y": 0.2 - }, - "endPoint": { - "x": 0.9, - "y": 1.2 - } - } - }, - { - "origin": "radial-gradient(100% 100% at 75.89% 100%, rgba(0, 133, 255, 0.24) 0%, rgba(0, 71, 255, 0.03) 100%)", - "swift": { - "kind": "gradient", - "type": ".radial", - "colors": ["rgba(0, 133, 255, 0.24)", "rgba(0, 71, 255, 0.03)"], - "locations": [0, 1], - "startPoint": { - "x": 0.75, - "y": 1 - }, - "endPoint": { - "x": 0.165, - "y": 0 - } - }, - "xml": { - "kind": "gradient", - "type": ".radial", - "colors": ["rgba(0, 133, 255, 0.24)", "rgba(0, 71, 255, 0.03)"], - "locations": [0, 1], - "center": { - "x": 0.66, - "y": 1 - }, - "radius": { - "x": 1, - "y": 1 - } - } - }, - { - "origin": "linear-gradient(180deg, rgba(8, 8, 8, 0) 50%, rgba(7, 71, 33, 0.3) 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(8, 8, 8, 0)", "rgba(7, 71, 33, 0.3)"], - "locations": [0.5, 1], - "startPoint": { - "x": 0.5, - "y": 0 - }, - "endPoint": { - "x": 0.5, - "y": 1 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(8, 8, 8, 0)", "rgba(7, 71, 33, 0.3)"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 0, - "y": 1 - } - } - }, - { - "origin": "linear-gradient(270deg, #061621 0%, rgba(8, 8, 8, 0) 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#061621", "rgba(8, 8, 8, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 1, - "y": 0.5 - }, - "endPoint": { - "x": 0, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#061621", "rgba(8, 8, 8, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 1, - "y": 0 - }, - "endPoint": { - "x": 0, - "y": 0 - } - } - }, - { - "origin": "#080808FF", - "backgroundColor": "#080808FF" - } - ], - "comment": "Фон ассистента на мобиле" - } - }, - "dark": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на темном фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на светлом фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "overlay": { - "default": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый", - "enabled": false - } - }, - "onDark": { - "overlaySoft": { - "value": "rgba(0, 0, 0, 0.56)", - "comment": "Цвет фона паранжи светлый на темном фоне" - }, - "overlayHard": { - "value": "#000000EB", - "comment": "Цвет фона паранжи темный на темном фоне" - }, - "overlayBlur": { - "value": "#26262647", - "comment": "Оверлей с блюром" - } - }, - "onLight": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на светлом фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на светлом фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на светлом фоне", - "enabled": false - } - }, - "inverse": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#E6E6E6FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#E6E6E6FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - } - }, - "light": { - "text": { - "default": { - "textPrimaryHover": { - "value": "#08080893", - "comment": "Основной цвет текста" - }, - "textPrimaryActive": { - "value": "#080808C4", - "comment": "Основной цвет текста" - }, - "textPrimary": { - "value": "rgba(8, 8, 8, 0.96)", - "comment": "Основной цвет текста" - }, - "textSecondaryHover": { - "value": "#080808FF", - "comment": "Вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#080808AB", - "comment": "Вторичный цвет текста" - }, - "textSecondary": { - "value": "rgba(8, 8, 8, 0.56)", - "comment": "Вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#080808FF", - "comment": "Третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#08080856", - "comment": "Третичный цвет текста" - }, - "textTertiary": { - "value": "#08080847", - "comment": "Третичный цвет текста" - }, - "textParagraphHover": { - "value": "#0808087A", - "comment": "Сплошной наборный текст" - }, - "textParagraphActive": { - "value": "#080808A3", - "comment": "Сплошной наборный текст" - }, - "textParagraph": { - "value": "rgba(8, 8, 8, 0.8)", - "comment": "Сплошной наборный текст" - }, - "textAccentHover": { - "value": "#1FC13DFF", - "comment": "Акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#147B27FF", - "comment": "Акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "[general.green.500]", - "comment": "Акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1FC13DFF", - "comment": "Цвет успеха" - }, - "textPositiveActive": { - "value": "#147B27FF", - "comment": "Цвет успеха" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха" - }, - "textWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет предупреждения" - }, - "textWarningActive": { - "value": "#D25004FF", - "comment": "Цвет предупреждения" - }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Цвет предупреждения" - }, - "textNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет ошибки" - }, - "textNegativeActive": { - "value": "#FF001AFF", - "comment": "Цвет ошибки" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации", - "enabled": false - }, - "textAccentAthenaHover": { - "value": "#2AA0EFFF", - "comment": "Акцентный цвет Афины" - }, - "textAccentAthenaActive": { - "value": "#0E75B9FF", - "comment": "Акцентный цвет Афины" - }, - "textAccentAthena": { - "value": "[general.blue.500]", - "comment": "Акцентный цвет Афины" - }, - "textAccentJoyHover": { - "value": "#C67EF6FF", - "comment": "Акцентный цвет Джой" - }, - "textAccentJoyActive": { - "value": "#A432F1FF", - "comment": "Акцентный цвет Джой" - }, - "textAccentJoy": { - "value": "[general.orchid.500]", - "comment": "Акцентный цвет Джой" - }, - "textAccentB2EHover": { - "value": "#1FC13DFF", - "comment": "Акцентный цвет B2E-ассистента" - }, - "textAccentB2EActive": { - "value": "#147B27FF", - "comment": "Акцентный цвет B2E-ассистента" - }, - "textAccentB2E": { - "value": "[general.green.500]", - "comment": "Акцентный цвет B2E-ассистента" - }, - "textAccentBrandHover": { - "value": "#689CFDFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentBrandActive": { - "value": "#1767FDFF", - "comment": "Акцентный цвет бренда" - }, - "textAccentBrand": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный цвет бренда" - }, - "textGradientAthenaHover": { - "value": "#000000FF", - "comment": "Градиент Афины" - }, - "textGradientAthenaActive": { - "value": "#CCCCCCFF", - "comment": "Градиент Афины" - }, - "textGradientAthena": { - "value": { - "origin": "linear-gradient(89.83deg, #118CDF 0%, #7A7AFF 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#118CDF", "#7A7AFF"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#118CDF", "#7A7AFF"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент Афины" - }, - "textGradientJoyHover": { - "value": "#000000FF", - "comment": "Градиент Джой" - }, - "textGradientJoyActive": { - "value": "#CCCCCCFF", - "comment": "Градиент Джой" - }, - "textGradientJoy": { - "value": { - "origin": "linear-gradient(89.83deg, #FCA349 0%, #FF52C5 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FCA349", "#FF52C5"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FCA349", "#FF52C5"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент Джой" - }, - "textGradientBrandHover": { - "value": "#000000FF", - "comment": "Градиент бренда" - }, - "textGradientBrandActive": { - "value": "#CCCCCCFF", - "comment": "Градиент бренда" - }, - "textGradientBrand": { - "value": { - "origin": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#3E79F0", "#27C6E5"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#3E79F0", "#27C6E5"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент бренда" - }, - "textAccentMainHover": { - "value": "#1FC13DFF", - "comment": "Акцентный цвет" - }, - "textAccentMainActive": { - "value": "#147B27FF", - "comment": "Акцентный цвет" - }, - "textAccentMain": { - "value": "[general.green.500]", - "comment": "Акцентный цвет" - }, - "textGradientB2EHover": { - "value": "#000000FF", - "comment": "Градиент B2E-ассистента" - }, - "textGradientB2EActive": { - "value": "#CCCCCCFF", - "comment": "Градиент B2E-ассистента" - }, - "textGradientB2E": { - "value": { - "origin": "linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A4D1"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A4D1"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент B2E-ассистента" - }, - "textGradientMainHover": { - "value": "#000000FF", - "comment": "Градиент" - }, - "textGradientMainActive": { - "value": "#CCCCCCFF", - "comment": "Градиент" - }, - "textGradientMain": { - "value": { - "origin": "linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A4D1"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A4D1"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент" - } - }, - "onDark": { - "textPrimaryHover": { - "value": "#FFFFFF93", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimaryActive": { - "value": "#FFFFFFC4", - "comment": "Основной цвет текста на темном фоне" - }, - "textPrimary": { - "value": "#FFFFFFF5", - "comment": "Основной цвет текста на темном фоне" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondaryActive": { - "value": "#FFFFFFAB", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textSecondary": { - "value": "#FFFFFF8F", - "comment": "Вторичный цвет текста на темном фоне" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiaryActive": { - "value": "#FFFFFF56", - "comment": "Третичный цвет текста на темном фоне" - }, - "textTertiary": { - "value": "#FFFFFF47", - "comment": "Третичный цвет текста на темном фоне" - }, - "textParagraphHover": { - "value": "#FFFFFF7A", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraphActive": { - "value": "#FFFFFFA3", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textParagraph": { - "value": "#FFFFFFCC", - "comment": "Сплошной наборный текст на темном фоне" - }, - "textAccentHover": { - "value": "#2BD44AFF", - "comment": "Акцентный цвет на темном фоне", - "enabled": false - }, - "textAccentActive": { - "value": "#1D9032FF", - "comment": "Акцентный цвет на темном фоне", - "enabled": false - }, - "textAccent": { - "value": "[general.green.400]", - "comment": "Акцентный цвет на темном фоне", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на темном фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на темном фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на темном фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#2BD44AFF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositiveActive": { - "value": "#1D9032FF", - "comment": "Цвет успеха на темном фоне" - }, - "textPositive": { - "value": "[general.green.400]", - "comment": "Цвет успеха на темном фоне" - }, - "textWarningHover": { - "value": "#FF8B4DFF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarningActive": { - "value": "#FA5700FF", - "comment": "Цвет предупреждения на темном фоне" - }, - "textWarning": { - "value": "[general.orange.400]", - "comment": "Цвет предупреждения на темном фоне" - }, - "textNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegativeActive": { - "value": "#FF001AFF", - "comment": "Цвет ошибки на темном фоне" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки на темном фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на темном фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на темном фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на темном фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на темном фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на темном фоне", - "enabled": false - }, - "textAccentAthenaHover": { - "value": "#3FABF3FF", - "comment": "Акцентный цвет Афины на темном" - }, - "textAccentAthenaActive": { - "value": "#0D84D3FF", - "comment": "Акцентный цвет Афины на темном" - }, - "textAccentAthena": { - "value": "[general.blue.400]", - "comment": "Акцентный цвет Афины на темном" - }, - "textAccentJoyHover": { - "value": "#D494FFFF", - "comment": "Акцентный цвет Джой на темном фоне" - }, - "textAccentJoyActive": { - "value": "#B442FFFF", - "comment": "Акцентный цвет Джой на темном фоне" - }, - "textAccentJoy": { - "value": "[general.orchid.400]", - "comment": "Акцентный цвет Джой на темном фоне" - }, - "textAccentB2EHover": { - "value": "#2BD44AFF", - "comment": "Акцентный цвет B2E-ассистента на темном фоне" - }, - "textAccentB2EActive": { - "value": "#1D9032FF", - "comment": "Акцентный цвет B2E-ассистента на темном фоне" - }, - "textAccentB2E": { - "value": "[general.green.400]", - "comment": "Акцентный цвет B2E-ассистента на темном фоне" - }, - "textAccentBrandHover": { - "value": "#7AA9FFFF", - "comment": "Акцентный цвет бренда на темном фоне" - }, - "textAccentBrandActive": { - "value": "#2974FFFF", - "comment": "Акцентный цвет бренда на темном фоне" - }, - "textAccentBrand": { - "value": "[general.electricBlue.400]", - "comment": "Акцентный цвет бренда на темном фоне" - }, - "textGradientAthenaHover": { - "value": "#000000FF", - "comment": "Градиент Афины на темном фоне" - }, - "textGradientAthenaActive": { - "value": "#CCCCCCFF", - "comment": "Градиент Афины на темном фоне" - }, - "textGradientAthena": { - "value": { - "origin": "linear-gradient(93.97deg, #52BAFF 6.49%, #ADADFF 93.51%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#52BAFF", "#ADADFF"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#52BAFF", "#ADADFF"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент Афины на темном фоне" - }, - "textGradientJoyHover": { - "value": "#000000FF", - "comment": "Градиент Джой на темном фоне" - }, - "textGradientJoyActive": { - "value": "#CCCCCCFF", - "comment": "Градиент Джой на темном фоне" - }, - "textGradientJoy": { - "value": { - "origin": "linear-gradient(93.97deg, #FD9C68 6.49%, #F391E2 93.51%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FD9C68", "#F391E2"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FD9C68", "#F391E2"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент Джой на темном фоне" - }, - "textGradientB2EHover": { - "value": "#000000FF", - "comment": "Градиент B2E-ассистента на темном фоне" - }, - "textGradientB2EActive": { - "value": "#CCCCCCFF", - "comment": "Градиент B2E-ассистента на темном фоне" - }, - "textGradientB2E": { - "value": { - "origin": "linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#1CC9C9"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#1CC9C9"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент B2E-ассистента на темном фоне" - }, - "textGradientBrandHover": { - "value": "#000000FF", - "comment": "Градиент бренда на темном фоне" - }, - "textGradientBrandActive": { - "value": "#CCCCCCFF", - "comment": "Градиент бренда на темном фоне" - }, - "textGradientBrand": { - "value": { - "origin": "linear-gradient(89.83deg, #528EFF 0%, #04C6C9 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#528EFF", "#04C6C9"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#528EFF", "#04C6C9"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент бренда на темном фоне" - }, - "textAccentMainHover": { - "value": "#2BD44AFF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentMainActive": { - "value": "#1D9032FF", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentMain": { - "value": "[general.green.400]", - "comment": "Акцентный цвет на темном фоне" - }, - "textGradientMainHover": { - "value": "#000000FF", - "comment": "Градиент на темном фоне" - }, - "textGradientMainActive": { - "value": "#CCCCCCFF", - "comment": "Градиент на темном фоне" - }, - "textGradientMain": { - "value": { - "origin": "linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#1CC9C9"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#1CC9C9"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент на темном фоне" - } - }, - "onLight": { - "textPrimaryHover": { - "value": "#08080893", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimaryActive": { - "value": "#080808C4", - "comment": "Основной цвет текста на светлом фоне" - }, - "textPrimary": { - "value": "rgba(8, 8, 8, 0.96)", - "comment": "Основной цвет текста на светлом фоне" - }, - "textSecondaryHover": { - "value": "#080808FF", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondaryActive": { - "value": "#080808AB", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textSecondary": { - "value": "rgba(8, 8, 8, 0.56)", - "comment": "Вторичный цвет текста на светлом фоне" - }, - "textTertiaryHover": { - "value": "#080808FF", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiaryActive": { - "value": "#08080856", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textTertiary": { - "value": "#08080847", - "comment": "Третичный цвет текста на светлом фоне" - }, - "textParagraphHover": { - "value": "#0808087A", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraphActive": { - "value": "#080808A3", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textParagraph": { - "value": "rgba(8, 8, 8, 0.8)", - "comment": "Сплошной наборный текст на светлом фоне" - }, - "textAccentHover": { - "value": "#1FC13DFF", - "comment": "Акцентный цвет на светлом фоне", - "enabled": false - }, - "textAccentActive": { - "value": "#147B27FF", - "comment": "Акцентный цвет на светлом фоне", - "enabled": false - }, - "textAccent": { - "value": "[general.green.500]", - "comment": "Акцентный цвет на светлом фоне", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет с градиентом на светлом фоне", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет на светлом фоне с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#1FC13DFF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositiveActive": { - "value": "#147B27FF", - "comment": "Цвет успеха на светлом фоне" - }, - "textPositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на светлом фоне" - }, - "textWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarningActive": { - "value": "#D25004FF", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textWarning": { - "value": "[general.orange.500]", - "comment": "Цвет предупреждения на светлом фоне" - }, - "textNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegativeActive": { - "value": "#FF001AFF", - "comment": "Цвет ошибки на светлом фоне" - }, - "textNegative": { - "value": "[general.red.500]", - "comment": "Цвет ошибки на светлом фоне" - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Цвет информации на светлом фоне", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет успеха на светлом фоне", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет предупреждения на светлом фоне", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет ошибки на светлом фоне", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет информации на светлом фоне", - "enabled": false - }, - "textAccentAthenaHover": { - "value": "#2AA0EFFF", - "comment": "Акцентный цвет Афины на светлом фоне" - }, - "textAccentAthenaActive": { - "value": "#0E75B9FF", - "comment": "Акцентный цвет Афины на светлом фоне" - }, - "textAccentAthena": { - "value": "[general.blue.500]", - "comment": "Акцентный цвет Афины на светлом фоне" - }, - "textAccentJoyHover": { - "value": "#C67EF6FF", - "comment": "Акцентный цвет Джой на светлом фоне" - }, - "textAccentJoyActive": { - "value": "#A432F1FF", - "comment": "Акцентный цвет Джой на светлом фоне" - }, - "textAccentJoy": { - "value": "[general.orchid.500]", - "comment": "Акцентный цвет Джой на светлом фоне" - }, - "textAccentB2EHover": { - "value": "#1FC13DFF", - "comment": "Акцентный цвет B2E-ассистента на светлом фоне" - }, - "textAccentB2EActive": { - "value": "#147B27FF", - "comment": "Акцентный цвет B2E-ассистента на светлом фоне" - }, - "textAccentB2E": { - "value": "[general.green.500]", - "comment": "Акцентный цвет B2E-ассистента на светлом фоне" - }, - "textAccentBrandHover": { - "value": "#689CFDFF", - "comment": "Акцентный цвет бренда на светлом фоне" - }, - "textAccentBrandActive": { - "value": "#1767FDFF", - "comment": "Акцентный цвет бренда на светлом фоне" - }, - "textAccentBrand": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный цвет бренда на светлом фоне" - }, - "textGradientAthenaHover": { - "value": "#000000FF", - "comment": "Градиент Афины на светлом фоне" - }, - "textGradientAthenaActive": { - "value": "#CCCCCCFF", - "comment": "Градиент Афины на светлом фоне" - }, - "textGradientAthena": { - "value": { - "origin": "linear-gradient(89.83deg, #118CDF 0%, #7A7AFF 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#118CDF", "#7A7AFF"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#118CDF", "#7A7AFF"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент Афины на светлом фоне" - }, - "textGradientJoyHover": { - "value": "#000000FF", - "comment": "Градиент Джой на светлом фоне" - }, - "textGradientJoyActive": { - "value": "#CCCCCCFF", - "comment": "Градиент Джой на светлом фоне" - }, - "textGradientJoy": { - "value": { - "origin": "linear-gradient(89.83deg, #FCA349 0%, #FF52C5 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FCA349", "#FF52C5"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FCA349", "#FF52C5"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент Джой на светлом фоне" - }, - "textGradientB2EHover": { - "value": "#000000FF", - "comment": "Градиент B2E-ассистента на светлом фоне" - }, - "textGradientB2EActive": { - "value": "#CCCCCCFF", - "comment": "Градиент B2E-ассистента на светлом фоне" - }, - "textGradientB2E": { - "value": { - "origin": "linear-gradient(89.83deg, #24B23E 0%, #00A6C7 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A6C7"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A6C7"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент B2E-ассистента на светлом фоне" - }, - "textGradientBrandHover": { - "value": "#000000FF", - "comment": "Акцентный цвет бренда на светлом фоне" - }, - "textGradientBrandActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет бренда на светлом фоне" - }, - "textGradientBrand": { - "value": { - "origin": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#3E79F0", "#27C6E5"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#3E79F0", "#27C6E5"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Акцентный цвет бренда на светлом фоне" - }, - "textAccentMainHover": { - "value": "#1FC13DFF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentMainActive": { - "value": "#147B27FF", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentMain": { - "value": "[general.green.500]", - "comment": "Акцентный цвет на светлом фоне" - }, - "textGradientMainHover": { - "value": "#000000FF", - "comment": "Градиент на светлом фоне" - }, - "textGradientMainActive": { - "value": "#CCCCCCFF", - "comment": "Градиент на светлом фоне" - }, - "textGradientMain": { - "value": { - "origin": "linear-gradient(89.83deg, #24B23E 0%, #00A6C7 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A6C7"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A6C7"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Градиент на светлом фоне" - } - }, - "inverse": { - "textPrimaryHover": { - "value": "#FFFFFF93", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimaryActive": { - "value": "#FFFFFFC4", - "comment": "Инвертированный основной цвет текста" - }, - "textPrimary": { - "value": "#FFFFFFF5", - "comment": "Инвертированный основной цвет текста" - }, - "textSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondaryActive": { - "value": "#FFFFFFAB", - "comment": "Инвертированный вторичный цвет текста" - }, - "textSecondary": { - "value": "#FFFFFF8F", - "comment": "Инвертированный вторичный цвет текста" - }, - "textTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiaryActive": { - "value": "#FFFFFF56", - "comment": "Инвертированный третичный цвет текста" - }, - "textTertiary": { - "value": "#FFFFFF47", - "comment": "Инвертированный третичный цвет текста" - }, - "textParagraphHover": { - "value": "#FFFFFF7A", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraphActive": { - "value": "#FFFFFFA3", - "comment": "Инвертированный cплошной наборный текст" - }, - "textParagraph": { - "value": "#FFFFFFCC", - "comment": "Инвертированный cплошной наборный текст" - }, - "textAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет", - "enabled": false - }, - "textAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет с градиентом", - "enabled": false - }, - "textAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный акцентный цвет", - "enabled": false - }, - "textAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет с градиентом", - "enabled": false - }, - "textPromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет", - "enabled": false - }, - "textPromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет", - "enabled": false - }, - "textPromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет с градиентом", - "enabled": false - }, - "textPositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textPositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет успеха", - "enabled": false - }, - "textWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет предупреждения", - "enabled": false - }, - "textNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет ошибки", - "enabled": false - }, - "textInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет информации", - "enabled": false - }, - "textPositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textPositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет успеха", - "enabled": false - }, - "textWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет предупреждения", - "enabled": false - }, - "textNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет ошибки", - "enabled": false - }, - "textInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - }, - "textInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет информации", - "enabled": false - } - } - }, - "surface": { - "default": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryHover": { - "value": "#EDEDEDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiaryActive": { - "value": "#D4D4D4FF", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности/контрола" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidCard": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек" - }, - "surfaceSolidDefaultHover": { - "value": "#262626FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, - "surfaceTransparentPrimaryHover": { - "value": "#08080803", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentPrimaryActive": { - "value": "#0808080D", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentPrimary": { - "value": "#08080808", - "comment": "Основной прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondaryHover": { - "value": "#08080805", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808081A", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Вторичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808080A", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiaryActive": { - "value": "#08080829", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Третичный прозрачный фон поверхности/контрола" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек" - }, - "surfaceTransparentCard": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек" - }, - "surfaceClearHover": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClearActive": { - "value": "#00000000", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceClear": { - "value": "rgba(0, 0, 0, 0)", - "comment": "Фон поверхности/контрола без заливки" - }, - "surfaceAccentHover": { - "value": "#1EB83AFF", - "comment": "Акцентный цвет поверхности/контролла", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#178C2CFF", - "comment": "Акцентный цвет поверхности/контролла", - "enabled": false - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный цвет поверхности/контролла", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха" - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха" - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение" - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceAccentAthenaHover": { - "value": "#1798EEFF", - "comment": "Акцентный цвет поверхности/контролла Афины" - }, - "surfaceAccentAthenaActive": { - "value": "#0F81CCFF", - "comment": "Акцентный цвет поверхности/контролла Афины" - }, - "surfaceAccentAthena": { - "value": "[general.blue.500]", - "comment": "Акцентный цвет поверхности/контролла Афины" - }, - "surfaceAccentJoyHover": { - "value": "#C275F5FF", - "comment": "Акцентный цвет поверхности/контролла Джой" - }, - "surfaceAccentJoyActive": { - "value": "#AD45F2FF", - "comment": "Акцентный цвет поверхности/контролла Джой" - }, - "surfaceAccentJoy": { - "value": "[general.orchid.500]", - "comment": "Акцентный цвет поверхности/контролла Джой" - }, - "surfaceAccentB2EHover": { - "value": "#1EB83AFF", - "comment": "Акцентный цвет поверхности/контролла B2E-ассистента" - }, - "surfaceAccentB2EActive": { - "value": "#178C2CFF", - "comment": "Акцентный цвет поверхности/контролла B2E-ассистента" - }, - "surfaceAccentB2E": { - "value": "[general.green.500]", - "comment": "Акцентный цвет поверхности/контролла B2E-ассистента" - }, - "surfaceAccentBrandHover": { - "value": "#689CFDFF", - "comment": "Акцентный цвет поверхности/контролла бренда" - }, - "surfaceAccentBrandActive": { - "value": "#2B74FDFF", - "comment": "Акцентный цвет поверхности/контролла бренда" - }, - "surfaceAccentBrand": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный цвет поверхности/контролла бренда" - }, - "surfaceSpeechBubbleSentHover": { - "value": "#08080852", - "comment": "Цвет баббла сообщения от пользователя" - }, - "surfaceSpeechBubbleSentActive": { - "value": "#08080870", - "comment": "Цвет баббла сообщения от пользователя" - }, - "surfaceSpeechBubbleSent": { - "value": "#08080866", - "comment": "Цвет баббла сообщения от пользователя" - }, - "surfaceSpeechBubbleReceivedHover": { - "value": "#08080803", - "comment": "Цвет баббла сообщения от ассистента" - }, - "surfaceSpeechBubbleReceivedActive": { - "value": "#0808080D", - "comment": "Цвет баббла сообщения от ассистента" - }, - "surfaceSpeechBubbleReceived": { - "value": "#08080808", - "comment": "Цвет баббла сообщения от ассистента" - }, - "surfaceSkeletonHover": { - "value": "#FFFFFFFF", - "comment": "Фон для скелетона" - }, - "surfaceSkeletonActive": { - "value": "#FFFFFFFF", - "comment": "Фон для скелетона" - }, - "surfaceSkeleton": { - "value": { - "origin": "linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.01) 17.19%, rgba(0, 0, 0, 0.05) 40.24%, rgba(0, 0, 0, 0.06) 51.17%, rgba(0, 0, 0, 0.05) 62.12%, rgba(0, 0, 0, 0.01) 82.81%, rgba(0, 0, 0, 0.00) 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": [ - "rgba(0, 0, 0, 0.00)", - "rgba(0, 0, 0, 0.01)", - "rgba(0, 0, 0, 0.05)", - "rgba(0, 0, 0, 0.06)", - "rgba(0, 0, 0, 0.05)", - "rgba(0, 0, 0, 0.01)", - "rgba(0, 0, 0, 0.00)" - ], - "locations": [0, 0.17, 0.4, 0.51, 0.62, 0.83, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": [ - "rgba(0, 0, 0, 0.00)", - "rgba(0, 0, 0, 0.01)", - "rgba(0, 0, 0, 0.05)", - "rgba(0, 0, 0, 0.06)", - "rgba(0, 0, 0, 0.05)", - "rgba(0, 0, 0, 0.01)", - "rgba(0, 0, 0, 0.00)" - ], - "locations": [0, 0.17, 0.4, 0.51, 0.62, 0.83, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "Фон для скелетона" - }, - "surfaceAccentMainHover": { - "value": "#1EB83AFF", - "comment": "Акцентный цвет поверхности/контролла" - }, - "surfaceAccentMainActive": { - "value": "#178C2CFF", - "comment": "Акцентный цвет поверхности/контролла" - }, - "surfaceAccentMain": { - "value": "[general.green.500]", - "comment": "Акцентный цвет поверхности/контролла" - }, - "surfaceGradientMainHover": { - "value": "#FFFFFFFF", - "comment": "" - }, - "surfaceGradientMainActive": { - "value": "#FFFFFFFF", - "comment": "" - }, - "surfaceGradientMain": { - "value": { - "origin": "linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A4D1"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A4D1"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "" - } - }, - "onDark": { - "surfaceSolidPrimaryHover": { - "value": "#363636FF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimaryActive": { - "value": "#0D0D0DFF", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.950]", - "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidSecondaryHover": { - "value": "#3B3B3BFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном" - }, - "surfaceSolidSecondaryActive": { - "value": "#1C1C1CFF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.900]", - "comment": "Вторичный непрозрачный фон поверхности/контрола на темном" - }, - "surfaceSolidTertiaryHover": { - "value": "#4A4A4AFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiaryActive": { - "value": "#2B2B2BFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.850]", - "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceSolidCardHover": { - "value": "#363636FF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCardActive": { - "value": "#0D0D0DFF", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidCard": { - "value": "[general.gray.950]", - "comment": "Основной фон для карточек на темном фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFF05", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFF1A", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentPrimary": { - "value": "rgba(255, 255, 255, 0.06)", - "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFF0A", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFF29", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentSecondary": { - "value": "rgba(255, 255, 255, 0.12)", - "comment": "Вторичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFF1F", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFF3D", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentTertiary": { - "value": "rgba(255, 255, 255, 0.2)", - "comment": "Третичный прозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFF05", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFF1A", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceTransparentCard": { - "value": "rgba(255,255,255,0.06)", - "comment": "Прозрачный фон для карточек на темном фоне" - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на темном фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#1EB83AFF", - "comment": "Акцентный цвет поверхности/контролла", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#178C2CFF", - "comment": "Акцентный цвет поверхности/контролла", - "enabled": false - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный цвет поверхности/контролла", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на темном фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на темном фоне" - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха на темном фоне" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на темном фоне" - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном" - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Цвет фона поверхности/контрола предупреждение на темном" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение на темном" - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на темном фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне", - "enabled": false - }, - "surfaceAccentAthenaHover": { - "value": "#1798EEFF", - "comment": "Акцентный цвет поверхности/контролла Афины" - }, - "surfaceAccentAthenaActive": { - "value": "#0F81CCFF", - "comment": "Акцентный цвет поверхности/контролла Афины" - }, - "surfaceAccentAthena": { - "value": "[general.blue.500]", - "comment": "Акцентный цвет поверхности/контролла Афины" - }, - "surfaceAccentJoyHover": { - "value": "#C275F5FF", - "comment": "Акцентный цвет поверхности/контролла Джой" - }, - "surfaceAccentJoyActive": { - "value": "#AD45F2FF", - "comment": "Акцентный цвет поверхности/контролла Джой" - }, - "surfaceAccentJoy": { - "value": "[general.orchid.500]", - "comment": "Акцентный цвет поверхности/контролла Джой" - }, - "surfaceAccentB2EHover": { - "value": "#1EB83AFF", - "comment": "Акцентный цвет поверхности/контролла B2E-ассистента" - }, - "surfaceAccentB2EActive": { - "value": "#178C2CFF", - "comment": "Акцентный цвет поверхности/контролла B2E-ассистента" - }, - "surfaceAccentB2E": { - "value": "[general.green.500]", - "comment": "Акцентный цвет поверхности/контролла B2E-ассистента" - }, - "surfaceAccentBrandHover": { - "value": "#689CFDFF", - "comment": "Акцентный цвет поверхности/контролла бренда" - }, - "surfaceAccentBrandActive": { - "value": "#2B74FDFF", - "comment": "Акцентный цвет поверхности/контролла бренда" - }, - "surfaceAccentBrand": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный цвет поверхности/контролла бренда" - }, - "surfaceAccentMainHover": { - "value": "#1EB83AFF", - "comment": "Акцентный цвет поверхности/контролла" - }, - "surfaceAccentMainActive": { - "value": "#178C2CFF", - "comment": "Акцентный цвет поверхности/контролла" - }, - "surfaceAccentMain": { - "value": "[general.green.500]", - "comment": "Акцентный цвет поверхности/контролла" - }, - "surfaceGradientMainHover": { - "value": "#FFFFFFFF", - "comment": "" - }, - "surfaceGradientMainActive": { - "value": "#FFFFFFFF", - "comment": "" - }, - "surfaceGradientMain": { - "value": { - "origin": "linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A4D1"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A4D1"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "" - } - }, - "onLight": { - "surfaceSolidPrimaryHover": { - "value": "#FAFAFAFF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом" - }, - "surfaceSolidPrimaryActive": { - "value": "#F0F0F0FF", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом" - }, - "surfaceSolidPrimary": { - "value": "[general.gray.100]", - "comment": "Основной непрозрачный фон поверхности/контрола на светлом" - }, - "surfaceSolidSecondaryHover": { - "value": "#F7F7F7FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом" - }, - "surfaceSolidSecondaryActive": { - "value": "#E8E8E8FF", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом" - }, - "surfaceSolidSecondary": { - "value": "[general.gray.150]", - "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом" - }, - "surfaceSolidTertiaryHover": { - "value": "#EDEDEDFF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом" - }, - "surfaceSolidTertiaryActive": { - "value": "#D4D4D4FF", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом" - }, - "surfaceSolidTertiary": { - "value": "[general.gray.200]", - "comment": "Третичный непрозрачный фон поверхности/контрола на светлом" - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidCard": { - "value": "#FFFFFFFF", - "comment": "Основной фон для карточек на светлом фоне" - }, - "surfaceSolidDefaultHover": { - "value": "#262626FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceSolidDefaultActive": { - "value": "#030303FF", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, - "surfaceTransparentPrimaryHover": { - "value": "#08080803", - "comment": "Основной прозрачный фон поверхности/контрола на светлом" - }, - "surfaceTransparentPrimaryActive": { - "value": "#0808080D", - "comment": "Основной прозрачный фон поверхности/контрола на светлом" - }, - "surfaceTransparentPrimary": { - "value": "#08080808", - "comment": "Основной прозрачный фон поверхности/контрола на светлом" - }, - "surfaceTransparentSecondaryHover": { - "value": "#08080805", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondaryActive": { - "value": "#0808081A", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentSecondary": { - "value": "rgba(8, 8, 8, 0.06)", - "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiaryHover": { - "value": "#0808080A", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiaryActive": { - "value": "#08080829", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentTertiary": { - "value": "rgba(8, 8, 8, 0.12)", - "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentDeepHover": { - "value": "#0808088F", - "comment": "Прозрачный цвет поверхности/контролла на светлом фоне" - }, - "surfaceTransparentDeepActive": { - "value": "#080808AD", - "comment": "Прозрачный цвет поверхности/контролла на светлом фоне" - }, - "surfaceTransparentDeep": { - "value": "#080808A2", - "comment": "Прозрачный цвет поверхности/контролла на светлом фоне" - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceTransparentCard": { - "value": "#FFFFFFFF", - "comment": "Прозрачный фон для карточек на светлом фоне" - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Фон поверхности/контрола без заливки на светлом фоне", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#1EB83AFF", - "comment": "Акцентный цвет поверхности/контролла на светлом фоне", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#178C2CFF", - "comment": "Акцентный цвет поверхности/контролла на светлом фоне", - "enabled": false - }, - "surfaceAccent": { - "value": "[general.green.500]", - "comment": "Акцентный цвет поверхности/контролла на светлом фоне", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный промо фон поверхности/контрола с градиентом на светлом фоне", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#1EB83AFF", - "comment": "Цвет успеха на светлом фоне" - }, - "surfacePositiveActive": { - "value": "#178C2CFF", - "comment": "Цвет успеха на светлом фоне" - }, - "surfacePositive": { - "value": "[general.green.500]", - "comment": "Цвет успеха на светлом фоне" - }, - "surfaceWarningHover": { - "value": "#FB782DFF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом" - }, - "surfaceWarningActive": { - "value": "#E65705FF", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом" - }, - "surfaceWarning": { - "value": "[general.orange.500]", - "comment": "Цвет фона поверхности/контрола предупреждение на светлом" - }, - "surfaceNegativeHover": { - "value": "#FF5263FF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegativeActive": { - "value": "#FF142CFF", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceNegative": { - "value": "[general.red.500]", - "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола ошибка на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне", - "enabled": false - }, - "surfaceAccentAthenaHover": { - "value": "#1798EEFF", - "comment": "Акцентный цвет поверхности/контролла Афины на светлом фоне" - }, - "surfaceAccentAthenaActive": { - "value": "#0F81CCFF", - "comment": "Акцентный цвет поверхности/контролла Афины на светлом фоне" - }, - "surfaceAccentAthena": { - "value": "[general.blue.500]", - "comment": "Акцентный цвет поверхности/контролла Афины на светлом фоне" - }, - "surfaceAccentJoyHover": { - "value": "#C275F5FF", - "comment": "Акцентный цвет поверхности/контролла Джой на светлом" - }, - "surfaceAccentJoyActive": { - "value": "#AD45F2FF", - "comment": "Акцентный цвет поверхности/контролла Джой на светлом" - }, - "surfaceAccentJoy": { - "value": "[general.orchid.500]", - "comment": "Акцентный цвет поверхности/контролла Джой на светлом" - }, - "surfaceAccentB2EHover": { - "value": "#1EB83AFF", - "comment": "Акцентный цвет поверхности B2E-ассистента на светлом" - }, - "surfaceAccentB2EActive": { - "value": "#178C2CFF", - "comment": "Акцентный цвет поверхности B2E-ассистента на светлом" - }, - "surfaceAccentB2E": { - "value": "[general.green.500]", - "comment": "Акцентный цвет поверхности B2E-ассистента на светлом" - }, - "surfaceAccentBrandHover": { - "value": "#689CFDFF", - "comment": "Акцентный цвет поверхности/контролла бренда на светлом" - }, - "surfaceAccentBrandActive": { - "value": "#2B74FDFF", - "comment": "Акцентный цвет поверхности/контролла бренда на светлом" - }, - "surfaceAccentBrand": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный цвет поверхности/контролла бренда на светлом" - }, - "surfaceAccentMainHover": { - "value": "#1EB83AFF", - "comment": "Акцентный цвет поверхности/контролла на светлом фоне" - }, - "surfaceAccentMainActive": { - "value": "#178C2CFF", - "comment": "Акцентный цвет поверхности/контролла на светлом фоне" - }, - "surfaceAccentMain": { - "value": "[general.green.500]", - "comment": "Акцентный цвет поверхности/контролла на светлом фоне" - }, - "surfaceGradientMainHover": { - "value": "#FFFFFFFF", - "comment": "" - }, - "surfaceGradientMainActive": { - "value": "#FFFFFFFF", - "comment": "" - }, - "surfaceGradientMain": { - "value": { - "origin": "linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A4D1"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#24B23E", "#00A4D1"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 1, - "y": 0.5 - } - } - }, - "comment": "" - } - }, - "inverse": { - "surfaceSolidPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceSolidCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidCard": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон для карточек", - "enabled": false - }, - "surfaceSolidDefaultHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefaultActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceSolidDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", - "enabled": false - }, - "surfaceTransparentPrimaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiaryActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeepActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentDeep": { - "value": "#FFFFFF", - "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentCardHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCardActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceTransparentCard": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный фон для карточек", - "enabled": false - }, - "surfaceClearHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClearActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceClear": { - "value": "#FFFFFF", - "comment": "Инвертированный фон поверхности/контрола без заливки", - "enabled": false - }, - "surfaceAccentHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола", - "enabled": false - }, - "surfaceAccentMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentAccentGradientHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradientActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола", - "enabled": false - }, - "surfacePromoMinorGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromo": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола", - "enabled": false - }, - "surfaceTransparentPromoGradientHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradientActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfaceTransparentPromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный промо фон поверхности/контрола с градиентом", - "enabled": false - }, - "surfacePositiveHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfacePositiveMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfacePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceWarningMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceNegativeMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола ошибка", - "enabled": false - }, - "surfaceInfoMinorHover": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinorActive": { - "value": "#FFFFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentPositiveHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositiveActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех", - "enabled": false - }, - "surfaceTransparentWarningHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarningActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegativeActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение", - "enabled": false - }, - "surfaceTransparentInfoHover": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfoActive": { - "value": "#FFFFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - }, - "surfaceTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация", - "enabled": false - } - } - }, - "background": { - "default": { - "backgroundPrimary": { - "value": "#F2F2F2", - "comment": "Основной фон" - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон" - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон", - "enabled": false - }, - "backgroundMobileAssistantAthena": { - "value": [ - { - "origin": "linear-gradient(336.9deg, rgba(0, 224, 255, 0.06) 0%, rgba(255, 255, 255, 0) 64.95%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(0, 224, 255, 0.06)", "rgba(255, 255, 255, 0)"], - "locations": [0, 0.65], - "startPoint": { - "x": 0.7, - "y": 0.96 - }, - "endPoint": { - "x": 0.3, - "y": 0.04 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(0, 224, 255, 0.06)", "rgba(255, 255, 255, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 0.5, - "y": 0.2 - }, - "endPoint": { - "x": 0.9, - "y": 1.2 - } - } - }, - { - "origin": "radial-gradient(66.53% 100% at 73.33% 100%, rgba(0, 87, 255, 0.04) 0%, rgba(87, 8, 255, 0.01) 99.69%)", - "swift": { - "kind": "gradient", - "type": ".radial", - "colors": ["rgba(0, 87, 255, 0.04)", "rgba(87, 8, 255, 0.01)"], - "locations": [0, 1], - "startPoint": { - "x": 0.75, - "y": 1 - }, - "endPoint": { - "x": 0.165, - "y": 0 - } - }, - "xml": { - "kind": "gradient", - "type": ".radial", - "colors": ["rgba(0, 87, 255, 0.04)", "rgba(87, 8, 255, 0.01)"], - "locations": [0, 1], - "center": { - "x": 0.66, - "y": 1 - }, - "radius": { - "x": 1, - "y": 1 - } - } - }, - { - "origin": "linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(0, 224, 255, 0.06) 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(255, 255, 255, 0)", "rgba(0, 224, 255, 0.06)"], - "locations": [0.5, 1], - "startPoint": { - "x": 0.5, - "y": 0 - }, - "endPoint": { - "x": 0.5, - "y": 1 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(255, 255, 255, 0)", "rgba(0, 224, 255, 0.06)"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 0, - "y": 1 - } - } - }, - { - "origin": "linear-gradient(270deg, rgba(0, 71, 253, 0.02) 0%, rgba(255, 255, 255, 0) 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(0, 71, 253, 0.02)", "rgba(255, 255, 255, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 1, - "y": 0.5 - }, - "endPoint": { - "x": 0, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(0, 71, 253, 0.02)", "rgba(255, 255, 255, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 1, - "y": 0 - }, - "endPoint": { - "x": 0, - "y": 0 - } - } - }, - { - "origin": "#FFFFFFFF", - "backgroundColor": "#FFFFFFFF" - } - ], - "comment": "Фон Афины на мобиле" - }, - "backgroundMobileAssistantJoy": { - "value": [ - { - "origin": "linear-gradient(336.9deg, rgba(240, 0, 187, 0.03) 0%, rgba(255, 255, 255, 0) 64.95%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(240, 0, 187, 0.03)", "rgba(255, 255, 255, 0)"], - "locations": [0, 0.65], - "startPoint": { - "x": 0.7, - "y": 0.96 - }, - "endPoint": { - "x": 0.3, - "y": 0.04 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["#FFC8030D", "rgba(255, 255, 255, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 0.5, - "y": 0.2 - }, - "endPoint": { - "x": 0.9, - "y": 1.2 - } - } - }, - { - "origin": "radial-gradient(66.53% 100% at 73.33% 100%, rgba(148, 0, 238, 0.02) 0%, rgba(160, 4, 255, 0.01) 99.69%)", - "swift": { - "kind": "gradient", - "type": ".radial", - "colors": ["rgba(148, 0, 238, 0.02)", "rgba(160, 4, 255, 0.01)"], - "locations": [0, 1], - "startPoint": { - "x": 0.75, - "y": 1 - }, - "endPoint": { - "x": 0.165, - "y": 0 - } - }, - "xml": { - "kind": "gradient", - "type": ".radial", - "colors": ["rgba(148, 0, 238, 0.02)", "rgba(160, 4, 255, 0.01)"], - "locations": [0, 1], - "center": { - "x": 0.66, - "y": 1 - }, - "radius": { - "x": 1, - "y": 1 - } - } - }, - { - "origin": "linear-gradient(180.03deg, rgba(255, 255, 255, 0) 50%, rgba(255, 184, 0, 0.04) 99.97%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(255, 255, 255, 0)", "rgba(255, 184, 0, 0.04)"], - "locations": [0.5, 1], - "startPoint": { - "x": 0.5, - "y": 0 - }, - "endPoint": { - "x": 0.5, - "y": 1 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(255, 255, 255, 0)", "rgba(255, 184, 0, 0.04)"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 0, - "y": 1 - } - } - }, - { - "origin": "linear-gradient(270deg, rgba(240, 0, 187, 0.03) 0%, rgba(255, 255, 255, 0) 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(240, 0, 187, 0.03)", "rgba(255, 255, 255, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 1, - "y": 0.5 - }, - "endPoint": { - "x": 0, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(240, 0, 187, 0.03)", "rgba(255, 255, 255, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 1, - "y": 0 - }, - "endPoint": { - "x": 0, - "y": 0 - } - } - }, - { - "origin": "#FFFFFFFF", - "backgroundColor": "#FFFFFFFF" - } - ], - "comment": "Фон Джой на мобиле" - }, - "backgroundMobileAssistantBrand": { - "value": [ - { - "origin": "linear-gradient(336.9deg, rgba(40, 197, 230, 0.06) 0%, rgba(255, 255, 255, 0) 64.95%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(40, 197, 230, 0.06)", "rgba(255, 255, 255, 0)"], - "locations": [0, 0.65], - "startPoint": { - "x": 0.7, - "y": 0.96 - }, - "endPoint": { - "x": 0.3, - "y": 0.04 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(255, 255, 255, 0)", "rgba(40, 197, 230, 0.06)"], - "locations": [0, 1], - "startPoint": { - "x": 0.5, - "y": 0.2 - }, - "endPoint": { - "x": 0.9, - "y": 1.2 - } - } - }, - { - "origin": "radial-gradient(66.53% 100% at 73.33% 100%, rgba(42, 114, 248, 0.04) 0%, rgba(41, 105, 227, 0.01) 99.69%)", - "swift": { - "kind": "gradient", - "type": ".radial", - "colors": ["rgba(42, 114, 248, 0.04)", "rgba(41, 105, 227, 0.01)"], - "locations": [0, 1], - "startPoint": { - "x": 0.75, - "y": 1 - }, - "endPoint": { - "x": 0.165, - "y": 0 - } - }, - "xml": { - "kind": "gradient", - "type": ".radial", - "colors": ["rgba(42, 114, 248, 0.04)", "rgba(41, 105, 227, 0.01)"], - "locations": [0, 1], - "center": { - "x": 0.66, - "y": 1 - }, - "radius": { - "x": 1, - "y": 1 - } - } - }, - { - "origin": "linear-gradient(180.03deg, rgba(42, 114, 248, 0) 50%, rgba(42, 114, 248, 0.04) 99.97%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(42, 114, 248, 0)", "rgba(42, 114, 248, 0.04)"], - "locations": [0.5, 1], - "startPoint": { - "x": 0.5, - "y": 0 - }, - "endPoint": { - "x": 0.5, - "y": 1 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(42, 114, 248, 0)", "rgba(42, 114, 248, 0.04)"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 0, - "y": 1 - } - } - }, - { - "origin": "linear-gradient(269.47deg, rgba(40, 197, 230, 0.03) 0.52%, rgba(255, 255, 255, 0) 99.61%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(40, 197, 230, 0.03)", "rgba(255, 255, 255, 0)"], - "locations": [0.01, 1], - "startPoint": { - "x": 1, - "y": 0.49 - }, - "endPoint": { - "x": 0, - "y": 0.51 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(40, 197, 230, 0.03)", "rgba(255, 255, 255, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 1, - "y": 0 - }, - "endPoint": { - "x": 0, - "y": 0 - } - } - }, - { - "origin": "#FFFFFFFF", - "backgroundColor": "#FFFFFFFF" - } - ], - "comment": "Фоновый градиент бренда на мобиле" - }, - "backgroundModalSheet": { - "value": [ - { - "origin": "linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(1, 182, 255, 0.00) 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(255, 255, 255, 0.00)", "rgba(1, 182, 255, 0.00)"], - "locations": [0, 1], - "startPoint": { - "x": 0.5, - "y": 0 - }, - "endPoint": { - "x": 0.5, - "y": 1 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(255, 255, 255, 0.00)", "rgba(1, 182, 255, 0.00)"], - "locations": [0, 1], - "startPoint": { - "x": 0.5, - "y": 0 - }, - "endPoint": { - "x": 0.5, - "y": 1 - } - } - }, - { - "origin": "#F2F2F2", - "backgroundColor": "#F2F2F2" - } - ], - "comment": "Фон для модальной шторки" - }, - "backgroundMobileAssistantB2E": { - "value": [ - { - "origin": "linear-gradient(336.9deg, rgba(4, 255, 44, 0.02) 0%, rgba(255, 255, 255, 0) 64.95%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(4, 255, 44, 0.02)", "rgba(255, 255, 255, 0)"], - "locations": [0, 0.65], - "startPoint": { - "x": 0.7, - "y": 0.96 - }, - "endPoint": { - "x": 0.3, - "y": 0.04 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(4, 255, 44, 0.02)", "rgba(255, 255, 255, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 0.5, - "y": 0.2 - }, - "endPoint": { - "x": 0.9, - "y": 1.2 - } - } - }, - { - "origin": "radial-gradient(100% 100% at 75.89% 100%, rgba(0, 179, 255, 0.06) 0%, rgba(0, 209, 255, 0.01) 100%)", - "swift": { - "kind": "gradient", - "type": ".radial", - "colors": ["rgba(0, 179, 255, 0.06)", "rgba(0, 209, 255, 0.01)"], - "locations": [0, 1], - "startPoint": { - "x": 0.75, - "y": 1 - }, - "endPoint": { - "x": 0.165, - "y": 0 - } - }, - "xml": { - "kind": "gradient", - "type": ".radial", - "colors": ["rgba(0, 179, 255, 0.06)", "rgba(0, 209, 255, 0.01)"], - "locations": [0, 1], - "center": { - "x": 0.66, - "y": 1 - }, - "radius": { - "x": 1, - "y": 1 - } - } - }, - { - "origin": "linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(0, 251, 59, 0.05) 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(255, 255, 255, 0)", "rgba(0, 251, 59, 0.05)"], - "locations": [0.5, 1], - "startPoint": { - "x": 0.5, - "y": 0 - }, - "endPoint": { - "x": 0.5, - "y": 1 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(255, 255, 255, 0)", "rgba(0, 251, 59, 0.05)"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 0, - "y": 1 - } - } - }, - { - "origin": "linear-gradient(270deg, rgba(6, 195, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(6, 195, 255, 0.05)", "rgba(255, 255, 255, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 1, - "y": 0.5 - }, - "endPoint": { - "x": 0, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(6, 195, 255, 0.05)", "rgba(255, 255, 255, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 1, - "y": 0 - }, - "endPoint": { - "x": 0, - "y": 0 - } - } - }, - { - "origin": "#FFFFFFFF", - "backgroundColor": "#FFFFFFFF" - } - ], - "comment": "Фоновый градиент B2E-ассистента на мобиле" - }, - "backgroundMobileAssistantMain": { - "value": [ - { - "origin": "linear-gradient(336.9deg, rgba(4, 255, 44, 0.02) 0%, rgba(255, 255, 255, 0) 64.95%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(4, 255, 44, 0.02)", "rgba(255, 255, 255, 0)"], - "locations": [0, 0.65], - "startPoint": { - "x": 0.7, - "y": 0.96 - }, - "endPoint": { - "x": 0.3, - "y": 0.04 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(4, 255, 44, 0.02)", "rgba(255, 255, 255, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 0.5, - "y": 0.2 - }, - "endPoint": { - "x": 0.9, - "y": 1.2 - } - } - }, - { - "origin": "radial-gradient(100% 100% at 75.89% 100%, rgba(0, 179, 255, 0.06) 0%, rgba(0, 209, 255, 0.01) 100%)", - "swift": { - "kind": "gradient", - "type": ".radial", - "colors": ["rgba(0, 179, 255, 0.06)", "rgba(0, 209, 255, 0.01)"], - "locations": [0, 1], - "startPoint": { - "x": 0.75, - "y": 1 - }, - "endPoint": { - "x": 0.165, - "y": 0 - } - }, - "xml": { - "kind": "gradient", - "type": ".radial", - "colors": ["rgba(0, 179, 255, 0.06)", "rgba(0, 209, 255, 0.01)"], - "locations": [0, 1], - "center": { - "x": 0.66, - "y": 1 - }, - "radius": { - "x": 1, - "y": 1 - } - } - }, - { - "origin": "linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(0, 251, 59, 0.05) 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(255, 255, 255, 0)", "rgba(0, 251, 59, 0.05)"], - "locations": [0.5, 1], - "startPoint": { - "x": 0.5, - "y": 0 - }, - "endPoint": { - "x": 0.5, - "y": 1 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(255, 255, 255, 0)", "rgba(0, 251, 59, 0.05)"], - "locations": [0, 1], - "startPoint": { - "x": 0, - "y": 0.5 - }, - "endPoint": { - "x": 0, - "y": 1 - } - } - }, - { - "origin": "linear-gradient(270deg, rgba(6, 195, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%)", - "swift": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(6, 195, 255, 0.05)", "rgba(255, 255, 255, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 1, - "y": 0.5 - }, - "endPoint": { - "x": 0, - "y": 0.5 - } - }, - "xml": { - "kind": "gradient", - "type": ".linear", - "colors": ["rgba(6, 195, 255, 0.05)", "rgba(255, 255, 255, 0)"], - "locations": [0, 1], - "startPoint": { - "x": 1, - "y": 0 - }, - "endPoint": { - "x": 0, - "y": 0 - } - } - }, - { - "origin": "#FFFFFFFF", - "backgroundColor": "#FFFFFFFF" - } - ], - "comment": "Фон ассистента на мобиле" - } - }, - "dark": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на темном фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на темном фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на темном фоне", - "enabled": false - } - }, - "light": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Основной фон на светлом фоне", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный фон на светлом фоне", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Третичный фон на светлом фоне", - "enabled": false - } - }, - "inverse": { - "backgroundPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной фон", - "enabled": false - }, - "backgroundSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный фон", - "enabled": false - }, - "backgroundTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный фон", - "enabled": false - } - } - }, - "overlay": { - "default": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый", - "enabled": false - } - }, - "onDark": { - "overlaySoft": { - "value": "rgba(0, 0, 0, 0.56)", - "comment": "Цвет фона паранжи светлый на темном фоне" - }, - "overlayHard": { - "value": "#000000EB", - "comment": "Цвет фона паранжи темный на темном фоне" - }, - "overlayBlur": { - "value": "#26262647", - "comment": "Оверлей с блюром" - } - }, - "onLight": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи светлый на светлом фоне", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи темный на светлом фоне", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Цвет фона паранжи размытый на светлом фоне", - "enabled": false - } - }, - "inverse": { - "overlaySoft": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи светлый", - "enabled": false - }, - "overlayHard": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи темный", - "enabled": false - }, - "overlayBlur": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет фона паранжи размытый", - "enabled": false - } - } - }, - "outline": { - "default": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация", - "enabled": false - } - }, - "onDark": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на темном фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на темном фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на темном фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на темном фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на темном фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на темном фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на темном фоне", - "enabled": false - } - }, - "onLight": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Основной непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Третичный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки по умолчанию на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Основной прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Вторичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Третичный прозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Бесцветная обводка на светлом фоне", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Акцентный минорный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный акцентный цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Минорный промо цвет обводки с градиентом на светлом фоне", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки ошибка на светлом фоне", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Минорный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки успех на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки предупреждение на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный цвет обводки информация на светлом фоне", - "enabled": false - } - }, - "inverse": { - "outlineSolidPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineSolidTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный непрозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentDefaultHover": { - "value": "#000000FF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefaultActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentDefault": { - "value": "#FFFFFF", - "comment": "Инвертированный прозрачный цвет обводки по умолчанию", - "enabled": false - }, - "outlineTransparentPrimaryHover": { - "value": "#000000FF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentPrimary": { - "value": "#FFFFFF", - "comment": "Инвертированный основной прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryHover": { - "value": "#000000FF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentSecondary": { - "value": "#FFFFFF", - "comment": "Инвертированный вторичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryHover": { - "value": "#000000FF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiaryActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineTransparentTertiary": { - "value": "#FFFFFF", - "comment": "Инвертированный третичный прозрачный цвет обводки", - "enabled": false - }, - "outlineClearHover": { - "value": "#000000FF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClearActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineClear": { - "value": "#FFFFFF", - "comment": "Инвертированная бесцветная обводка", - "enabled": false - }, - "outlineAccentHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccent": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineAccentGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки", - "enabled": false - }, - "outlineAccentMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineAccentMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный акцентный минорный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccent": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки", - "enabled": false - }, - "outlineTransparentAccentGradientHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradientActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlineTransparentAccentGradient": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный акцентный цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromo": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки", - "enabled": false - }, - "outlinePromoGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки", - "enabled": false - }, - "outlinePromoMinorGradientHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradientActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePromoMinorGradient": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный промо цвет обводки с градиентом", - "enabled": false - }, - "outlinePositiveHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositiveActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlinePositive": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки успех", - "enabled": false - }, - "outlineWarningHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarning": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineNegative": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoHover": { - "value": "#000000FF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfoActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlineInfo": { - "value": "#FFFFFF", - "comment": "Инвертированный цвет обводки информация", - "enabled": false - }, - "outlinePositiveMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlinePositiveMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки успех", - "enabled": false - }, - "outlineWarningMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineWarningMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки предупреждение", - "enabled": false - }, - "outlineNegativeMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineNegativeMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки ошибка", - "enabled": false - }, - "outlineInfoMinorHover": { - "value": "#000000FF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinorActive": { - "value": "#CCCCCCFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineInfoMinor": { - "value": "#FFFFFF", - "comment": "Инвертированный минорный цвет обводки информация", - "enabled": false - }, - "outlineTransparentPositiveHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositiveActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentPositive": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки успех", - "enabled": false - }, - "outlineTransparentWarningHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarningActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentWarning": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegativeActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentNegative": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки предупреждение", - "enabled": false - }, - "outlineTransparentInfoHover": { - "value": "#000000FF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfoActive": { - "value": "#CCCCCCFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - }, - "outlineTransparentInfo": { - "value": "#FFFFFF", - "comment": "Прозрачный инвертированный цвет обводки информация", - "enabled": false - } - } - } - } -} diff --git a/packages/themes/data-themes/src/creators/createCSSStyles.ts b/packages/themes/data-themes/src/creators/createCSSStyles.ts deleted file mode 100644 index 46e46a0154..0000000000 --- a/packages/themes/data-themes/src/creators/createCSSStyles.ts +++ /dev/null @@ -1,24 +0,0 @@ -import path from 'path'; -import { - writeGeneratedToFS, - ThemeTokenDataGroups, - getThemeContent, - generateThemesCSSFromContent, -} from '@salutejs/plasma-tokens-utils'; -import type { CreateVariablesByArcheTypeProps } from '@salutejs/plasma-typo'; - -export const createCSSStyles = ( - srcDir: string, - themeTokens: Record<string, ThemeTokenDataGroups>, - typoTokens: CreateVariablesByArcheTypeProps, -) => { - const themesDir = path.join(srcDir, 'css'); - const withKebabCase = true; - const withDesignPrefix = true; - const ROBO_COMMENT = '/* Generated by robots, do not change this manually! */\n'; - - const content = getThemeContent(themeTokens, typoTokens, undefined, withKebabCase, withDesignPrefix); - const result = generateThemesCSSFromContent(content); - - writeGeneratedToFS(themesDir, result, ROBO_COMMENT); -}; diff --git a/packages/themes/data-themes/src/creators/createDefaultTokens.ts b/packages/themes/data-themes/src/creators/createDefaultTokens.ts deleted file mode 100644 index 08ab55639e..0000000000 --- a/packages/themes/data-themes/src/creators/createDefaultTokens.ts +++ /dev/null @@ -1,58 +0,0 @@ -import fs from 'fs'; -import path from 'path'; -import { generateTokenSet, writeGeneratedToFS, ThemeTokenDataGroups } from '@salutejs/plasma-tokens-utils'; - -const typoMixins = `export { - dsplL, - dsplLBold, - dsplM, - dsplMBold, - dsplS, - dsplSBold, - h1, - h1Bold, - h2, - h2Bold, - h3, - h3Bold, - h4, - h4Bold, - h5, - h5Bold, - bodyL, - bodyLBold, - bodyM, - bodyMBold, - bodyS, - bodySBold, - bodyXS, - bodyXSBold, - bodyXXS, - bodyXXSBold, - textL, - textLBold, - textM, - textMBold, - textS, - textSBold, - textXS, - textXSBold, -} from '@salutejs/plasma-typo';`; - -export const createDefaultTokens = (srcDir: string, defaultTheme: ThemeTokenDataGroups) => { - const brandsDir = path.join(srcDir, 'tokens'); - fs.existsSync(brandsDir) || fs.mkdirSync(brandsDir); - - const { shadow, color, borderRadius } = defaultTheme; - - writeGeneratedToFS(brandsDir, [ - { - file: 'index.ts', - content: `${generateTokenSet({ tokens: color, type: 'css', mode: 'color' })}\n${generateTokenSet({ - tokens: shadow, - type: 'css', - mode: 'shadow', - })}\n${generateTokenSet({ tokens: borderRadius, type: 'css', mode: 'borderRadius' })}\n${typoMixins}`, - }, - ]); -}; diff --git a/packages/themes/data-themes/src/creators/createThemes.ts b/packages/themes/data-themes/src/creators/createThemes.ts deleted file mode 100644 index 03c9549b97..0000000000 --- a/packages/themes/data-themes/src/creators/createThemes.ts +++ /dev/null @@ -1,23 +0,0 @@ -import path from 'path'; -import { - writeGeneratedToFS, - ThemeTokenDataGroups, - getThemeContent, - generateThemesFromContent, -} from '@salutejs/plasma-tokens-utils'; -import type { CreateVariablesByArcheTypeProps } from '@salutejs/plasma-typo'; - -export const createThemes = ( - srcDir: string, - themeTokens: Record<string, ThemeTokenDataGroups>, - typoTokens: CreateVariablesByArcheTypeProps, -) => { - const themesDir = path.join(srcDir, 'themes'); - const withKebabCase = true; - const withDesignPrefix = true; - - const content = getThemeContent(themeTokens, typoTokens, undefined, withKebabCase, withDesignPrefix); - const result = generateThemesFromContent(content); - - writeGeneratedToFS(themesDir, result); -}; diff --git a/packages/themes/data-themes/src/creators/createTokens.ts b/packages/themes/data-themes/src/creators/createTokens.ts deleted file mode 100644 index 4914e8b750..0000000000 --- a/packages/themes/data-themes/src/creators/createTokens.ts +++ /dev/null @@ -1,38 +0,0 @@ -import fs from 'fs'; -import path from 'path'; -import { - generateTokenSet, - writeGeneratedToFS, - lowerFirstLetter, - ThemeTokenDataGroups, -} from '@salutejs/plasma-tokens-utils'; - -export const createTokens = (srcDir: string, themesTokens: Record<string, ThemeTokenDataGroups>) => { - const fixedThemeType = '__dark'; - const brandsDir = path.join(srcDir, 'tokens'); - fs.existsSync(brandsDir) || fs.mkdirSync(brandsDir); - - Object.keys(themesTokens) - .filter((brand) => brand.endsWith(fixedThemeType)) - .forEach((brand) => { - const themeName = lowerFirstLetter(brand.replace(fixedThemeType, '')); - const brandDir = path.join(brandsDir, themeName); - - const { shadow, color, borderRadius, spacing } = themesTokens[brand]; - - writeGeneratedToFS(brandDir, [ - { - file: 'index.ts', - content: `${generateTokenSet({ tokens: color, type: 'css', mode: 'color' })}\n${generateTokenSet({ - tokens: shadow, - type: 'css', - mode: 'shadow', - })}\n${generateTokenSet({ - tokens: borderRadius, - type: 'css', - mode: 'borderRadius', - })}\n${generateTokenSet({ tokens: spacing, type: 'css', mode: 'spacing' })}`, - }, - ]); - }); -}; diff --git a/packages/themes/data-themes/src/creators/index.ts b/packages/themes/data-themes/src/creators/index.ts deleted file mode 100644 index 407df0187e..0000000000 --- a/packages/themes/data-themes/src/creators/index.ts +++ /dev/null @@ -1,5 +0,0 @@ -export { createRootIndex } from './createRootIndex'; -export { createThemes } from './createThemes'; -export { createTokens } from './createTokens'; -export { createDefaultTokens } from './createDefaultTokens'; -export { createCSSStyles } from './createCSSStyles'; diff --git a/packages/themes/data-themes/src/generate.ts b/packages/themes/data-themes/src/generate.ts deleted file mode 100644 index 4ca038a12e..0000000000 --- a/packages/themes/data-themes/src/generate.ts +++ /dev/null @@ -1,55 +0,0 @@ -import fs from 'fs'; -import path from 'path'; -import { generateThemesTokenDataGroups, getThemesTokensFallback } from '@salutejs/plasma-tokens-utils'; -import { - mageTypoObject, - plasmaTypoObject, - rulerTypoObject, - sageTypoObject, - sbermarketTypoObject, - soulmateTypoObject, -} from '@salutejs/plasma-typo'; - -import { createRootIndex, createThemes, createTokens, createDefaultTokens, createCSSStyles } from './creators'; - -const typoArchetypes = { - mage: mageTypoObject, - sage: sageTypoObject, - soulmate: soulmateTypoObject, - ruler: rulerTypoObject, - plasma: plasmaTypoObject, - sbermarket: sbermarketTypoObject, -}; - -export const generate = (themeNames: string[], archetype: keyof typeof typoArchetypes) => { - // Генерация токенов для кастомных тем из data/themes - const themesTokenDataGroups = generateThemesTokenDataGroups(path.join(__dirname, '../../data/themes'), themeNames); - // Добавляем старые токены для обратной совместимости - const themesTokensSet = getThemesTokensFallback(themesTokenDataGroups, false); - - const { default__dark, default__light, ...themesTokensFallback } = themesTokensSet; - - const outDir = 'src'; - fs.existsSync(outDir) || fs.mkdirSync(outDir); - - /** ========================================================= **/ - /** ================== Генерация index.ts =================== **/ - /** ========================================================= **/ - createRootIndex(outDir); - /** ========================================================= **/ - /** ==================== Генерация тем ====================== **/ - /** ========================================================= **/ - createThemes(outDir, themesTokensFallback, typoArchetypes[archetype]); - /** ========================================================= **/ - /** ================== Генерация css стилей ================= **/ - /** ========================================================= **/ - createCSSStyles(outDir, themesTokensFallback, typoArchetypes[archetype]); - /** ========================================================= **/ - /** ====== Генерация токенов, на основе созданных схем ====== **/ - /** ========================================================= **/ - createTokens(outDir, themesTokensFallback); - /** ========================================================= **/ - /** ====+== Генерация токенов, на основе базовой схемы ====== **/ - /** ========================================================= **/ - createDefaultTokens(outDir, default__light); -}; diff --git a/packages/themes/flamingo-themes/lib/index.ts b/packages/themes/flamingo-themes/lib/index.ts index ca94a6e210..0cf832c4ae 100644 --- a/packages/themes/flamingo-themes/lib/index.ts +++ b/packages/themes/flamingo-themes/lib/index.ts @@ -1,3 +1,8 @@ -import { generate } from '@salutejs/data-themes'; +import { generate } from '@salutejs/core-themes'; -generate(['flamingo'], 'mage'); +generate([ + { + name: 'flamingo', + version: 'latest', + }, +]); diff --git a/packages/themes/flamingo-themes/package-lock.json b/packages/themes/flamingo-themes/package-lock.json index 0dc97dbabe..8b7d341f47 100644 --- a/packages/themes/flamingo-themes/package-lock.json +++ b/packages/themes/flamingo-themes/package-lock.json @@ -1,200 +1,20 @@ { "name": "@salutejs/flamingo-themes", - "version": "0.12.0", + "version": "0.13.0-dev.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@salutejs/flamingo-themes", - "version": "0.12.0", + "version": "0.13.0-dev.0", "license": "MIT", - "dependencies": { - "@salutejs/plasma-typo": "0.40.0", - "styled-components": "5.3.1" - }, "devDependencies": { - "@salutejs/data-themes": "0.11.0", + "@salutejs/core-themes": "0.12.0-dev.0", "@types/node": "16.7.13", "ts-node": "10.2.1", "typescript": "4.2.4" } }, - "node_modules/@babel/code-frame": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.4.tgz", - "integrity": "sha512-r1IONyb6Ia+jYR2vvIDhdWdlTGhqbBoFqLTQidzZ4kepUFH15ejXvFHxCVbtl7BOXIudsIubf4E81xeA3h3IXA==", - "dependencies": { - "@babel/highlight": "^7.23.4", - "chalk": "^2.4.2" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/generator": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.4.tgz", - "integrity": "sha512-esuS49Cga3HcThFNebGhlgsrVLkvhqvYDTzgjfFFlHJcIfLe5jFmRRfCQ1KuBfc4Jrtn3ndLgKWAKjBE+IraYQ==", - "dependencies": { - "@babel/types": "^7.23.4", - "@jridgewell/gen-mapping": "^0.3.2", - "@jridgewell/trace-mapping": "^0.3.17", - "jsesc": "^2.5.1" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-annotate-as-pure": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz", - "integrity": "sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==", - "dependencies": { - "@babel/types": "^7.18.6" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-environment-visitor": { - "version": "7.22.20", - "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz", - "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==", - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-function-name": { - "version": "7.23.0", - "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz", - "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==", - "dependencies": { - "@babel/template": "^7.22.15", - "@babel/types": "^7.23.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-hoist-variables": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz", - "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==", - "dependencies": { - "@babel/types": "^7.22.5" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-module-imports": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz", - "integrity": "sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==", - "dependencies": { - "@babel/types": "^7.18.6" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-split-export-declaration": { - "version": "7.22.6", - "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz", - "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==", - "dependencies": { - "@babel/types": "^7.22.5" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-string-parser": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz", - "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==", - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-validator-identifier": { - "version": "7.22.20", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz", - "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==", - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/highlight": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz", - "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==", - "dependencies": { - "@babel/helper-validator-identifier": "^7.22.20", - "chalk": "^2.4.2", - "js-tokens": "^4.0.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/parser": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.4.tgz", - "integrity": "sha512-vf3Xna6UEprW+7t6EtOmFpHNAuxw3xqPZghy+brsnusscJRW5BMUzzHZc5ICjULee81WeUV2jjakG09MDglJXQ==", - "bin": { - "parser": "bin/babel-parser.js" - }, - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@babel/template": { - "version": "7.22.15", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz", - "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==", - "dependencies": { - "@babel/code-frame": "^7.22.13", - "@babel/parser": "^7.22.15", - "@babel/types": "^7.22.15" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/traverse": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.4.tgz", - "integrity": "sha512-IYM8wSUwunWTB6tFC2dkKZhxbIjHoWemdK+3f8/wq8aKhbUscxD5MX72ubd90fxvFknaLPeGw5ycU84V1obHJg==", - "dependencies": { - "@babel/code-frame": "^7.23.4", - "@babel/generator": "^7.23.4", - "@babel/helper-environment-visitor": "^7.22.20", - "@babel/helper-function-name": "^7.23.0", - "@babel/helper-hoist-variables": "^7.22.5", - "@babel/helper-split-export-declaration": "^7.22.6", - "@babel/parser": "^7.23.4", - "@babel/types": "^7.23.4", - "debug": "^4.1.0", - "globals": "^11.1.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/types": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.4.tgz", - "integrity": "sha512-7uIFwVYpoplT5jp/kVv6EF93VaJ8H+Yn5IczYiaAi98ajzjfoZfslet/e0sLh+wVBjb2qqIut1b0S26VSafsSQ==", - "dependencies": { - "@babel/helper-string-parser": "^7.23.4", - "@babel/helper-validator-identifier": "^7.22.20", - "to-fast-properties": "^2.0.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, "node_modules/@cspotcode/source-map-consumer": { "version": "0.8.0", "resolved": "https://registry.npmjs.org/@cspotcode/source-map-consumer/-/source-map-consumer-0.8.0.tgz", @@ -216,88 +36,12 @@ "node": ">=12" } }, - "node_modules/@emotion/is-prop-valid": { - "version": "0.8.8", - "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", - "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==", - "dependencies": { - "@emotion/memoize": "0.7.4" - } - }, - "node_modules/@emotion/memoize": { - "version": "0.7.4", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", - "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==" - }, - "node_modules/@emotion/stylis": { - "version": "0.8.5", - "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", - "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==" - }, - "node_modules/@emotion/unitless": { - "version": "0.7.5", - "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", - "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" - }, - "node_modules/@jridgewell/gen-mapping": { - "version": "0.3.3", - "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", - "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==", - "dependencies": { - "@jridgewell/set-array": "^1.0.1", - "@jridgewell/sourcemap-codec": "^1.4.10", - "@jridgewell/trace-mapping": "^0.3.9" - }, - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@jridgewell/resolve-uri": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz", - "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==", - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@jridgewell/set-array": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", - "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@jridgewell/sourcemap-codec": { - "version": "1.4.15", - "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", - "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==" - }, - "node_modules/@jridgewell/trace-mapping": { - "version": "0.3.20", - "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz", - "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==", - "dependencies": { - "@jridgewell/resolve-uri": "^3.1.0", - "@jridgewell/sourcemap-codec": "^1.4.14" - } - }, - "node_modules/@salutejs/data-themes": { - "version": "0.11.0", - "resolved": "https://registry.npmjs.org/@salutejs/data-themes/-/data-themes-0.11.0.tgz", - "integrity": "sha512-thx8Mmxu1vpe70vhYh6rgIYJpkSSYQOmb1ilLcurfCbwT92wM7KMwpsH1Kd9fPMJ5gOi6SP4HBv2d2dWF4bdqQ==", + "node_modules/@salutejs/core-themes": { + "version": "0.12.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/core-themes/-/core-themes-0.12.0-dev.0.tgz", + "integrity": "sha512-4WCxFt222gIWwWVIcDRbSJbaZJGgXGkvH3LNb2xoq9DU502h+U3DNlubMYY4grjopZMgCDSesYNNrLgRNHpQlA==", "dev": true }, - "node_modules/@salutejs/plasma-typo": { - "version": "0.40.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-typo/-/plasma-typo-0.40.0.tgz", - "integrity": "sha512-wjIJwHb/N5wFyTwTKt4bimt0UpM0/TS3ZsKtJVBS5foqxxJFgv32Ma75RCnnqol38M+KHDa6Lrnu2po0jiicow==", - "peerDependencies": { - "react": ">=16.13.1", - "react-dom": ">=16.13.1", - "styled-components": "^5.1.1" - } - }, "node_modules/@tsconfig/node10": { "version": "1.0.8", "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.8.tgz", @@ -340,116 +84,17 @@ "node": ">=0.4.0" } }, - "node_modules/ansi-styles": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", - "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "dependencies": { - "color-convert": "^1.9.0" - }, - "engines": { - "node": ">=4" - } - }, "node_modules/arg": { "version": "4.1.3", "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==", "dev": true }, - "node_modules/babel-plugin-styled-components": { - "version": "2.0.7", - "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.7.tgz", - "integrity": "sha512-i7YhvPgVqRKfoQ66toiZ06jPNA3p6ierpfUuEWxNF+fV27Uv5gxBkf8KZLHUCc1nFA9j6+80pYoIpqCeyW3/bA==", - "dependencies": { - "@babel/helper-annotate-as-pure": "^7.16.0", - "@babel/helper-module-imports": "^7.16.0", - "babel-plugin-syntax-jsx": "^6.18.0", - "lodash": "^4.17.11", - "picomatch": "^2.3.0" - }, - "peerDependencies": { - "styled-components": ">= 2" - } - }, - "node_modules/babel-plugin-syntax-jsx": { - "version": "6.18.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", - "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==" - }, - "node_modules/camelize": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", - "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==", - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, - "node_modules/chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "dependencies": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "dependencies": { - "color-name": "1.1.3" - } - }, - "node_modules/color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==" - }, "node_modules/create-require": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz", "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==", "dev": true }, - "node_modules/css-color-keywords": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", - "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==", - "engines": { - "node": ">=4" - } - }, - "node_modules/css-to-react-native": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.0.0.tgz", - "integrity": "sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==", - "dependencies": { - "camelize": "^1.0.0", - "css-color-keywords": "^1.0.0", - "postcss-value-parser": "^4.0.2" - } - }, - "node_modules/debug": { - "version": "4.3.2", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.2.tgz", - "integrity": "sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==", - "dependencies": { - "ms": "2.1.2" - }, - "engines": { - "node": ">=6.0" - }, - "peerDependenciesMeta": { - "supports-color": { - "optional": true - } - } - }, "node_modules/diff": { "version": "4.0.2", "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==", @@ -458,143 +103,11 @@ "node": ">=0.3.1" } }, - "node_modules/escape-string-regexp": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", - "engines": { - "node": ">=0.8.0" - } - }, - "node_modules/globals": { - "version": "11.12.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", - "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", - "engines": { - "node": ">=4" - } - }, - "node_modules/has-flag": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", - "engines": { - "node": ">=4" - } - }, - "node_modules/hoist-non-react-statics": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", - "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", - "dependencies": { - "react-is": "^16.7.0" - } - }, - "node_modules/js-tokens": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" - }, - "node_modules/jsesc": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", - "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", - "bin": { - "jsesc": "bin/jsesc" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/lodash": { - "version": "4.17.21", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", - "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" - }, "node_modules/make-error": { "version": "1.3.6", "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==", "dev": true }, - "node_modules/ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" - }, - "node_modules/picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "engines": { - "node": ">=8.6" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } - }, - "node_modules/postcss-value-parser": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==" - }, - "node_modules/react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" - }, - "node_modules/shallowequal": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", - "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" - }, - "node_modules/styled-components": { - "version": "5.3.1", - "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.1.tgz", - "integrity": "sha512-JThv2JRzyH0NOIURrk9iskdxMSAAtCfj/b2Sf1WJaCUsloQkblepy1jaCLX/bYE+mhYo3unmwVSI9I5d9ncSiQ==", - "dependencies": { - "@babel/helper-module-imports": "^7.0.0", - "@babel/traverse": "^7.4.5", - "@emotion/is-prop-valid": "^0.8.8", - "@emotion/stylis": "^0.8.4", - "@emotion/unitless": "^0.7.4", - "babel-plugin-styled-components": ">= 1.12.0", - "css-to-react-native": "^3.0.0", - "hoist-non-react-statics": "^3.0.0", - "shallowequal": "^1.1.0", - "supports-color": "^5.5.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/styled-components" - }, - "peerDependencies": { - "react": ">= 16.8.0", - "react-dom": ">= 16.8.0", - "react-is": ">= 16.8.0" - } - }, - "node_modules/supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dependencies": { - "has-flag": "^3.0.0" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/to-fast-properties": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", - "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", - "engines": { - "node": ">=4" - } - }, "node_modules/ts-node": { "version": "10.2.1", "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.2.1.tgz", @@ -671,134 +184,6 @@ } }, "dependencies": { - "@babel/code-frame": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.4.tgz", - "integrity": "sha512-r1IONyb6Ia+jYR2vvIDhdWdlTGhqbBoFqLTQidzZ4kepUFH15ejXvFHxCVbtl7BOXIudsIubf4E81xeA3h3IXA==", - "requires": { - "@babel/highlight": "^7.23.4", - "chalk": "^2.4.2" - } - }, - "@babel/generator": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.4.tgz", - "integrity": "sha512-esuS49Cga3HcThFNebGhlgsrVLkvhqvYDTzgjfFFlHJcIfLe5jFmRRfCQ1KuBfc4Jrtn3ndLgKWAKjBE+IraYQ==", - "requires": { - "@babel/types": "^7.23.4", - "@jridgewell/gen-mapping": "^0.3.2", - "@jridgewell/trace-mapping": "^0.3.17", - "jsesc": "^2.5.1" - } - }, - "@babel/helper-annotate-as-pure": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz", - "integrity": "sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==", - "requires": { - "@babel/types": "^7.18.6" - } - }, - "@babel/helper-environment-visitor": { - "version": "7.22.20", - "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz", - "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==" - }, - "@babel/helper-function-name": { - "version": "7.23.0", - "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz", - "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==", - "requires": { - "@babel/template": "^7.22.15", - "@babel/types": "^7.23.0" - } - }, - "@babel/helper-hoist-variables": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz", - "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==", - "requires": { - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-module-imports": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz", - "integrity": "sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==", - "requires": { - "@babel/types": "^7.18.6" - } - }, - "@babel/helper-split-export-declaration": { - "version": "7.22.6", - "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz", - "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==", - "requires": { - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-string-parser": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz", - "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==" - }, - "@babel/helper-validator-identifier": { - "version": "7.22.20", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz", - "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==" - }, - "@babel/highlight": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz", - "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==", - "requires": { - "@babel/helper-validator-identifier": "^7.22.20", - "chalk": "^2.4.2", - "js-tokens": "^4.0.0" - } - }, - "@babel/parser": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.4.tgz", - "integrity": "sha512-vf3Xna6UEprW+7t6EtOmFpHNAuxw3xqPZghy+brsnusscJRW5BMUzzHZc5ICjULee81WeUV2jjakG09MDglJXQ==" - }, - "@babel/template": { - "version": "7.22.15", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz", - "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==", - "requires": { - "@babel/code-frame": "^7.22.13", - "@babel/parser": "^7.22.15", - "@babel/types": "^7.22.15" - } - }, - "@babel/traverse": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.4.tgz", - "integrity": "sha512-IYM8wSUwunWTB6tFC2dkKZhxbIjHoWemdK+3f8/wq8aKhbUscxD5MX72ubd90fxvFknaLPeGw5ycU84V1obHJg==", - "requires": { - "@babel/code-frame": "^7.23.4", - "@babel/generator": "^7.23.4", - "@babel/helper-environment-visitor": "^7.22.20", - "@babel/helper-function-name": "^7.23.0", - "@babel/helper-hoist-variables": "^7.22.5", - "@babel/helper-split-export-declaration": "^7.22.6", - "@babel/parser": "^7.23.4", - "@babel/types": "^7.23.4", - "debug": "^4.1.0", - "globals": "^11.1.0" - } - }, - "@babel/types": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.4.tgz", - "integrity": "sha512-7uIFwVYpoplT5jp/kVv6EF93VaJ8H+Yn5IczYiaAi98ajzjfoZfslet/e0sLh+wVBjb2qqIut1b0S26VSafsSQ==", - "requires": { - "@babel/helper-string-parser": "^7.23.4", - "@babel/helper-validator-identifier": "^7.22.20", - "to-fast-properties": "^2.0.0" - } - }, "@cspotcode/source-map-consumer": { "version": "0.8.0", "resolved": "https://registry.npmjs.org/@cspotcode/source-map-consumer/-/source-map-consumer-0.8.0.tgz", @@ -814,74 +199,12 @@ "@cspotcode/source-map-consumer": "0.8.0" } }, - "@emotion/is-prop-valid": { - "version": "0.8.8", - "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", - "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==", - "requires": { - "@emotion/memoize": "0.7.4" - } - }, - "@emotion/memoize": { - "version": "0.7.4", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", - "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==" - }, - "@emotion/stylis": { - "version": "0.8.5", - "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", - "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==" - }, - "@emotion/unitless": { - "version": "0.7.5", - "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", - "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" - }, - "@jridgewell/gen-mapping": { - "version": "0.3.3", - "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", - "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==", - "requires": { - "@jridgewell/set-array": "^1.0.1", - "@jridgewell/sourcemap-codec": "^1.4.10", - "@jridgewell/trace-mapping": "^0.3.9" - } - }, - "@jridgewell/resolve-uri": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz", - "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==" - }, - "@jridgewell/set-array": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", - "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==" - }, - "@jridgewell/sourcemap-codec": { - "version": "1.4.15", - "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", - "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==" - }, - "@jridgewell/trace-mapping": { - "version": "0.3.20", - "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz", - "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==", - "requires": { - "@jridgewell/resolve-uri": "^3.1.0", - "@jridgewell/sourcemap-codec": "^1.4.14" - } - }, - "@salutejs/data-themes": { - "version": "0.11.0", - "resolved": "https://registry.npmjs.org/@salutejs/data-themes/-/data-themes-0.11.0.tgz", - "integrity": "sha512-thx8Mmxu1vpe70vhYh6rgIYJpkSSYQOmb1ilLcurfCbwT92wM7KMwpsH1Kd9fPMJ5gOi6SP4HBv2d2dWF4bdqQ==", + "@salutejs/core-themes": { + "version": "0.12.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/core-themes/-/core-themes-0.12.0-dev.0.tgz", + "integrity": "sha512-4WCxFt222gIWwWVIcDRbSJbaZJGgXGkvH3LNb2xoq9DU502h+U3DNlubMYY4grjopZMgCDSesYNNrLgRNHpQlA==", "dev": true }, - "@salutejs/plasma-typo": { - "version": "0.40.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-typo/-/plasma-typo-0.40.0.tgz", - "integrity": "sha512-wjIJwHb/N5wFyTwTKt4bimt0UpM0/TS3ZsKtJVBS5foqxxJFgv32Ma75RCnnqol38M+KHDa6Lrnu2po0jiicow==" - }, "@tsconfig/node10": { "version": "1.0.8", "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.8.tgz", @@ -918,196 +241,27 @@ "integrity": "sha512-asabaBSkEKosYKMITunzX177CXxQ4Q8BSSzMTKD+FefUhipQC70gfW5SiUDhYQ3vk8G+81HqQk7Fv9OXwwn9KA==", "dev": true }, - "ansi-styles": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", - "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "requires": { - "color-convert": "^1.9.0" - } - }, "arg": { "version": "4.1.3", "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==", "dev": true }, - "babel-plugin-styled-components": { - "version": "2.0.7", - "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.7.tgz", - "integrity": "sha512-i7YhvPgVqRKfoQ66toiZ06jPNA3p6ierpfUuEWxNF+fV27Uv5gxBkf8KZLHUCc1nFA9j6+80pYoIpqCeyW3/bA==", - "requires": { - "@babel/helper-annotate-as-pure": "^7.16.0", - "@babel/helper-module-imports": "^7.16.0", - "babel-plugin-syntax-jsx": "^6.18.0", - "lodash": "^4.17.11", - "picomatch": "^2.3.0" - } - }, - "babel-plugin-syntax-jsx": { - "version": "6.18.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", - "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==" - }, - "camelize": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", - "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==" - }, - "chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - } - }, - "color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "requires": { - "color-name": "1.1.3" - } - }, - "color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==" - }, "create-require": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz", "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==", "dev": true }, - "css-color-keywords": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", - "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==" - }, - "css-to-react-native": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.0.0.tgz", - "integrity": "sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==", - "requires": { - "camelize": "^1.0.0", - "css-color-keywords": "^1.0.0", - "postcss-value-parser": "^4.0.2" - } - }, - "debug": { - "version": "4.3.2", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.2.tgz", - "integrity": "sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==", - "requires": { - "ms": "2.1.2" - } - }, "diff": { "version": "4.0.2", "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==", "dev": true }, - "escape-string-regexp": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==" - }, - "globals": { - "version": "11.12.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", - "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==" - }, - "has-flag": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==" - }, - "hoist-non-react-statics": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", - "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", - "requires": { - "react-is": "^16.7.0" - } - }, - "js-tokens": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" - }, - "jsesc": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", - "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==" - }, - "lodash": { - "version": "4.17.21", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", - "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" - }, "make-error": { "version": "1.3.6", "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==", "dev": true }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" - }, - "picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==" - }, - "postcss-value-parser": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==" - }, - "react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" - }, - "shallowequal": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", - "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" - }, - "styled-components": { - "version": "5.3.1", - "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.1.tgz", - "integrity": "sha512-JThv2JRzyH0NOIURrk9iskdxMSAAtCfj/b2Sf1WJaCUsloQkblepy1jaCLX/bYE+mhYo3unmwVSI9I5d9ncSiQ==", - "requires": { - "@babel/helper-module-imports": "^7.0.0", - "@babel/traverse": "^7.4.5", - "@emotion/is-prop-valid": "^0.8.8", - "@emotion/stylis": "^0.8.4", - "@emotion/unitless": "^0.7.4", - "babel-plugin-styled-components": ">= 1.12.0", - "css-to-react-native": "^3.0.0", - "hoist-non-react-statics": "^3.0.0", - "shallowequal": "^1.1.0", - "supports-color": "^5.5.0" - } - }, - "supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "requires": { - "has-flag": "^3.0.0" - } - }, - "to-fast-properties": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", - "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==" - }, "ts-node": { "version": "10.2.1", "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.2.1.tgz", diff --git a/packages/themes/flamingo-themes/package.json b/packages/themes/flamingo-themes/package.json index c3adf09ea9..b19c80af60 100644 --- a/packages/themes/flamingo-themes/package.json +++ b/packages/themes/flamingo-themes/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/flamingo-themes", - "version": "0.12.0", + "version": "0.13.0-dev.0", "description": "Flamingo-themes package", "author": "Salute Frontend Team <salute.developers@gmail.com>", "license": "MIT", @@ -30,12 +30,8 @@ "index.js", "index.js.map" ], - "dependencies": { - "@salutejs/plasma-typo": "0.40.0", - "styled-components": "5.3.1" - }, "devDependencies": { - "@salutejs/data-themes": "0.11.0", + "@salutejs/core-themes": "0.12.0-dev.0", "@types/node": "16.7.13", "ts-node": "10.2.1", "typescript": "4.2.4" @@ -46,4 +42,4 @@ "Vasiliy Loginevskiy" ], "sideEffects": false -} +} \ No newline at end of file diff --git a/packages/themes/flamingo-themes/src/css/flamingo.module.css b/packages/themes/flamingo-themes/src/css/flamingo.module.css index 0c40e9dee1..123c7e9b2f 100644 --- a/packages/themes/flamingo-themes/src/css/flamingo.module.css +++ b/packages/themes/flamingo-themes/src/css/flamingo.module.css @@ -3,7 +3,7 @@ .dark { --text-primary-hover: #CCCCCCFF; --text-primary-active: #E6E6E6FF; - --text-primary: #FFFFFF; + --text-primary: #FFFFFFFF; --text-secondary-hover: #FFFFFFFF; --text-secondary-active: #3D3D3DFF; --text-secondary: #B3B3B3; @@ -13,9 +13,6 @@ --text-accent-hover: #2ACB47FF; --text-accent-active: #1F9835FF; --text-accent: #24B23E; - --text-accent-gradient-hover: #CCCCCCFF; - --text-accent-gradient-active: #E6E6E6FF; - --text-accent-gradient: linear-gradient(45deg, #0B8C0B 0%, #14CC98 100%); --text-positive-hover: #1EB83AFF; --text-positive-active: #15842AFF; --text-positive: #1A9E32; @@ -30,7 +27,7 @@ --text-info: #118CDF; --on-dark-text-primary-hover: #CCCCCCFF; --on-dark-text-primary-active: #E6E6E6FF; - --on-dark-text-primary: #FFFFFF; + --on-dark-text-primary: #FFFFFFFF; --on-dark-text-secondary-hover: #FFFFFFFF; --on-dark-text-secondary-active: #3D3D3DFF; --on-dark-text-secondary: #B3B3B3; @@ -58,9 +55,6 @@ --inverse-text-accent-hover: #13AA2CFF; --inverse-text-accent-active: #0D731EFF; --inverse-text-accent: #108E26; - --inverse-text-accent-gradient-hover: #CCCCCCFF; - --inverse-text-accent-gradient-active: #E6E6E6FF; - --inverse-text-accent-gradient: linear-gradient(45deg, #108210 0%, #14CC98 100%); --inverse-text-positive-hover: #13AA2CFF; --inverse-text-positive-active: #0D731EFF; --inverse-text-positive: #108E26; @@ -90,13 +84,10 @@ --surface-solid-default: #080808; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0,0,0,0); + --surface-clear: #00000000; --surface-accent-hover: #1DAF37FF; --surface-accent-active: #18952FFF; --surface-accent: #1A9E32; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(45deg, #108210 0%, #14CC98 100%); --surface-positive-hover: #1DAF37FF; --surface-positive-active: #18952FFF; --surface-positive: #1A9E32; @@ -123,16 +114,16 @@ --surface-info-minor: #0C283B; --surface-transparent-positive-hover: #1A9E3224; --surface-transparent-positive-active: #1A9E320F; - --surface-transparent-positive: rgba(26,158,50,0.08); + --surface-transparent-positive: #1A9E3214; --surface-transparent-warning-hover: #FF702424; --surface-transparent-warning-active: #FF70240F; - --surface-transparent-warning: rgba(255,112,36,0.08); + --surface-transparent-warning: #FF702414; --surface-transparent-negative-hover: #FF3D5124; --surface-transparent-negative-active: #FF3D510F; - --surface-transparent-negative: rgba(255,61,81,0.08); + --surface-transparent-negative: #FF3D5114; --surface-transparent-info-hover: #199AF024; --surface-transparent-info-active: #199AF00F; - --surface-transparent-info: rgba(25,154,240,0.08); + --surface-transparent-info: #199AF014; --surface-rating-hover: #FFDE5CFF; --surface-rating-active: #FFD633FF; --surface-rating: #FFD83D; @@ -141,7 +132,7 @@ --surface-rating-minor: #2B2408; --surface-transparent-rating-hover: #B7920124; --surface-transparent-rating-active: #B792010F; - --surface-transparent-rating: rgba(183,146,1,0.08); + --surface-transparent-rating: #B7920114; --on-dark-surface-solid-primary-hover: #FAFAFAFF; --on-dark-surface-solid-primary-active: #F0F0F0FF; --on-dark-surface-solid-primary: #F5F5F5; @@ -150,22 +141,22 @@ --on-dark-surface-solid-secondary: #ECECEC; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: #FFFFFF; + --on-dark-surface-solid-default: #FFFFFFFF; --on-dark-surface-transparent-primary-hover: #FFFFFF1F; --on-dark-surface-transparent-primary-active: #FFFFFF0A; - --on-dark-surface-transparent-primary: rgba(255,255,255,0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; --on-dark-surface-transparent-secondary-active: #FFFFFF0F; - --on-dark-surface-transparent-secondary: rgba(255,255,255,0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; --on-dark-surface-transparent-tertiary-active: #FFFFFF24; - --on-dark-surface-transparent-tertiary: rgba(255,255,255,0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-deep-hover: #FFFFFFC2; --on-dark-surface-transparent-deep-active: #FFFFFF94; - --on-dark-surface-transparent-deep: rgba(255,255,255,0.64); + --on-dark-surface-transparent-deep: #FFFFFFA3; --on-dark-surface-transparent-card-hover: #FFFFFF1F; --on-dark-surface-transparent-card-active: #FFFFFF0A; - --on-dark-surface-transparent-card: rgba(255,255,255,0.06); + --on-dark-surface-transparent-card: #FFFFFF0F; --on-light-surface-solid-primary-hover: #303030FF; --on-light-surface-solid-primary-active: #212121FF; --on-light-surface-solid-primary: #262626; @@ -183,220 +174,245 @@ --inverse-surface-solid-secondary: #ECECEC; --inverse-surface-solid-default-hover: #FFFFFFFF; --inverse-surface-solid-default-active: #FFFFFFFF; - --inverse-surface-solid-default: #FFFFFF; + --inverse-surface-solid-default: #FFFFFFFF; --background-primary: #080808; - --background-gradient-green: linear-gradient(36.09deg, #24B23E 1.152%, #AFED00 95.819%); - --background-gradient-orange: linear-gradient(36.09deg, #FA6D20 1.152%, #FA9D6B 95.819%); - --background-gradient-yellow: linear-gradient(36.09deg, #F2C202 1.152%, #FFD83D 95.819%); - --background-gradient-blue: linear-gradient(36.09deg, #129DFA 1.152%, #52BAFF 95.819%); - --background-gradient-red: linear-gradient(36.09deg, #FF2E43 1.152%, #FD96A0 95.819%); - --background-gradient-pink: linear-gradient(34.38deg, #FF1F78 7.846%, #FF8FBC 90.55%); - --background-gradient-purple: linear-gradient(34.38deg, #AD42F5 7.846%, #D39CF7 90.55%); - --overlay-soft: rgba(8,8,8,0.56); - --overlay-hard: rgba(8,8,8,0.96); - --overlay-blur: rgba(8,8,8,0.20); - --outline-default-outline-positive-hover: #2ACB47FF; - --outline-default-outline-positive-active: #1F9835FF; - --outline-default-outline-positive: #24B23E; - --outline-default-outline-warning-hover: #FF8442FF; - --outline-default-outline-warning-active: #FF5D05FF; - --outline-default-outline-warning: #FF7024; - --outline-default-outline-negative-hover: #FF5C6CFF; - --outline-default-outline-negative-active: #FF1F35FF; - --outline-default-outline-negative: #FF3D51; - --outline-default-outline-info-hover: #66BCF5FF; - --outline-default-outline-info-active: #0E8ADDFF; - --outline-default-outline-info: #199AF0; - --outline-default-outline-positive-minor-hover: #0F760FFF; - --outline-default-outline-positive-minor-active: #0B5B0BFF; - --outline-default-outline-positive-minor: #084008; - --outline-default-outline-warning-minor-hover: #95400FFF; - --outline-default-outline-warning-minor-active: #79340CFF; - --outline-default-outline-warning-minor: #5C2709; - --outline-default-outline-negative-minor-hover: #A01825FF; - --outline-default-outline-negative-minor-active: #85141FFF; - --outline-default-outline-negative-minor: #6B1019; - --outline-default-outline-info-minor-hover: #145E8FFF; - --outline-default-outline-info-minor-active: #114C74FF; - --outline-default-outline-info-minor: #0D3B59; - --outline-default-outline-primary-hover: #FFFFFFFF; - --outline-default-outline-primary-active: #8C8C8CFF; - --outline-default-outline-primary: #4E4E4E; - --outline-default-outline-secondary-hover: #FFFFFFFF; - --outline-default-outline-secondary-active: #737373FF; - --outline-default-outline-secondary: #707070; - --outline-default-outline-tertiary-hover: #FFFFFFFF; - --outline-default-outline-tertiary-active: #575757FF; - --outline-default-outline-tertiary: #949494; - --outline-default-outline-rating-hover: #FFDE5CFF; - --outline-default-outline-rating-active: #FFD21FFF; - --outline-default-outline-rating: #FFD83D; - --outline-default-outline-rating-minor-hover: #77620DFF; - --outline-default-outline-rating-minor-active: #5C4B0AFF; - --outline-default-outline-rating-minor: #403507; - --outline-default-outline-positive-transparent-hover: #24B23EFF; - --outline-default-outline-positive-transparent-active: #24B23E31; - --outline-default-outline-positive-transparent: rgba(36,178,62,0.16); - --outline-default-outline-warning-transparent-hover: #FF7024FF; - --outline-default-outline-warning-transparent-active: #FF702431; - --outline-default-outline-warning-transparent: rgba(255,112,36,0.16); - --outline-default-outline-negative-transparent-hover: #FF3D51FF; - --outline-default-outline-negative-transparent-active: #FF3D5131; - --outline-default-outline-negative-transparent: rgba(255,61,81,0.16); - --outline-default-outline-info-transparent-hover: #528EFFFF; - --outline-default-outline-info-transparent-active: #528EFF31; - --outline-default-outline-info-transparent: rgba(82,142,255,0.16); - --outline-default-outline-rating-transparent-hover: #FFD83DFF; - --outline-default-outline-rating-transparent-active: #FFD83D31; - --outline-default-outline-rating-transparent: rgba(255,216,61,0.16); - --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); + --overlay-soft: #0808088F; + --overlay-hard: #080808F5; + --overlay-blur: #08080833; + --outline-positive-hover: #2ACB47FF; + --outline-positive-active: #1F9835FF; + --outline-positive: #24B23E; + --outline-warning-hover: #FF8442FF; + --outline-warning-active: #FF5D05FF; + --outline-warning: #FF7024; + --outline-negative-hover: #FF5C6CFF; + --outline-negative-active: #FF1F35FF; + --outline-negative: #FF3D51; + --outline-info-hover: #66BCF5FF; + --outline-info-active: #0E8ADDFF; + --outline-info: #199AF0; + --outline-positive-minor-hover: #0F760FFF; + --outline-positive-minor-active: #0B5B0BFF; + --outline-positive-minor: #084008; + --outline-warning-minor-hover: #95400FFF; + --outline-warning-minor-active: #79340CFF; + --outline-warning-minor: #5C2709; + --outline-negative-minor-hover: #A01825FF; + --outline-negative-minor-active: #85141FFF; + --outline-negative-minor: #6B1019; + --outline-info-minor-hover: #145E8FFF; + --outline-info-minor-active: #114C74FF; + --outline-info-minor: #0D3B59; + --outline-primary-hover: #FFFFFFFF; + --outline-primary-active: #8C8C8CFF; + --outline-primary: #4E4E4E; + --outline-secondary-hover: #FFFFFFFF; + --outline-secondary-active: #737373FF; + --outline-secondary: #707070; + --outline-tertiary-hover: #FFFFFFFF; + --outline-tertiary-active: #575757FF; + --outline-tertiary: #949494; + --outline-rating-hover: #FFDE5CFF; + --outline-rating-active: #FFD21FFF; + --outline-rating: #FFD83D; + --outline-rating-minor-hover: #77620DFF; + --outline-rating-minor-active: #5C4B0AFF; + --outline-rating-minor: #403507; + --outline-positive-transparent-hover: #24B23EFF; + --outline-positive-transparent-active: #24B23E31; + --outline-positive-transparent: #24B23E29; + --outline-warning-transparent-hover: #FF7024FF; + --outline-warning-transparent-active: #FF702431; + --outline-warning-transparent: #FF702429; + --outline-negative-transparent-hover: #FF3D51FF; + --outline-negative-transparent-active: #FF3D5131; + --outline-negative-transparent: #FF3D5129; + --outline-info-transparent-hover: #528EFFFF; + --outline-info-transparent-active: #528EFF31; + --outline-info-transparent: #528EFF29; + --outline-rating-transparent-hover: #FFD83DFF; + --outline-rating-transparent-active: #FFD83D31; + --outline-rating-transparent: #FFD83D29; color: var(--text-primary); background-color: var(--background-primary); } +.dark { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(45deg, #0B8C0BFF 0%, #14CC98FF 100%); + --inverse-text-accent-gradient-hover: #CCCCCCFF; + --inverse-text-accent-gradient-active: #E6E6E6FF; + --inverse-text-accent-gradient: linear-gradient(45deg, #108210FF 0%, #14CC98FF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45deg, #108210FF 0%, #14CC98FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --background-gradient-green: linear-gradient(36.09deg, #24B23EFF 1.152%, #AFED00FF 95.819%); + --background-gradient-orange: linear-gradient(36.09deg, #FA6D20FF 1.152%, #FA9D6BFF 95.819%); + --background-gradient-yellow: linear-gradient(36.09deg, #F2C202FF 1.152%, #FFD83DFF 95.819%); + --background-gradient-blue: linear-gradient(36.09deg, #129DFAFF 1.152%, #52BAFFFF 95.819%); + --background-gradient-red: linear-gradient(36.09deg, #FF2E43FF 1.152%, #FD96A0FF 95.819%); + --background-gradient-pink: linear-gradient(34.38deg, #FF1F78FF 7.846%, #FF8FBCFF 90.55%); + --background-gradient-purple: linear-gradient(34.38deg, #AD42F5FF 7.846%, #D39CF7FF 90.55%); +} + .light { - --text-primary-hover: #787878FF; - --text-primary-active: #4F4F4FFF; - --text-primary: #262626; - --text-secondary-hover: #000000FF; - --text-secondary-active: #404040FF; - --text-secondary: #4E4E4E; - --text-tertiary-hover: #000000FF; - --text-tertiary-active: #757575FF; - --text-tertiary: #949494; - --text-accent-hover: #14B32EFF; - --text-accent-active: #0C6A1BFF; - --text-accent: #108E26; - --text-accent-gradient-hover: #000000FF; - --text-accent-gradient-active: #CCCCCCFF; - --text-accent-gradient: linear-gradient(45deg, #108210 0%, #14CC98 100%); - --text-positive-hover: #1FC13DFF; - --text-positive-active: #147B27FF; + --text-primary-hover: #CCCCCCFF; + --text-primary-active: #E6E6E6FF; + --text-primary: #FFFFFFFF; + --text-secondary-hover: #FFFFFFFF; + --text-secondary-active: #3D3D3DFF; + --text-secondary: #B3B3B3; + --text-tertiary-hover: #FFFFFFFF; + --text-tertiary-active: #737373FF; + --text-tertiary: #707070; + --text-accent-hover: #2ACB47FF; + --text-accent-active: #1F9835FF; + --text-accent: #24B23E; + --text-positive-hover: #1EB83AFF; + --text-positive-active: #15842AFF; --text-positive: #1A9E32; - --text-warning-hover: #FD6B17FF; - --text-warning-active: #C04802FF; - --text-warning: #E85702; - --text-negative-hover: #EE2F43FF; - --text-negative-active: #BD0F21FF; - --text-negative: #E31227; - --text-info-hover: #0E8ADDFF; - --text-info-active: #095A90FF; - --text-info: #0C72B6; - --on-dark-text-primary-hover: #000000FF; - --on-dark-text-primary-active: #CCCCCCFF; - --on-dark-text-primary: #FFFFFF; - --on-dark-text-secondary-hover: #000000FF; - --on-dark-text-secondary-active: #8F8F8FFF; + --text-warning-hover: #FB7223FF; + --text-warning-active: #DC5304FF; + --text-warning: #FA5F05; + --text-negative-hover: #FF475AFF; + --text-negative-active: #FF0A23FF; + --text-negative: #FF293E; + --text-info-hover: #50B1F2FF; + --text-info-active: #0F7BC2FF; + --text-info: #118CDF; + --on-dark-text-primary-hover: #CCCCCCFF; + --on-dark-text-primary-active: #E6E6E6FF; + --on-dark-text-primary: #FFFFFFFF; + --on-dark-text-secondary-hover: #FFFFFFFF; + --on-dark-text-secondary-active: #3D3D3DFF; --on-dark-text-secondary: #B3B3B3; - --on-dark-text-tertiary-hover: #000000FF; - --on-dark-text-tertiary-active: #595959FF; + --on-dark-text-tertiary-hover: #FFFFFFFF; + --on-dark-text-tertiary-active: #737373FF; --on-dark-text-tertiary: #707070; - --on-light-text-primary-hover: #787878FF; - --on-light-text-primary-active: #4F4F4FFF; + --on-light-text-primary-hover: #FFFFFFFF; + --on-light-text-primary-active: #ADADADFF; --on-light-text-primary: #262626; - --on-light-text-secondary-hover: #000000FF; - --on-light-text-secondary-active: #404040FF; + --on-light-text-secondary-hover: #FFFFFFFF; + --on-light-text-secondary-active: #8C8C8CFF; --on-light-text-secondary: #4E4E4E; - --on-light-text-tertiary-hover: #000000FF; - --on-light-text-tertiary-active: #757575FF; + --on-light-text-tertiary-hover: #FFFFFFFF; + --on-light-text-tertiary-active: #575757FF; --on-light-text-tertiary: #949494; - --inverse-text-primary-hover: #000000FF; - --inverse-text-primary-active: #CCCCCCFF; - --inverse-text-primary: #FFFFFF; - --inverse-text-secondary-hover: #000000FF; - --inverse-text-secondary-active: #8F8F8FFF; - --inverse-text-secondary: #B3B3B3; - --inverse-text-tertiary-hover: #000000FF; - --inverse-text-tertiary-active: #595959FF; - --inverse-text-tertiary: #707070; - --inverse-text-accent-hover: #2BD44AFF; - --inverse-text-accent-active: #1D9032FF; - --inverse-text-accent: #24B23E; - --inverse-text-accent-gradient-hover: #000000FF; - --inverse-text-accent-gradient-active: #CCCCCCFF; - --inverse-text-accent-gradient: linear-gradient(45deg, #0B8C0B 0%, #14CC98 100%); - --inverse-text-positive-hover: #2BD44AFF; - --inverse-text-positive-active: #1D9032FF; - --inverse-text-positive: #24B23E; - --inverse-text-warning-hover: #FB782DFF; - --inverse-text-warning-active: #D25004FF; - --inverse-text-warning: #FA5F05; - --inverse-text-negative-hover: #FF5263FF; - --inverse-text-negative-active: #FF001AFF; - --inverse-text-negative: #FF293E; - --inverse-text-info-hover: #2AA0EFFF; - --inverse-text-info-active: #0E75B9FF; - --inverse-text-info: #118CDF; - --surface-solid-primary-hover: #FAFAFAFF; - --surface-solid-primary-active: #F0F0F0FF; - --surface-solid-primary: #F5F5F5; - --surface-solid-secondary-hover: #F7F7F7FF; - --surface-solid-secondary-active: #E8E8E8FF; - --surface-solid-secondary: #ECECEC; - --surface-solid-tertiary-hover: #EDEDEDFF; - --surface-solid-tertiary-active: #D4D4D4FF; - --surface-solid-tertiary: #DDDDDD; - --surface-solid-card-hover: #FFFFFFFF; - --surface-solid-card-active: #FFFFFFFF; - --surface-solid-card: #F; - --surface-solid-default-hover: #FFFFFFFF; - --surface-solid-default-active: #FFFFFFFF; - --surface-solid-default: #F; + --inverse-text-primary-hover: #FFFFFFFF; + --inverse-text-primary-active: #ADADADFF; + --inverse-text-primary: #262626; + --inverse-text-secondary-hover: #FFFFFFFF; + --inverse-text-secondary-active: #8C8C8CFF; + --inverse-text-secondary: #4E4E4E; + --inverse-text-tertiary-hover: #FFFFFFFF; + --inverse-text-tertiary-active: #575757FF; + --inverse-text-tertiary: #949494; + --inverse-text-accent-hover: #13AA2CFF; + --inverse-text-accent-active: #0D731EFF; + --inverse-text-accent: #108E26; + --inverse-text-positive-hover: #13AA2CFF; + --inverse-text-positive-active: #0D731EFF; + --inverse-text-positive: #108E26; + --inverse-text-warning-hover: #FD650DFF; + --inverse-text-warning-active: #CA4B02FF; + --inverse-text-warning: #E85702; + --inverse-text-negative-hover: #ED263AFF; + --inverse-text-negative-active: #C61022FF; + --inverse-text-negative: #E31227; + --inverse-text-info-hover: #229EF1FF; + --inverse-text-info-active: #0A6099FF; + --inverse-text-info: #0C72B6; + --surface-solid-primary-hover: #303030FF; + --surface-solid-primary-active: #212121FF; + --surface-solid-primary: #262626; + --surface-solid-secondary-hover: #404040FF; + --surface-solid-secondary-active: #303030FF; + --surface-solid-secondary: #363636; + --surface-solid-tertiary-hover: #595959FF; + --surface-solid-tertiary-active: #4A4A4AFF; + --surface-solid-tertiary: #4E4E4E; + --surface-solid-card-hover: #303030FF; + --surface-solid-card-active: #212121FF; + --surface-solid-card: #262626; + --surface-solid-default-hover: #0D0D0DFF; + --surface-solid-default-active: #030303FF; + --surface-solid-default: #080808; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0,0,0,0); - --surface-accent-hover: #1EB83AFF; - --surface-accent-active: #178C2CFF; + --surface-clear: #00000000; + --surface-accent-hover: #1DAF37FF; + --surface-accent-active: #18952FFF; --surface-accent: #1A9E32; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(45deg, #108210 0%, #14CC98 100%); - --surface-positive-hover: #1EB83AFF; - --surface-positive-active: #178C2CFF; + --surface-positive-hover: #1DAF37FF; + --surface-positive-active: #18952FFF; --surface-positive: #1A9E32; - --surface-warning-hover: #FC5E03FF; - --surface-warning-active: #D44F02FF; - --surface-warning: #E85702; - --surface-negative-hover: #ED1D31FF; - --surface-negative-active: #D01124FF; - --surface-negative: #E31227; - --surface-info-hover: #0D7EC9FF; - --surface-info-active: #0A66A3FF; - --surface-info: #0C72B6; - --surface-positive-minor-hover: #F5FFF8FF; - --surface-positive-minor-active: #D6FFE2FF; - --surface-positive-minor: #E0FFE9; - --surface-warning-minor-hover: #FFFCFAFF; - --surface-warning-minor-active: #FFEEE5FF; - --surface-warning-minor: #FFF5F0; - --surface-negative-minor-hover: #FFFFFFFF; - --surface-negative-minor-active: #FFEBEDFF; - --surface-negative-minor: #FFF5F6; - --surface-info-minor-hover: #F5FBFFFF; - --surface-info-minor-active: #E0F3FFFF; - --surface-info-minor: #EDF8FF; - --surface-transparent-positive-hover: #1A9E3205; + --surface-warning-hover: #FB7223FF; + --surface-warning-active: #F05B05FF; + --surface-warning: #FA5F05; + --surface-negative-hover: #FF475AFF; + --surface-negative-active: #FF1F35FF; + --surface-negative: #FF293E; + --surface-info-hover: #1798EEFF; + --surface-info-active: #1086D5FF; + --surface-info: #118CDF; + --surface-positive-minor-hover: #0E3A16FF; + --surface-positive-minor-active: #08210CFF; + --surface-positive-minor: #0A2B10; + --surface-warning-minor-hover: #4F250DFF; + --surface-warning-minor-active: #351909FF; + --surface-warning-minor: #3D1D0A; + --surface-negative-minor-hover: #5B1018FF; + --surface-negative-minor-active: #410B11FF; + --surface-negative-minor: #4A0D13; + --surface-info-minor-hover: #10344CFF; + --surface-info-minor-active: #0A2333FF; + --surface-info-minor: #0C283B; + --surface-transparent-positive-hover: #1A9E3224; --surface-transparent-positive-active: #1A9E320F; - --surface-transparent-positive: rgba(26,158,50,0.04); - --surface-transparent-warning-hover: #D14D0003; - --surface-transparent-warning-active: #D14D000D; - --surface-transparent-warning: rgba(209,77,0,0.03); - --surface-transparent-negative-hover: #E2122703; - --surface-transparent-negative-active: #E212270D; - --surface-transparent-negative: rgba(227,18,39,0.03); - --surface-transparent-info-hover: #0C72B605; - --surface-transparent-info-active: #0C72B60F; - --surface-transparent-info: rgba(12,114,182,0.04); - --surface-rating-hover: #F0C105FF; - --surface-rating-active: #C8A104FF; - --surface-rating: #DCB104; - --surface-rating-minor-hover: #FFFBEBFF; - --surface-rating-minor-active: #FFF5CCFF; - --surface-rating-minor: #FFF7D6; - --surface-transparent-rating-hover: #8F720005; - --surface-transparent-rating-active: #8F72000F; - --surface-transparent-rating: rgba(143,114,0,0.04); + --surface-transparent-positive: #1A9E3214; + --surface-transparent-warning-hover: #FF702424; + --surface-transparent-warning-active: #FF70240F; + --surface-transparent-warning: #FF702414; + --surface-transparent-negative-hover: #FF3D5124; + --surface-transparent-negative-active: #FF3D510F; + --surface-transparent-negative: #FF3D5114; + --surface-transparent-info-hover: #199AF024; + --surface-transparent-info-active: #199AF00F; + --surface-transparent-info: #199AF014; + --surface-rating-hover: #FFDE5CFF; + --surface-rating-active: #FFD633FF; + --surface-rating: #FFD83D; + --surface-rating-minor-hover: #3C320BFF; + --surface-rating-minor-active: #221D06FF; + --surface-rating-minor: #2B2408; + --surface-transparent-rating-hover: #B7920124; + --surface-transparent-rating-active: #B792010F; + --surface-transparent-rating: #B7920114; --on-dark-surface-solid-primary-hover: #FAFAFAFF; --on-dark-surface-solid-primary-active: #F0F0F0FF; --on-dark-surface-solid-primary: #F5F5F5; @@ -405,117 +421,177 @@ --on-dark-surface-solid-secondary: #ECECEC; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: #FFFFFF; - --on-dark-surface-transparent-primary-hover: #FFFFFF05; - --on-dark-surface-transparent-primary-active: #FFFFFF1A; - --on-dark-surface-transparent-primary: rgba(255,255,255,0.06); - --on-dark-surface-transparent-secondary-hover: #FFFFFF0A; - --on-dark-surface-transparent-secondary-active: #FFFFFF29; - --on-dark-surface-transparent-secondary: rgba(255,255,255,0.12); - --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F; - --on-dark-surface-transparent-tertiary-active: #FFFFFF3D; - --on-dark-surface-transparent-tertiary: rgba(255,255,255,0.2); - --on-dark-surface-transparent-deep-hover: #FFFFFF8F; - --on-dark-surface-transparent-deep-active: #FFFFFFAD; - --on-dark-surface-transparent-deep: rgba(255,255,255,0.64); - --on-dark-surface-transparent-card-hover: #FFFFFF05; - --on-dark-surface-transparent-card-active: #FFFFFF1A; - --on-dark-surface-transparent-card: rgba(255,255,255,0.06); - --on-light-surface-solid-primary-hover: #3B3B3BFF; - --on-light-surface-solid-primary-active: #1C1C1CFF; + --on-dark-surface-solid-default: #FFFFFFFF; + --on-dark-surface-transparent-primary-hover: #FFFFFF1F; + --on-dark-surface-transparent-primary-active: #FFFFFF0A; + --on-dark-surface-transparent-primary: #FFFFFF0F; + --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; + --on-dark-surface-transparent-secondary-active: #FFFFFF0F; + --on-dark-surface-transparent-secondary: #FFFFFF1F; + --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; + --on-dark-surface-transparent-tertiary-active: #FFFFFF24; + --on-dark-surface-transparent-tertiary: #FFFFFF33; + --on-dark-surface-transparent-deep-hover: #FFFFFFC2; + --on-dark-surface-transparent-deep-active: #FFFFFF94; + --on-dark-surface-transparent-deep: #FFFFFFA3; + --on-dark-surface-transparent-card-hover: #FFFFFF1F; + --on-dark-surface-transparent-card-active: #FFFFFF0A; + --on-dark-surface-transparent-card: #FFFFFF0F; + --on-light-surface-solid-primary-hover: #303030FF; + --on-light-surface-solid-primary-active: #212121FF; --on-light-surface-solid-primary: #262626; - --on-light-surface-solid-secondary-hover: #4A4A4AFF; - --on-light-surface-solid-secondary-active: #2B2B2BFF; + --on-light-surface-solid-secondary-hover: #404040FF; + --on-light-surface-solid-secondary-active: #303030FF; --on-light-surface-solid-secondary: #363636; - --on-light-surface-solid-default-hover: #262626FF; + --on-light-surface-solid-default-hover: #0D0D0DFF; --on-light-surface-solid-default-active: #030303FF; --on-light-surface-solid-default: #080808; - --inverse-surface-solid-primary-hover: #3B3B3BFF; - --inverse-surface-solid-primary-active: #1C1C1CFF; - --inverse-surface-solid-primary: #262626; - --inverse-surface-solid-secondary-hover: #4A4A4AFF; - --inverse-surface-solid-secondary-active: #2B2B2BFF; - --inverse-surface-solid-secondary: #363636; - --inverse-surface-solid-default-hover: #262626FF; - --inverse-surface-solid-default-active: #030303FF; - --inverse-surface-solid-default: #080808; - --background-primary: #F9F9F9; - --background-gradient-green: linear-gradient(36.09deg, #24B23E 1.152%, #AFED00 95.819%); - --background-gradient-orange: linear-gradient(36.09deg, #FA6D20 1.152%, #FA9D6B 95.819%); - --background-gradient-yellow: linear-gradient(36.09deg, #F2C202 1.152%, #FFD83D 95.819%); - --background-gradient-blue: linear-gradient(36.09deg, #129DFA 1.152%, #52BAFF 95.819%); - --background-gradient-red: linear-gradient(36.09deg, #FF2E43 1.152%, #FD96A0 95.819%); - --background-gradient-purple: linear-gradient(34.82deg, #AD42F5 7.846%, #D39CF7 90.55%); - --background-gradient-pink: linear-gradient(34.38deg, #FF1F78 7.846%, #FF8FBC 90.55%); - --overlay-soft: rgba(249,249,249,0.56); - --overlay-hard: rgba(249,249,249,0.96); - --overlay-blur: rgba(249,249,249,0.20); - --outline-default-outline-positive-hover: #14B32EFF; - --outline-default-outline-positive-active: #0C6A1BFF; - --outline-default-outline-positive: #108E26; - --outline-default-outline-warning-hover: #FD6B17FF; - --outline-default-outline-warning-active: #C04802FF; - --outline-default-outline-warning: #E85702; - --outline-default-outline-negative-hover: #F54254FF; - --outline-default-outline-negative-active: #DA0B20FF; - --outline-default-outline-negative: #F31B31; - --outline-default-outline-info-hover: #0D96F2FF; - --outline-default-outline-info-active: #0966A5FF; - --outline-default-outline-info: #0B7ECB; - --outline-default-outline-positive-minor-hover: #BDFFBDFF; - --outline-default-outline-positive-minor-active: #6BFF6BFF; - --outline-default-outline-positive-minor: #94FF94; - --outline-default-outline-warning-minor-hover: #FFFCFAFF; - --outline-default-outline-warning-minor-active: #FDC9AAFF; - --outline-default-outline-warning-minor: #FEE2D2; - --outline-default-outline-negative-minor-hover: #FFFFFFFF; - --outline-default-outline-negative-minor-active: #FFB8BFFF; - --outline-default-outline-negative-minor: #FFE0E3; - --outline-default-outline-info-minor-hover: #FAFDFFFF; - --outline-default-outline-info-minor-active: #A8DCFFFF; - --outline-default-outline-info-minor: #CFECFF; - --outline-default-outline-primary-hover: #000000FF; - --outline-default-outline-primary-active: #B3B3B3FF; - --outline-default-outline-primary: #DDDDDD; - --outline-default-outline-secondary-hover: #000000FF; - --outline-default-outline-secondary-active: #8F8F8FFF; - --outline-default-outline-secondary: #B3B3B3; - --outline-default-outline-tertiary-hover: #000000FF; - --outline-default-outline-tertiary-active: #595959FF; - --outline-default-outline-tertiary: #707070; - --outline-default-outline-rating-hover: #FACB0FFF; - --outline-default-outline-rating-active: #B49104FF; - --outline-default-outline-rating: #DCB104; - --outline-default-outline-rating-minor-hover: #FFF0B3FF; - --outline-default-outline-rating-minor-active: #FFDF61FF; - --outline-default-outline-rating-minor: #FFE88A; - --outline-default-outline-positive-transparent-hover: #1A9E32FF; - --outline-default-outline-positive-transparent-active: #1A9E3218; - --outline-default-outline-positive-transparent: rgba(26,158,50,0.08); - --outline-default-outline-warning-transparent-hover: #D14D00FF; - --outline-default-outline-warning-transparent-active: #D14D0018; - --outline-default-outline-warning-transparent: rgba(209,77,0,0.08); - --outline-default-outline-negative-transparent-hover: #E21227FF; - --outline-default-outline-negative-transparent-active: #E2122718; - --outline-default-outline-negative-transparent: rgba(227,18,39,0.08); - --outline-default-outline-info-transparent-hover: #0C72B6FF; - --outline-default-outline-info-transparent-active: #0C72B618; - --outline-default-outline-info-transparent: rgba(12,114,182,0.08); - --outline-default-outline-rating-transparent-hover: #DCB104FF; - --outline-default-outline-rating-transparent-active: #DCB10418; - --outline-default-outline-rating-transparent: rgba(220,177,4,0.08); - --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); + --inverse-surface-solid-primary-hover: #FAFAFAFF; + --inverse-surface-solid-primary-active: #F0F0F0FF; + --inverse-surface-solid-primary: #F5F5F5; + --inverse-surface-solid-secondary-hover: #F7F7F7FF; + --inverse-surface-solid-secondary-active: #E8E8E8FF; + --inverse-surface-solid-secondary: #ECECEC; + --inverse-surface-solid-default-hover: #FFFFFFFF; + --inverse-surface-solid-default-active: #FFFFFFFF; + --inverse-surface-solid-default: #FFFFFFFF; + --background-primary: #080808; + --overlay-soft: #0808088F; + --overlay-hard: #080808F5; + --overlay-blur: #08080833; + --outline-positive-hover: #2ACB47FF; + --outline-positive-active: #1F9835FF; + --outline-positive: #24B23E; + --outline-warning-hover: #FF8442FF; + --outline-warning-active: #FF5D05FF; + --outline-warning: #FF7024; + --outline-negative-hover: #FF5C6CFF; + --outline-negative-active: #FF1F35FF; + --outline-negative: #FF3D51; + --outline-info-hover: #66BCF5FF; + --outline-info-active: #0E8ADDFF; + --outline-info: #199AF0; + --outline-positive-minor-hover: #0F760FFF; + --outline-positive-minor-active: #0B5B0BFF; + --outline-positive-minor: #084008; + --outline-warning-minor-hover: #95400FFF; + --outline-warning-minor-active: #79340CFF; + --outline-warning-minor: #5C2709; + --outline-negative-minor-hover: #A01825FF; + --outline-negative-minor-active: #85141FFF; + --outline-negative-minor: #6B1019; + --outline-info-minor-hover: #145E8FFF; + --outline-info-minor-active: #114C74FF; + --outline-info-minor: #0D3B59; + --outline-primary-hover: #FFFFFFFF; + --outline-primary-active: #8C8C8CFF; + --outline-primary: #4E4E4E; + --outline-secondary-hover: #FFFFFFFF; + --outline-secondary-active: #737373FF; + --outline-secondary: #707070; + --outline-tertiary-hover: #FFFFFFFF; + --outline-tertiary-active: #575757FF; + --outline-tertiary: #949494; + --outline-rating-hover: #FFDE5CFF; + --outline-rating-active: #FFD21FFF; + --outline-rating: #FFD83D; + --outline-rating-minor-hover: #77620DFF; + --outline-rating-minor-active: #5C4B0AFF; + --outline-rating-minor: #403507; + --outline-positive-transparent-hover: #24B23EFF; + --outline-positive-transparent-active: #24B23E31; + --outline-positive-transparent: #24B23E29; + --outline-warning-transparent-hover: #FF7024FF; + --outline-warning-transparent-active: #FF702431; + --outline-warning-transparent: #FF702429; + --outline-negative-transparent-hover: #FF3D51FF; + --outline-negative-transparent-active: #FF3D5131; + --outline-negative-transparent: #FF3D5129; + --outline-info-transparent-hover: #528EFFFF; + --outline-info-transparent-active: #528EFF31; + --outline-info-transparent: #528EFF29; + --outline-rating-transparent-hover: #FFD83DFF; + --outline-rating-transparent-active: #FFD83D31; + --outline-rating-transparent: #FFD83D29; color: var(--text-primary); background-color: var(--background-primary); } -.light, - .dark { +.light { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(45deg, #0B8C0BFF 0%, #14CC98FF 100%); + --inverse-text-accent-gradient-hover: #CCCCCCFF; + --inverse-text-accent-gradient-active: #E6E6E6FF; + --inverse-text-accent-gradient: linear-gradient(45deg, #108210FF 0%, #14CC98FF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45deg, #108210FF 0%, #14CC98FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --background-gradient-green: linear-gradient(36.09deg, #24B23EFF 1.152%, #AFED00FF 95.819%); + --background-gradient-orange: linear-gradient(36.09deg, #FA6D20FF 1.152%, #FA9D6BFF 95.819%); + --background-gradient-yellow: linear-gradient(36.09deg, #F2C202FF 1.152%, #FFD83DFF 95.819%); + --background-gradient-blue: linear-gradient(36.09deg, #129DFAFF 1.152%, #52BAFFFF 95.819%); + --background-gradient-red: linear-gradient(36.09deg, #FF2E43FF 1.152%, #FD96A0FF 95.819%); + --background-gradient-pink: linear-gradient(34.38deg, #FF1F78FF 7.846%, #FF8FBCFF 90.55%); + --background-gradient-purple: linear-gradient(34.38deg, #AD42F5FF 7.846%, #D39CF7FF 90.55%); +} + +.dark, .light { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +.dark, .light { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + +.dark, .light { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -535,64 +611,64 @@ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -611,7 +687,7 @@ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -622,8 +698,7 @@ } @media (max-width: 559px) { - .light, - .dark { + .dark, .light { --plasma-typo-dspl-l-font-size: 5.5rem; --plasma-typo-dspl-l-font-weight: 300; --plasma-typo-dspl-l-line-height: 5.75rem; @@ -730,8 +805,7 @@ } @media (min-width: 560px) and (max-width: 959px) { - .light, - .dark { + .dark, .light { --plasma-typo-dspl-l-font-size: 7rem; --plasma-typo-dspl-l-font-weight: 300; --plasma-typo-dspl-l-line-height: 7rem; @@ -838,8 +912,7 @@ } @media (min-width: 960px) { - .light, - .dark { + .dark, .light { --plasma-typo-dspl-l-font-size: 8rem; --plasma-typo-dspl-l-font-weight: 300; --plasma-typo-dspl-l-line-height: 8rem; @@ -943,4 +1016,4 @@ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} +} \ No newline at end of file diff --git a/packages/themes/flamingo-themes/src/css/flamingo__dark.css b/packages/themes/flamingo-themes/src/css/flamingo__dark.css index 6145894168..5e036e870c 100644 --- a/packages/themes/flamingo-themes/src/css/flamingo__dark.css +++ b/packages/themes/flamingo-themes/src/css/flamingo__dark.css @@ -3,7 +3,7 @@ :root { --text-primary-hover: #CCCCCCFF; --text-primary-active: #E6E6E6FF; - --text-primary: #FFFFFF; + --text-primary: #FFFFFFFF; --text-secondary-hover: #FFFFFFFF; --text-secondary-active: #3D3D3DFF; --text-secondary: #B3B3B3; @@ -13,9 +13,6 @@ --text-accent-hover: #2ACB47FF; --text-accent-active: #1F9835FF; --text-accent: #24B23E; - --text-accent-gradient-hover: #CCCCCCFF; - --text-accent-gradient-active: #E6E6E6FF; - --text-accent-gradient: linear-gradient(45deg, #0B8C0B 0%, #14CC98 100%); --text-positive-hover: #1EB83AFF; --text-positive-active: #15842AFF; --text-positive: #1A9E32; @@ -30,7 +27,7 @@ --text-info: #118CDF; --on-dark-text-primary-hover: #CCCCCCFF; --on-dark-text-primary-active: #E6E6E6FF; - --on-dark-text-primary: #FFFFFF; + --on-dark-text-primary: #FFFFFFFF; --on-dark-text-secondary-hover: #FFFFFFFF; --on-dark-text-secondary-active: #3D3D3DFF; --on-dark-text-secondary: #B3B3B3; @@ -58,9 +55,6 @@ --inverse-text-accent-hover: #13AA2CFF; --inverse-text-accent-active: #0D731EFF; --inverse-text-accent: #108E26; - --inverse-text-accent-gradient-hover: #CCCCCCFF; - --inverse-text-accent-gradient-active: #E6E6E6FF; - --inverse-text-accent-gradient: linear-gradient(45deg, #108210 0%, #14CC98 100%); --inverse-text-positive-hover: #13AA2CFF; --inverse-text-positive-active: #0D731EFF; --inverse-text-positive: #108E26; @@ -90,13 +84,10 @@ --surface-solid-default: #080808; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0,0,0,0); + --surface-clear: #00000000; --surface-accent-hover: #1DAF37FF; --surface-accent-active: #18952FFF; --surface-accent: #1A9E32; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(45deg, #108210 0%, #14CC98 100%); --surface-positive-hover: #1DAF37FF; --surface-positive-active: #18952FFF; --surface-positive: #1A9E32; @@ -123,16 +114,16 @@ --surface-info-minor: #0C283B; --surface-transparent-positive-hover: #1A9E3224; --surface-transparent-positive-active: #1A9E320F; - --surface-transparent-positive: rgba(26,158,50,0.08); + --surface-transparent-positive: #1A9E3214; --surface-transparent-warning-hover: #FF702424; --surface-transparent-warning-active: #FF70240F; - --surface-transparent-warning: rgba(255,112,36,0.08); + --surface-transparent-warning: #FF702414; --surface-transparent-negative-hover: #FF3D5124; --surface-transparent-negative-active: #FF3D510F; - --surface-transparent-negative: rgba(255,61,81,0.08); + --surface-transparent-negative: #FF3D5114; --surface-transparent-info-hover: #199AF024; --surface-transparent-info-active: #199AF00F; - --surface-transparent-info: rgba(25,154,240,0.08); + --surface-transparent-info: #199AF014; --surface-rating-hover: #FFDE5CFF; --surface-rating-active: #FFD633FF; --surface-rating: #FFD83D; @@ -141,7 +132,7 @@ --surface-rating-minor: #2B2408; --surface-transparent-rating-hover: #B7920124; --surface-transparent-rating-active: #B792010F; - --surface-transparent-rating: rgba(183,146,1,0.08); + --surface-transparent-rating: #B7920114; --on-dark-surface-solid-primary-hover: #FAFAFAFF; --on-dark-surface-solid-primary-active: #F0F0F0FF; --on-dark-surface-solid-primary: #F5F5F5; @@ -150,22 +141,22 @@ --on-dark-surface-solid-secondary: #ECECEC; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: #FFFFFF; + --on-dark-surface-solid-default: #FFFFFFFF; --on-dark-surface-transparent-primary-hover: #FFFFFF1F; --on-dark-surface-transparent-primary-active: #FFFFFF0A; - --on-dark-surface-transparent-primary: rgba(255,255,255,0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; --on-dark-surface-transparent-secondary-active: #FFFFFF0F; - --on-dark-surface-transparent-secondary: rgba(255,255,255,0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; --on-dark-surface-transparent-tertiary-active: #FFFFFF24; - --on-dark-surface-transparent-tertiary: rgba(255,255,255,0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-deep-hover: #FFFFFFC2; --on-dark-surface-transparent-deep-active: #FFFFFF94; - --on-dark-surface-transparent-deep: rgba(255,255,255,0.64); + --on-dark-surface-transparent-deep: #FFFFFFA3; --on-dark-surface-transparent-card-hover: #FFFFFF1F; --on-dark-surface-transparent-card-active: #FFFFFF0A; - --on-dark-surface-transparent-card: rgba(255,255,255,0.06); + --on-dark-surface-transparent-card: #FFFFFF0F; --on-light-surface-solid-primary-hover: #303030FF; --on-light-surface-solid-primary-active: #212121FF; --on-light-surface-solid-primary: #262626; @@ -183,83 +174,144 @@ --inverse-surface-solid-secondary: #ECECEC; --inverse-surface-solid-default-hover: #FFFFFFFF; --inverse-surface-solid-default-active: #FFFFFFFF; - --inverse-surface-solid-default: #FFFFFF; + --inverse-surface-solid-default: #FFFFFFFF; --background-primary: #080808; - --background-gradient-green: linear-gradient(36.09deg, #24B23E 1.152%, #AFED00 95.819%); - --background-gradient-orange: linear-gradient(36.09deg, #FA6D20 1.152%, #FA9D6B 95.819%); - --background-gradient-yellow: linear-gradient(36.09deg, #F2C202 1.152%, #FFD83D 95.819%); - --background-gradient-blue: linear-gradient(36.09deg, #129DFA 1.152%, #52BAFF 95.819%); - --background-gradient-red: linear-gradient(36.09deg, #FF2E43 1.152%, #FD96A0 95.819%); - --background-gradient-pink: linear-gradient(34.38deg, #FF1F78 7.846%, #FF8FBC 90.55%); - --background-gradient-purple: linear-gradient(34.38deg, #AD42F5 7.846%, #D39CF7 90.55%); - --overlay-soft: rgba(8,8,8,0.56); - --overlay-hard: rgba(8,8,8,0.96); - --overlay-blur: rgba(8,8,8,0.20); - --outline-default-outline-positive-hover: #2ACB47FF; - --outline-default-outline-positive-active: #1F9835FF; - --outline-default-outline-positive: #24B23E; - --outline-default-outline-warning-hover: #FF8442FF; - --outline-default-outline-warning-active: #FF5D05FF; - --outline-default-outline-warning: #FF7024; - --outline-default-outline-negative-hover: #FF5C6CFF; - --outline-default-outline-negative-active: #FF1F35FF; - --outline-default-outline-negative: #FF3D51; - --outline-default-outline-info-hover: #66BCF5FF; - --outline-default-outline-info-active: #0E8ADDFF; - --outline-default-outline-info: #199AF0; - --outline-default-outline-positive-minor-hover: #0F760FFF; - --outline-default-outline-positive-minor-active: #0B5B0BFF; - --outline-default-outline-positive-minor: #084008; - --outline-default-outline-warning-minor-hover: #95400FFF; - --outline-default-outline-warning-minor-active: #79340CFF; - --outline-default-outline-warning-minor: #5C2709; - --outline-default-outline-negative-minor-hover: #A01825FF; - --outline-default-outline-negative-minor-active: #85141FFF; - --outline-default-outline-negative-minor: #6B1019; - --outline-default-outline-info-minor-hover: #145E8FFF; - --outline-default-outline-info-minor-active: #114C74FF; - --outline-default-outline-info-minor: #0D3B59; - --outline-default-outline-primary-hover: #FFFFFFFF; - --outline-default-outline-primary-active: #8C8C8CFF; - --outline-default-outline-primary: #4E4E4E; - --outline-default-outline-secondary-hover: #FFFFFFFF; - --outline-default-outline-secondary-active: #737373FF; - --outline-default-outline-secondary: #707070; - --outline-default-outline-tertiary-hover: #FFFFFFFF; - --outline-default-outline-tertiary-active: #575757FF; - --outline-default-outline-tertiary: #949494; - --outline-default-outline-rating-hover: #FFDE5CFF; - --outline-default-outline-rating-active: #FFD21FFF; - --outline-default-outline-rating: #FFD83D; - --outline-default-outline-rating-minor-hover: #77620DFF; - --outline-default-outline-rating-minor-active: #5C4B0AFF; - --outline-default-outline-rating-minor: #403507; - --outline-default-outline-positive-transparent-hover: #24B23EFF; - --outline-default-outline-positive-transparent-active: #24B23E31; - --outline-default-outline-positive-transparent: rgba(36,178,62,0.16); - --outline-default-outline-warning-transparent-hover: #FF7024FF; - --outline-default-outline-warning-transparent-active: #FF702431; - --outline-default-outline-warning-transparent: rgba(255,112,36,0.16); - --outline-default-outline-negative-transparent-hover: #FF3D51FF; - --outline-default-outline-negative-transparent-active: #FF3D5131; - --outline-default-outline-negative-transparent: rgba(255,61,81,0.16); - --outline-default-outline-info-transparent-hover: #528EFFFF; - --outline-default-outline-info-transparent-active: #528EFF31; - --outline-default-outline-info-transparent: rgba(82,142,255,0.16); - --outline-default-outline-rating-transparent-hover: #FFD83DFF; - --outline-default-outline-rating-transparent-active: #FFD83D31; - --outline-default-outline-rating-transparent: rgba(255,216,61,0.16); - --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); + --overlay-soft: #0808088F; + --overlay-hard: #080808F5; + --overlay-blur: #08080833; + --outline-positive-hover: #2ACB47FF; + --outline-positive-active: #1F9835FF; + --outline-positive: #24B23E; + --outline-warning-hover: #FF8442FF; + --outline-warning-active: #FF5D05FF; + --outline-warning: #FF7024; + --outline-negative-hover: #FF5C6CFF; + --outline-negative-active: #FF1F35FF; + --outline-negative: #FF3D51; + --outline-info-hover: #66BCF5FF; + --outline-info-active: #0E8ADDFF; + --outline-info: #199AF0; + --outline-positive-minor-hover: #0F760FFF; + --outline-positive-minor-active: #0B5B0BFF; + --outline-positive-minor: #084008; + --outline-warning-minor-hover: #95400FFF; + --outline-warning-minor-active: #79340CFF; + --outline-warning-minor: #5C2709; + --outline-negative-minor-hover: #A01825FF; + --outline-negative-minor-active: #85141FFF; + --outline-negative-minor: #6B1019; + --outline-info-minor-hover: #145E8FFF; + --outline-info-minor-active: #114C74FF; + --outline-info-minor: #0D3B59; + --outline-primary-hover: #FFFFFFFF; + --outline-primary-active: #8C8C8CFF; + --outline-primary: #4E4E4E; + --outline-secondary-hover: #FFFFFFFF; + --outline-secondary-active: #737373FF; + --outline-secondary: #707070; + --outline-tertiary-hover: #FFFFFFFF; + --outline-tertiary-active: #575757FF; + --outline-tertiary: #949494; + --outline-rating-hover: #FFDE5CFF; + --outline-rating-active: #FFD21FFF; + --outline-rating: #FFD83D; + --outline-rating-minor-hover: #77620DFF; + --outline-rating-minor-active: #5C4B0AFF; + --outline-rating-minor: #403507; + --outline-positive-transparent-hover: #24B23EFF; + --outline-positive-transparent-active: #24B23E31; + --outline-positive-transparent: #24B23E29; + --outline-warning-transparent-hover: #FF7024FF; + --outline-warning-transparent-active: #FF702431; + --outline-warning-transparent: #FF702429; + --outline-negative-transparent-hover: #FF3D51FF; + --outline-negative-transparent-active: #FF3D5131; + --outline-negative-transparent: #FF3D5129; + --outline-info-transparent-hover: #528EFFFF; + --outline-info-transparent-active: #528EFF31; + --outline-info-transparent: #528EFF29; + --outline-rating-transparent-hover: #FFD83DFF; + --outline-rating-transparent-active: #FFD83D31; + --outline-rating-transparent: #FFD83D29; color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(45deg, #0B8C0BFF 0%, #14CC98FF 100%); + --inverse-text-accent-gradient-hover: #CCCCCCFF; + --inverse-text-accent-gradient-active: #E6E6E6FF; + --inverse-text-accent-gradient: linear-gradient(45deg, #108210FF 0%, #14CC98FF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45deg, #108210FF 0%, #14CC98FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --background-gradient-green: linear-gradient(36.09deg, #24B23EFF 1.152%, #AFED00FF 95.819%); + --background-gradient-orange: linear-gradient(36.09deg, #FA6D20FF 1.152%, #FA9D6BFF 95.819%); + --background-gradient-yellow: linear-gradient(36.09deg, #F2C202FF 1.152%, #FFD83DFF 95.819%); + --background-gradient-blue: linear-gradient(36.09deg, #129DFAFF 1.152%, #52BAFFFF 95.819%); + --background-gradient-red: linear-gradient(36.09deg, #FF2E43FF 1.152%, #FD96A0FF 95.819%); + --background-gradient-pink: linear-gradient(34.38deg, #FF1F78FF 7.846%, #FF8FBCFF 90.55%); + --background-gradient-purple: linear-gradient(34.38deg, #AD42F5FF 7.846%, #D39CF7FF 90.55%); +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -279,64 +331,64 @@ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -355,7 +407,7 @@ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -684,4 +736,4 @@ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} +} \ No newline at end of file diff --git a/packages/themes/flamingo-themes/src/css/flamingo__light.css b/packages/themes/flamingo-themes/src/css/flamingo__light.css index 76692212aa..2825e3942e 100644 --- a/packages/themes/flamingo-themes/src/css/flamingo__light.css +++ b/packages/themes/flamingo-themes/src/css/flamingo__light.css @@ -13,9 +13,6 @@ --text-accent-hover: #14B32EFF; --text-accent-active: #0C6A1BFF; --text-accent: #108E26; - --text-accent-gradient-hover: #000000FF; - --text-accent-gradient-active: #CCCCCCFF; - --text-accent-gradient: linear-gradient(45deg, #108210 0%, #14CC98 100%); --text-positive-hover: #1FC13DFF; --text-positive-active: #147B27FF; --text-positive: #1A9E32; @@ -30,7 +27,7 @@ --text-info: #0C72B6; --on-dark-text-primary-hover: #000000FF; --on-dark-text-primary-active: #CCCCCCFF; - --on-dark-text-primary: #FFFFFF; + --on-dark-text-primary: #FFFFFFFF; --on-dark-text-secondary-hover: #000000FF; --on-dark-text-secondary-active: #8F8F8FFF; --on-dark-text-secondary: #B3B3B3; @@ -48,7 +45,7 @@ --on-light-text-tertiary: #949494; --inverse-text-primary-hover: #000000FF; --inverse-text-primary-active: #CCCCCCFF; - --inverse-text-primary: #FFFFFF; + --inverse-text-primary: #FFFFFFFF; --inverse-text-secondary-hover: #000000FF; --inverse-text-secondary-active: #8F8F8FFF; --inverse-text-secondary: #B3B3B3; @@ -58,9 +55,6 @@ --inverse-text-accent-hover: #2BD44AFF; --inverse-text-accent-active: #1D9032FF; --inverse-text-accent: #24B23E; - --inverse-text-accent-gradient-hover: #000000FF; - --inverse-text-accent-gradient-active: #CCCCCCFF; - --inverse-text-accent-gradient: linear-gradient(45deg, #0B8C0B 0%, #14CC98 100%); --inverse-text-positive-hover: #2BD44AFF; --inverse-text-positive-active: #1D9032FF; --inverse-text-positive: #24B23E; @@ -84,19 +78,16 @@ --surface-solid-tertiary: #DDDDDD; --surface-solid-card-hover: #FFFFFFFF; --surface-solid-card-active: #FFFFFFFF; - --surface-solid-card: #F; + --surface-solid-card: #FFFFFFFF; --surface-solid-default-hover: #FFFFFFFF; --surface-solid-default-active: #FFFFFFFF; - --surface-solid-default: #F; + --surface-solid-default: #FFFFFFFF; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0,0,0,0); + --surface-clear: #00000000; --surface-accent-hover: #1EB83AFF; --surface-accent-active: #178C2CFF; --surface-accent: #1A9E32; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(45deg, #108210 0%, #14CC98 100%); --surface-positive-hover: #1EB83AFF; --surface-positive-active: #178C2CFF; --surface-positive: #1A9E32; @@ -123,16 +114,16 @@ --surface-info-minor: #EDF8FF; --surface-transparent-positive-hover: #1A9E3205; --surface-transparent-positive-active: #1A9E320F; - --surface-transparent-positive: rgba(26,158,50,0.04); + --surface-transparent-positive: #1A9E320A; --surface-transparent-warning-hover: #D14D0003; --surface-transparent-warning-active: #D14D000D; - --surface-transparent-warning: rgba(209,77,0,0.03); + --surface-transparent-warning: #D14D0008; --surface-transparent-negative-hover: #E2122703; --surface-transparent-negative-active: #E212270D; - --surface-transparent-negative: rgba(227,18,39,0.03); + --surface-transparent-negative: #E3122708; --surface-transparent-info-hover: #0C72B605; --surface-transparent-info-active: #0C72B60F; - --surface-transparent-info: rgba(12,114,182,0.04); + --surface-transparent-info: #0C72B60A; --surface-rating-hover: #F0C105FF; --surface-rating-active: #C8A104FF; --surface-rating: #DCB104; @@ -141,7 +132,7 @@ --surface-rating-minor: #FFF7D6; --surface-transparent-rating-hover: #8F720005; --surface-transparent-rating-active: #8F72000F; - --surface-transparent-rating: rgba(143,114,0,0.04); + --surface-transparent-rating: #8F72000A; --on-dark-surface-solid-primary-hover: #FAFAFAFF; --on-dark-surface-solid-primary-active: #F0F0F0FF; --on-dark-surface-solid-primary: #F5F5F5; @@ -150,22 +141,22 @@ --on-dark-surface-solid-secondary: #ECECEC; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: #FFFFFF; + --on-dark-surface-solid-default: #FFFFFFFF; --on-dark-surface-transparent-primary-hover: #FFFFFF05; --on-dark-surface-transparent-primary-active: #FFFFFF1A; - --on-dark-surface-transparent-primary: rgba(255,255,255,0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF0A; --on-dark-surface-transparent-secondary-active: #FFFFFF29; - --on-dark-surface-transparent-secondary: rgba(255,255,255,0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F; --on-dark-surface-transparent-tertiary-active: #FFFFFF3D; - --on-dark-surface-transparent-tertiary: rgba(255,255,255,0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-deep-hover: #FFFFFF8F; --on-dark-surface-transparent-deep-active: #FFFFFFAD; - --on-dark-surface-transparent-deep: rgba(255,255,255,0.64); + --on-dark-surface-transparent-deep: #FFFFFFA3; --on-dark-surface-transparent-card-hover: #FFFFFF05; --on-dark-surface-transparent-card-active: #FFFFFF1A; - --on-dark-surface-transparent-card: rgba(255,255,255,0.06); + --on-dark-surface-transparent-card: #FFFFFF0F; --on-light-surface-solid-primary-hover: #3B3B3BFF; --on-light-surface-solid-primary-active: #1C1C1CFF; --on-light-surface-solid-primary: #262626; @@ -185,81 +176,142 @@ --inverse-surface-solid-default-active: #030303FF; --inverse-surface-solid-default: #080808; --background-primary: #F9F9F9; - --background-gradient-green: linear-gradient(36.09deg, #24B23E 1.152%, #AFED00 95.819%); - --background-gradient-orange: linear-gradient(36.09deg, #FA6D20 1.152%, #FA9D6B 95.819%); - --background-gradient-yellow: linear-gradient(36.09deg, #F2C202 1.152%, #FFD83D 95.819%); - --background-gradient-blue: linear-gradient(36.09deg, #129DFA 1.152%, #52BAFF 95.819%); - --background-gradient-red: linear-gradient(36.09deg, #FF2E43 1.152%, #FD96A0 95.819%); - --background-gradient-purple: linear-gradient(34.82deg, #AD42F5 7.846%, #D39CF7 90.55%); - --background-gradient-pink: linear-gradient(34.38deg, #FF1F78 7.846%, #FF8FBC 90.55%); - --overlay-soft: rgba(249,249,249,0.56); - --overlay-hard: rgba(249,249,249,0.96); - --overlay-blur: rgba(249,249,249,0.20); - --outline-default-outline-positive-hover: #14B32EFF; - --outline-default-outline-positive-active: #0C6A1BFF; - --outline-default-outline-positive: #108E26; - --outline-default-outline-warning-hover: #FD6B17FF; - --outline-default-outline-warning-active: #C04802FF; - --outline-default-outline-warning: #E85702; - --outline-default-outline-negative-hover: #F54254FF; - --outline-default-outline-negative-active: #DA0B20FF; - --outline-default-outline-negative: #F31B31; - --outline-default-outline-info-hover: #0D96F2FF; - --outline-default-outline-info-active: #0966A5FF; - --outline-default-outline-info: #0B7ECB; - --outline-default-outline-positive-minor-hover: #BDFFBDFF; - --outline-default-outline-positive-minor-active: #6BFF6BFF; - --outline-default-outline-positive-minor: #94FF94; - --outline-default-outline-warning-minor-hover: #FFFCFAFF; - --outline-default-outline-warning-minor-active: #FDC9AAFF; - --outline-default-outline-warning-minor: #FEE2D2; - --outline-default-outline-negative-minor-hover: #FFFFFFFF; - --outline-default-outline-negative-minor-active: #FFB8BFFF; - --outline-default-outline-negative-minor: #FFE0E3; - --outline-default-outline-info-minor-hover: #FAFDFFFF; - --outline-default-outline-info-minor-active: #A8DCFFFF; - --outline-default-outline-info-minor: #CFECFF; - --outline-default-outline-primary-hover: #000000FF; - --outline-default-outline-primary-active: #B3B3B3FF; - --outline-default-outline-primary: #DDDDDD; - --outline-default-outline-secondary-hover: #000000FF; - --outline-default-outline-secondary-active: #8F8F8FFF; - --outline-default-outline-secondary: #B3B3B3; - --outline-default-outline-tertiary-hover: #000000FF; - --outline-default-outline-tertiary-active: #595959FF; - --outline-default-outline-tertiary: #707070; - --outline-default-outline-rating-hover: #FACB0FFF; - --outline-default-outline-rating-active: #B49104FF; - --outline-default-outline-rating: #DCB104; - --outline-default-outline-rating-minor-hover: #FFF0B3FF; - --outline-default-outline-rating-minor-active: #FFDF61FF; - --outline-default-outline-rating-minor: #FFE88A; - --outline-default-outline-positive-transparent-hover: #1A9E32FF; - --outline-default-outline-positive-transparent-active: #1A9E3218; - --outline-default-outline-positive-transparent: rgba(26,158,50,0.08); - --outline-default-outline-warning-transparent-hover: #D14D00FF; - --outline-default-outline-warning-transparent-active: #D14D0018; - --outline-default-outline-warning-transparent: rgba(209,77,0,0.08); - --outline-default-outline-negative-transparent-hover: #E21227FF; - --outline-default-outline-negative-transparent-active: #E2122718; - --outline-default-outline-negative-transparent: rgba(227,18,39,0.08); - --outline-default-outline-info-transparent-hover: #0C72B6FF; - --outline-default-outline-info-transparent-active: #0C72B618; - --outline-default-outline-info-transparent: rgba(12,114,182,0.08); - --outline-default-outline-rating-transparent-hover: #DCB104FF; - --outline-default-outline-rating-transparent-active: #DCB10418; - --outline-default-outline-rating-transparent: rgba(220,177,4,0.08); - --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); + --overlay-soft: #F9F9F98F; + --overlay-hard: #F9F9F9F5; + --overlay-blur: #F9F9F933; + --outline-positive-hover: #14B32EFF; + --outline-positive-active: #0C6A1BFF; + --outline-positive: #108E26; + --outline-warning-hover: #FD6B17FF; + --outline-warning-active: #C04802FF; + --outline-warning: #E85702; + --outline-negative-hover: #F54254FF; + --outline-negative-active: #DA0B20FF; + --outline-negative: #F31B31; + --outline-info-hover: #0D96F2FF; + --outline-info-active: #0966A5FF; + --outline-info: #0B7ECB; + --outline-positive-minor-hover: #BDFFBDFF; + --outline-positive-minor-active: #6BFF6BFF; + --outline-positive-minor: #94FF94; + --outline-warning-minor-hover: #FFFCFAFF; + --outline-warning-minor-active: #FDC9AAFF; + --outline-warning-minor: #FEE2D2; + --outline-negative-minor-hover: #FFFFFFFF; + --outline-negative-minor-active: #FFB8BFFF; + --outline-negative-minor: #FFE0E3; + --outline-info-minor-hover: #FAFDFFFF; + --outline-info-minor-active: #A8DCFFFF; + --outline-info-minor: #CFECFF; + --outline-primary-hover: #000000FF; + --outline-primary-active: #B3B3B3FF; + --outline-primary: #DDDDDD; + --outline-secondary-hover: #000000FF; + --outline-secondary-active: #8F8F8FFF; + --outline-secondary: #B3B3B3; + --outline-tertiary-hover: #000000FF; + --outline-tertiary-active: #595959FF; + --outline-tertiary: #707070; + --outline-rating-hover: #FACB0FFF; + --outline-rating-active: #B49104FF; + --outline-rating: #DCB104; + --outline-rating-minor-hover: #FFF0B3FF; + --outline-rating-minor-active: #FFDF61FF; + --outline-rating-minor: #FFE88A; + --outline-positive-transparent-hover: #1A9E32FF; + --outline-positive-transparent-active: #1A9E3218; + --outline-positive-transparent: #1A9E3214; + --outline-warning-transparent-hover: #D14D00FF; + --outline-warning-transparent-active: #D14D0018; + --outline-warning-transparent: #D14D0014; + --outline-negative-transparent-hover: #E21227FF; + --outline-negative-transparent-active: #E2122718; + --outline-negative-transparent: #E3122714; + --outline-info-transparent-hover: #0C72B6FF; + --outline-info-transparent-active: #0C72B618; + --outline-info-transparent: #0C72B614; + --outline-rating-transparent-hover: #DCB104FF; + --outline-rating-transparent-active: #DCB10418; + --outline-rating-transparent: #DCB10414; color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-accent-gradient-hover: #000000FF; + --text-accent-gradient-active: #CCCCCCFF; + --text-accent-gradient: linear-gradient(45deg, #108210FF 0%, #14CC98FF 100%); + --inverse-text-accent-gradient-hover: #000000FF; + --inverse-text-accent-gradient-active: #CCCCCCFF; + --inverse-text-accent-gradient: linear-gradient(45deg, #0B8C0BFF 0%, #14CC98FF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45deg, #108210FF 0%, #14CC98FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --background-gradient-green: linear-gradient(36.09deg, #24B23EFF 1.152%, #AFED00FF 95.819%); + --background-gradient-orange: linear-gradient(36.09deg, #FA6D20FF 1.152%, #FA9D6BFF 95.819%); + --background-gradient-yellow: linear-gradient(36.09deg, #F2C202FF 1.152%, #FFD83DFF 95.819%); + --background-gradient-blue: linear-gradient(36.09deg, #129DFAFF 1.152%, #52BAFFFF 95.819%); + --background-gradient-red: linear-gradient(36.09deg, #FF2E43FF 1.152%, #FD96A0FF 95.819%); + --background-gradient-purple: linear-gradient(34.82deg, #AD42F5FF 7.846%, #D39CF7FF 90.55%); + --background-gradient-pink: linear-gradient(34.38deg, #FF1F78FF 7.846%, #FF8FBCFF 90.55%); +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -279,64 +331,64 @@ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -355,7 +407,7 @@ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -684,4 +736,4 @@ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} +} \ No newline at end of file diff --git a/packages/themes/flamingo-themes/src/themes/flamingo__dark.ts b/packages/themes/flamingo-themes/src/themes/flamingo__dark.ts index 57caddff18..38726b145d 100644 --- a/packages/themes/flamingo-themes/src/themes/flamingo__dark.ts +++ b/packages/themes/flamingo-themes/src/themes/flamingo__dark.ts @@ -5,7 +5,7 @@ export const flamingo__dark = ([ :root { --text-primary-hover: #CCCCCCFF; --text-primary-active: #E6E6E6FF; - --text-primary: #FFFFFF; + --text-primary: #FFFFFFFF; --text-secondary-hover: #FFFFFFFF; --text-secondary-active: #3D3D3DFF; --text-secondary: #B3B3B3; @@ -15,9 +15,6 @@ export const flamingo__dark = ([ --text-accent-hover: #2ACB47FF; --text-accent-active: #1F9835FF; --text-accent: #24B23E; - --text-accent-gradient-hover: #CCCCCCFF; - --text-accent-gradient-active: #E6E6E6FF; - --text-accent-gradient: linear-gradient(45deg, #0B8C0B 0%, #14CC98 100%); --text-positive-hover: #1EB83AFF; --text-positive-active: #15842AFF; --text-positive: #1A9E32; @@ -32,7 +29,7 @@ export const flamingo__dark = ([ --text-info: #118CDF; --on-dark-text-primary-hover: #CCCCCCFF; --on-dark-text-primary-active: #E6E6E6FF; - --on-dark-text-primary: #FFFFFF; + --on-dark-text-primary: #FFFFFFFF; --on-dark-text-secondary-hover: #FFFFFFFF; --on-dark-text-secondary-active: #3D3D3DFF; --on-dark-text-secondary: #B3B3B3; @@ -60,9 +57,6 @@ export const flamingo__dark = ([ --inverse-text-accent-hover: #13AA2CFF; --inverse-text-accent-active: #0D731EFF; --inverse-text-accent: #108E26; - --inverse-text-accent-gradient-hover: #CCCCCCFF; - --inverse-text-accent-gradient-active: #E6E6E6FF; - --inverse-text-accent-gradient: linear-gradient(45deg, #108210 0%, #14CC98 100%); --inverse-text-positive-hover: #13AA2CFF; --inverse-text-positive-active: #0D731EFF; --inverse-text-positive: #108E26; @@ -92,13 +86,10 @@ export const flamingo__dark = ([ --surface-solid-default: #080808; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0,0,0,0); + --surface-clear: #00000000; --surface-accent-hover: #1DAF37FF; --surface-accent-active: #18952FFF; --surface-accent: #1A9E32; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(45deg, #108210 0%, #14CC98 100%); --surface-positive-hover: #1DAF37FF; --surface-positive-active: #18952FFF; --surface-positive: #1A9E32; @@ -125,16 +116,16 @@ export const flamingo__dark = ([ --surface-info-minor: #0C283B; --surface-transparent-positive-hover: #1A9E3224; --surface-transparent-positive-active: #1A9E320F; - --surface-transparent-positive: rgba(26,158,50,0.08); + --surface-transparent-positive: #1A9E3214; --surface-transparent-warning-hover: #FF702424; --surface-transparent-warning-active: #FF70240F; - --surface-transparent-warning: rgba(255,112,36,0.08); + --surface-transparent-warning: #FF702414; --surface-transparent-negative-hover: #FF3D5124; --surface-transparent-negative-active: #FF3D510F; - --surface-transparent-negative: rgba(255,61,81,0.08); + --surface-transparent-negative: #FF3D5114; --surface-transparent-info-hover: #199AF024; --surface-transparent-info-active: #199AF00F; - --surface-transparent-info: rgba(25,154,240,0.08); + --surface-transparent-info: #199AF014; --surface-rating-hover: #FFDE5CFF; --surface-rating-active: #FFD633FF; --surface-rating: #FFD83D; @@ -143,7 +134,7 @@ export const flamingo__dark = ([ --surface-rating-minor: #2B2408; --surface-transparent-rating-hover: #B7920124; --surface-transparent-rating-active: #B792010F; - --surface-transparent-rating: rgba(183,146,1,0.08); + --surface-transparent-rating: #B7920114; --on-dark-surface-solid-primary-hover: #FAFAFAFF; --on-dark-surface-solid-primary-active: #F0F0F0FF; --on-dark-surface-solid-primary: #F5F5F5; @@ -152,22 +143,22 @@ export const flamingo__dark = ([ --on-dark-surface-solid-secondary: #ECECEC; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: #FFFFFF; + --on-dark-surface-solid-default: #FFFFFFFF; --on-dark-surface-transparent-primary-hover: #FFFFFF1F; --on-dark-surface-transparent-primary-active: #FFFFFF0A; - --on-dark-surface-transparent-primary: rgba(255,255,255,0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; --on-dark-surface-transparent-secondary-active: #FFFFFF0F; - --on-dark-surface-transparent-secondary: rgba(255,255,255,0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; --on-dark-surface-transparent-tertiary-active: #FFFFFF24; - --on-dark-surface-transparent-tertiary: rgba(255,255,255,0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-deep-hover: #FFFFFFC2; --on-dark-surface-transparent-deep-active: #FFFFFF94; - --on-dark-surface-transparent-deep: rgba(255,255,255,0.64); + --on-dark-surface-transparent-deep: #FFFFFFA3; --on-dark-surface-transparent-card-hover: #FFFFFF1F; --on-dark-surface-transparent-card-active: #FFFFFF0A; - --on-dark-surface-transparent-card: rgba(255,255,255,0.06); + --on-dark-surface-transparent-card: #FFFFFF0F; --on-light-surface-solid-primary-hover: #303030FF; --on-light-surface-solid-primary-active: #212121FF; --on-light-surface-solid-primary: #262626; @@ -185,83 +176,144 @@ export const flamingo__dark = ([ --inverse-surface-solid-secondary: #ECECEC; --inverse-surface-solid-default-hover: #FFFFFFFF; --inverse-surface-solid-default-active: #FFFFFFFF; - --inverse-surface-solid-default: #FFFFFF; + --inverse-surface-solid-default: #FFFFFFFF; --background-primary: #080808; - --background-gradient-green: linear-gradient(36.09deg, #24B23E 1.152%, #AFED00 95.819%); - --background-gradient-orange: linear-gradient(36.09deg, #FA6D20 1.152%, #FA9D6B 95.819%); - --background-gradient-yellow: linear-gradient(36.09deg, #F2C202 1.152%, #FFD83D 95.819%); - --background-gradient-blue: linear-gradient(36.09deg, #129DFA 1.152%, #52BAFF 95.819%); - --background-gradient-red: linear-gradient(36.09deg, #FF2E43 1.152%, #FD96A0 95.819%); - --background-gradient-pink: linear-gradient(34.38deg, #FF1F78 7.846%, #FF8FBC 90.55%); - --background-gradient-purple: linear-gradient(34.38deg, #AD42F5 7.846%, #D39CF7 90.55%); - --overlay-soft: rgba(8,8,8,0.56); - --overlay-hard: rgba(8,8,8,0.96); - --overlay-blur: rgba(8,8,8,0.20); - --outline-default-outline-positive-hover: #2ACB47FF; - --outline-default-outline-positive-active: #1F9835FF; - --outline-default-outline-positive: #24B23E; - --outline-default-outline-warning-hover: #FF8442FF; - --outline-default-outline-warning-active: #FF5D05FF; - --outline-default-outline-warning: #FF7024; - --outline-default-outline-negative-hover: #FF5C6CFF; - --outline-default-outline-negative-active: #FF1F35FF; - --outline-default-outline-negative: #FF3D51; - --outline-default-outline-info-hover: #66BCF5FF; - --outline-default-outline-info-active: #0E8ADDFF; - --outline-default-outline-info: #199AF0; - --outline-default-outline-positive-minor-hover: #0F760FFF; - --outline-default-outline-positive-minor-active: #0B5B0BFF; - --outline-default-outline-positive-minor: #084008; - --outline-default-outline-warning-minor-hover: #95400FFF; - --outline-default-outline-warning-minor-active: #79340CFF; - --outline-default-outline-warning-minor: #5C2709; - --outline-default-outline-negative-minor-hover: #A01825FF; - --outline-default-outline-negative-minor-active: #85141FFF; - --outline-default-outline-negative-minor: #6B1019; - --outline-default-outline-info-minor-hover: #145E8FFF; - --outline-default-outline-info-minor-active: #114C74FF; - --outline-default-outline-info-minor: #0D3B59; - --outline-default-outline-primary-hover: #FFFFFFFF; - --outline-default-outline-primary-active: #8C8C8CFF; - --outline-default-outline-primary: #4E4E4E; - --outline-default-outline-secondary-hover: #FFFFFFFF; - --outline-default-outline-secondary-active: #737373FF; - --outline-default-outline-secondary: #707070; - --outline-default-outline-tertiary-hover: #FFFFFFFF; - --outline-default-outline-tertiary-active: #575757FF; - --outline-default-outline-tertiary: #949494; - --outline-default-outline-rating-hover: #FFDE5CFF; - --outline-default-outline-rating-active: #FFD21FFF; - --outline-default-outline-rating: #FFD83D; - --outline-default-outline-rating-minor-hover: #77620DFF; - --outline-default-outline-rating-minor-active: #5C4B0AFF; - --outline-default-outline-rating-minor: #403507; - --outline-default-outline-positive-transparent-hover: #24B23EFF; - --outline-default-outline-positive-transparent-active: #24B23E31; - --outline-default-outline-positive-transparent: rgba(36,178,62,0.16); - --outline-default-outline-warning-transparent-hover: #FF7024FF; - --outline-default-outline-warning-transparent-active: #FF702431; - --outline-default-outline-warning-transparent: rgba(255,112,36,0.16); - --outline-default-outline-negative-transparent-hover: #FF3D51FF; - --outline-default-outline-negative-transparent-active: #FF3D5131; - --outline-default-outline-negative-transparent: rgba(255,61,81,0.16); - --outline-default-outline-info-transparent-hover: #528EFFFF; - --outline-default-outline-info-transparent-active: #528EFF31; - --outline-default-outline-info-transparent: rgba(82,142,255,0.16); - --outline-default-outline-rating-transparent-hover: #FFD83DFF; - --outline-default-outline-rating-transparent-active: #FFD83D31; - --outline-default-outline-rating-transparent: rgba(255,216,61,0.16); - --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); + --overlay-soft: #0808088F; + --overlay-hard: #080808F5; + --overlay-blur: #08080833; + --outline-positive-hover: #2ACB47FF; + --outline-positive-active: #1F9835FF; + --outline-positive: #24B23E; + --outline-warning-hover: #FF8442FF; + --outline-warning-active: #FF5D05FF; + --outline-warning: #FF7024; + --outline-negative-hover: #FF5C6CFF; + --outline-negative-active: #FF1F35FF; + --outline-negative: #FF3D51; + --outline-info-hover: #66BCF5FF; + --outline-info-active: #0E8ADDFF; + --outline-info: #199AF0; + --outline-positive-minor-hover: #0F760FFF; + --outline-positive-minor-active: #0B5B0BFF; + --outline-positive-minor: #084008; + --outline-warning-minor-hover: #95400FFF; + --outline-warning-minor-active: #79340CFF; + --outline-warning-minor: #5C2709; + --outline-negative-minor-hover: #A01825FF; + --outline-negative-minor-active: #85141FFF; + --outline-negative-minor: #6B1019; + --outline-info-minor-hover: #145E8FFF; + --outline-info-minor-active: #114C74FF; + --outline-info-minor: #0D3B59; + --outline-primary-hover: #FFFFFFFF; + --outline-primary-active: #8C8C8CFF; + --outline-primary: #4E4E4E; + --outline-secondary-hover: #FFFFFFFF; + --outline-secondary-active: #737373FF; + --outline-secondary: #707070; + --outline-tertiary-hover: #FFFFFFFF; + --outline-tertiary-active: #575757FF; + --outline-tertiary: #949494; + --outline-rating-hover: #FFDE5CFF; + --outline-rating-active: #FFD21FFF; + --outline-rating: #FFD83D; + --outline-rating-minor-hover: #77620DFF; + --outline-rating-minor-active: #5C4B0AFF; + --outline-rating-minor: #403507; + --outline-positive-transparent-hover: #24B23EFF; + --outline-positive-transparent-active: #24B23E31; + --outline-positive-transparent: #24B23E29; + --outline-warning-transparent-hover: #FF7024FF; + --outline-warning-transparent-active: #FF702431; + --outline-warning-transparent: #FF702429; + --outline-negative-transparent-hover: #FF3D51FF; + --outline-negative-transparent-active: #FF3D5131; + --outline-negative-transparent: #FF3D5129; + --outline-info-transparent-hover: #528EFFFF; + --outline-info-transparent-active: #528EFF31; + --outline-info-transparent: #528EFF29; + --outline-rating-transparent-hover: #FFD83DFF; + --outline-rating-transparent-active: #FFD83D31; + --outline-rating-transparent: #FFD83D29; color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(45deg, #0B8C0BFF 0%, #14CC98FF 100%); + --inverse-text-accent-gradient-hover: #CCCCCCFF; + --inverse-text-accent-gradient-active: #E6E6E6FF; + --inverse-text-accent-gradient: linear-gradient(45deg, #108210FF 0%, #14CC98FF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45deg, #108210FF 0%, #14CC98FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --background-gradient-green: linear-gradient(36.09deg, #24B23EFF 1.152%, #AFED00FF 95.819%); + --background-gradient-orange: linear-gradient(36.09deg, #FA6D20FF 1.152%, #FA9D6BFF 95.819%); + --background-gradient-yellow: linear-gradient(36.09deg, #F2C202FF 1.152%, #FFD83DFF 95.819%); + --background-gradient-blue: linear-gradient(36.09deg, #129DFAFF 1.152%, #52BAFFFF 95.819%); + --background-gradient-red: linear-gradient(36.09deg, #FF2E43FF 1.152%, #FD96A0FF 95.819%); + --background-gradient-pink: linear-gradient(34.38deg, #FF1F78FF 7.846%, #FF8FBCFF 90.55%); + --background-gradient-purple: linear-gradient(34.38deg, #AD42F5FF 7.846%, #D39CF7FF 90.55%); +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -281,64 +333,64 @@ export const flamingo__dark = ([ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -357,7 +409,7 @@ export const flamingo__dark = ([ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -686,6 +738,5 @@ export const flamingo__dark = ([ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} -`, +}`, ] as unknown) as TemplateStringsArray; diff --git a/packages/themes/flamingo-themes/src/themes/flamingo__light.ts b/packages/themes/flamingo-themes/src/themes/flamingo__light.ts index 89fa1e8399..ef8d2c9226 100644 --- a/packages/themes/flamingo-themes/src/themes/flamingo__light.ts +++ b/packages/themes/flamingo-themes/src/themes/flamingo__light.ts @@ -15,9 +15,6 @@ export const flamingo__light = ([ --text-accent-hover: #14B32EFF; --text-accent-active: #0C6A1BFF; --text-accent: #108E26; - --text-accent-gradient-hover: #000000FF; - --text-accent-gradient-active: #CCCCCCFF; - --text-accent-gradient: linear-gradient(45deg, #108210 0%, #14CC98 100%); --text-positive-hover: #1FC13DFF; --text-positive-active: #147B27FF; --text-positive: #1A9E32; @@ -32,7 +29,7 @@ export const flamingo__light = ([ --text-info: #0C72B6; --on-dark-text-primary-hover: #000000FF; --on-dark-text-primary-active: #CCCCCCFF; - --on-dark-text-primary: #FFFFFF; + --on-dark-text-primary: #FFFFFFFF; --on-dark-text-secondary-hover: #000000FF; --on-dark-text-secondary-active: #8F8F8FFF; --on-dark-text-secondary: #B3B3B3; @@ -50,7 +47,7 @@ export const flamingo__light = ([ --on-light-text-tertiary: #949494; --inverse-text-primary-hover: #000000FF; --inverse-text-primary-active: #CCCCCCFF; - --inverse-text-primary: #FFFFFF; + --inverse-text-primary: #FFFFFFFF; --inverse-text-secondary-hover: #000000FF; --inverse-text-secondary-active: #8F8F8FFF; --inverse-text-secondary: #B3B3B3; @@ -60,9 +57,6 @@ export const flamingo__light = ([ --inverse-text-accent-hover: #2BD44AFF; --inverse-text-accent-active: #1D9032FF; --inverse-text-accent: #24B23E; - --inverse-text-accent-gradient-hover: #000000FF; - --inverse-text-accent-gradient-active: #CCCCCCFF; - --inverse-text-accent-gradient: linear-gradient(45deg, #0B8C0B 0%, #14CC98 100%); --inverse-text-positive-hover: #2BD44AFF; --inverse-text-positive-active: #1D9032FF; --inverse-text-positive: #24B23E; @@ -86,19 +80,16 @@ export const flamingo__light = ([ --surface-solid-tertiary: #DDDDDD; --surface-solid-card-hover: #FFFFFFFF; --surface-solid-card-active: #FFFFFFFF; - --surface-solid-card: #F; + --surface-solid-card: #FFFFFFFF; --surface-solid-default-hover: #FFFFFFFF; --surface-solid-default-active: #FFFFFFFF; - --surface-solid-default: #F; + --surface-solid-default: #FFFFFFFF; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0,0,0,0); + --surface-clear: #00000000; --surface-accent-hover: #1EB83AFF; --surface-accent-active: #178C2CFF; --surface-accent: #1A9E32; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(45deg, #108210 0%, #14CC98 100%); --surface-positive-hover: #1EB83AFF; --surface-positive-active: #178C2CFF; --surface-positive: #1A9E32; @@ -125,16 +116,16 @@ export const flamingo__light = ([ --surface-info-minor: #EDF8FF; --surface-transparent-positive-hover: #1A9E3205; --surface-transparent-positive-active: #1A9E320F; - --surface-transparent-positive: rgba(26,158,50,0.04); + --surface-transparent-positive: #1A9E320A; --surface-transparent-warning-hover: #D14D0003; --surface-transparent-warning-active: #D14D000D; - --surface-transparent-warning: rgba(209,77,0,0.03); + --surface-transparent-warning: #D14D0008; --surface-transparent-negative-hover: #E2122703; --surface-transparent-negative-active: #E212270D; - --surface-transparent-negative: rgba(227,18,39,0.03); + --surface-transparent-negative: #E3122708; --surface-transparent-info-hover: #0C72B605; --surface-transparent-info-active: #0C72B60F; - --surface-transparent-info: rgba(12,114,182,0.04); + --surface-transparent-info: #0C72B60A; --surface-rating-hover: #F0C105FF; --surface-rating-active: #C8A104FF; --surface-rating: #DCB104; @@ -143,7 +134,7 @@ export const flamingo__light = ([ --surface-rating-minor: #FFF7D6; --surface-transparent-rating-hover: #8F720005; --surface-transparent-rating-active: #8F72000F; - --surface-transparent-rating: rgba(143,114,0,0.04); + --surface-transparent-rating: #8F72000A; --on-dark-surface-solid-primary-hover: #FAFAFAFF; --on-dark-surface-solid-primary-active: #F0F0F0FF; --on-dark-surface-solid-primary: #F5F5F5; @@ -152,22 +143,22 @@ export const flamingo__light = ([ --on-dark-surface-solid-secondary: #ECECEC; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: #FFFFFF; + --on-dark-surface-solid-default: #FFFFFFFF; --on-dark-surface-transparent-primary-hover: #FFFFFF05; --on-dark-surface-transparent-primary-active: #FFFFFF1A; - --on-dark-surface-transparent-primary: rgba(255,255,255,0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF0A; --on-dark-surface-transparent-secondary-active: #FFFFFF29; - --on-dark-surface-transparent-secondary: rgba(255,255,255,0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F; --on-dark-surface-transparent-tertiary-active: #FFFFFF3D; - --on-dark-surface-transparent-tertiary: rgba(255,255,255,0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-deep-hover: #FFFFFF8F; --on-dark-surface-transparent-deep-active: #FFFFFFAD; - --on-dark-surface-transparent-deep: rgba(255,255,255,0.64); + --on-dark-surface-transparent-deep: #FFFFFFA3; --on-dark-surface-transparent-card-hover: #FFFFFF05; --on-dark-surface-transparent-card-active: #FFFFFF1A; - --on-dark-surface-transparent-card: rgba(255,255,255,0.06); + --on-dark-surface-transparent-card: #FFFFFF0F; --on-light-surface-solid-primary-hover: #3B3B3BFF; --on-light-surface-solid-primary-active: #1C1C1CFF; --on-light-surface-solid-primary: #262626; @@ -187,81 +178,142 @@ export const flamingo__light = ([ --inverse-surface-solid-default-active: #030303FF; --inverse-surface-solid-default: #080808; --background-primary: #F9F9F9; - --background-gradient-green: linear-gradient(36.09deg, #24B23E 1.152%, #AFED00 95.819%); - --background-gradient-orange: linear-gradient(36.09deg, #FA6D20 1.152%, #FA9D6B 95.819%); - --background-gradient-yellow: linear-gradient(36.09deg, #F2C202 1.152%, #FFD83D 95.819%); - --background-gradient-blue: linear-gradient(36.09deg, #129DFA 1.152%, #52BAFF 95.819%); - --background-gradient-red: linear-gradient(36.09deg, #FF2E43 1.152%, #FD96A0 95.819%); - --background-gradient-purple: linear-gradient(34.82deg, #AD42F5 7.846%, #D39CF7 90.55%); - --background-gradient-pink: linear-gradient(34.38deg, #FF1F78 7.846%, #FF8FBC 90.55%); - --overlay-soft: rgba(249,249,249,0.56); - --overlay-hard: rgba(249,249,249,0.96); - --overlay-blur: rgba(249,249,249,0.20); - --outline-default-outline-positive-hover: #14B32EFF; - --outline-default-outline-positive-active: #0C6A1BFF; - --outline-default-outline-positive: #108E26; - --outline-default-outline-warning-hover: #FD6B17FF; - --outline-default-outline-warning-active: #C04802FF; - --outline-default-outline-warning: #E85702; - --outline-default-outline-negative-hover: #F54254FF; - --outline-default-outline-negative-active: #DA0B20FF; - --outline-default-outline-negative: #F31B31; - --outline-default-outline-info-hover: #0D96F2FF; - --outline-default-outline-info-active: #0966A5FF; - --outline-default-outline-info: #0B7ECB; - --outline-default-outline-positive-minor-hover: #BDFFBDFF; - --outline-default-outline-positive-minor-active: #6BFF6BFF; - --outline-default-outline-positive-minor: #94FF94; - --outline-default-outline-warning-minor-hover: #FFFCFAFF; - --outline-default-outline-warning-minor-active: #FDC9AAFF; - --outline-default-outline-warning-minor: #FEE2D2; - --outline-default-outline-negative-minor-hover: #FFFFFFFF; - --outline-default-outline-negative-minor-active: #FFB8BFFF; - --outline-default-outline-negative-minor: #FFE0E3; - --outline-default-outline-info-minor-hover: #FAFDFFFF; - --outline-default-outline-info-minor-active: #A8DCFFFF; - --outline-default-outline-info-minor: #CFECFF; - --outline-default-outline-primary-hover: #000000FF; - --outline-default-outline-primary-active: #B3B3B3FF; - --outline-default-outline-primary: #DDDDDD; - --outline-default-outline-secondary-hover: #000000FF; - --outline-default-outline-secondary-active: #8F8F8FFF; - --outline-default-outline-secondary: #B3B3B3; - --outline-default-outline-tertiary-hover: #000000FF; - --outline-default-outline-tertiary-active: #595959FF; - --outline-default-outline-tertiary: #707070; - --outline-default-outline-rating-hover: #FACB0FFF; - --outline-default-outline-rating-active: #B49104FF; - --outline-default-outline-rating: #DCB104; - --outline-default-outline-rating-minor-hover: #FFF0B3FF; - --outline-default-outline-rating-minor-active: #FFDF61FF; - --outline-default-outline-rating-minor: #FFE88A; - --outline-default-outline-positive-transparent-hover: #1A9E32FF; - --outline-default-outline-positive-transparent-active: #1A9E3218; - --outline-default-outline-positive-transparent: rgba(26,158,50,0.08); - --outline-default-outline-warning-transparent-hover: #D14D00FF; - --outline-default-outline-warning-transparent-active: #D14D0018; - --outline-default-outline-warning-transparent: rgba(209,77,0,0.08); - --outline-default-outline-negative-transparent-hover: #E21227FF; - --outline-default-outline-negative-transparent-active: #E2122718; - --outline-default-outline-negative-transparent: rgba(227,18,39,0.08); - --outline-default-outline-info-transparent-hover: #0C72B6FF; - --outline-default-outline-info-transparent-active: #0C72B618; - --outline-default-outline-info-transparent: rgba(12,114,182,0.08); - --outline-default-outline-rating-transparent-hover: #DCB104FF; - --outline-default-outline-rating-transparent-active: #DCB10418; - --outline-default-outline-rating-transparent: rgba(220,177,4,0.08); - --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); + --overlay-soft: #F9F9F98F; + --overlay-hard: #F9F9F9F5; + --overlay-blur: #F9F9F933; + --outline-positive-hover: #14B32EFF; + --outline-positive-active: #0C6A1BFF; + --outline-positive: #108E26; + --outline-warning-hover: #FD6B17FF; + --outline-warning-active: #C04802FF; + --outline-warning: #E85702; + --outline-negative-hover: #F54254FF; + --outline-negative-active: #DA0B20FF; + --outline-negative: #F31B31; + --outline-info-hover: #0D96F2FF; + --outline-info-active: #0966A5FF; + --outline-info: #0B7ECB; + --outline-positive-minor-hover: #BDFFBDFF; + --outline-positive-minor-active: #6BFF6BFF; + --outline-positive-minor: #94FF94; + --outline-warning-minor-hover: #FFFCFAFF; + --outline-warning-minor-active: #FDC9AAFF; + --outline-warning-minor: #FEE2D2; + --outline-negative-minor-hover: #FFFFFFFF; + --outline-negative-minor-active: #FFB8BFFF; + --outline-negative-minor: #FFE0E3; + --outline-info-minor-hover: #FAFDFFFF; + --outline-info-minor-active: #A8DCFFFF; + --outline-info-minor: #CFECFF; + --outline-primary-hover: #000000FF; + --outline-primary-active: #B3B3B3FF; + --outline-primary: #DDDDDD; + --outline-secondary-hover: #000000FF; + --outline-secondary-active: #8F8F8FFF; + --outline-secondary: #B3B3B3; + --outline-tertiary-hover: #000000FF; + --outline-tertiary-active: #595959FF; + --outline-tertiary: #707070; + --outline-rating-hover: #FACB0FFF; + --outline-rating-active: #B49104FF; + --outline-rating: #DCB104; + --outline-rating-minor-hover: #FFF0B3FF; + --outline-rating-minor-active: #FFDF61FF; + --outline-rating-minor: #FFE88A; + --outline-positive-transparent-hover: #1A9E32FF; + --outline-positive-transparent-active: #1A9E3218; + --outline-positive-transparent: #1A9E3214; + --outline-warning-transparent-hover: #D14D00FF; + --outline-warning-transparent-active: #D14D0018; + --outline-warning-transparent: #D14D0014; + --outline-negative-transparent-hover: #E21227FF; + --outline-negative-transparent-active: #E2122718; + --outline-negative-transparent: #E3122714; + --outline-info-transparent-hover: #0C72B6FF; + --outline-info-transparent-active: #0C72B618; + --outline-info-transparent: #0C72B614; + --outline-rating-transparent-hover: #DCB104FF; + --outline-rating-transparent-active: #DCB10418; + --outline-rating-transparent: #DCB10414; color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-accent-gradient-hover: #000000FF; + --text-accent-gradient-active: #CCCCCCFF; + --text-accent-gradient: linear-gradient(45deg, #108210FF 0%, #14CC98FF 100%); + --inverse-text-accent-gradient-hover: #000000FF; + --inverse-text-accent-gradient-active: #CCCCCCFF; + --inverse-text-accent-gradient: linear-gradient(45deg, #0B8C0BFF 0%, #14CC98FF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45deg, #108210FF 0%, #14CC98FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --background-gradient-green: linear-gradient(36.09deg, #24B23EFF 1.152%, #AFED00FF 95.819%); + --background-gradient-orange: linear-gradient(36.09deg, #FA6D20FF 1.152%, #FA9D6BFF 95.819%); + --background-gradient-yellow: linear-gradient(36.09deg, #F2C202FF 1.152%, #FFD83DFF 95.819%); + --background-gradient-blue: linear-gradient(36.09deg, #129DFAFF 1.152%, #52BAFFFF 95.819%); + --background-gradient-red: linear-gradient(36.09deg, #FF2E43FF 1.152%, #FD96A0FF 95.819%); + --background-gradient-purple: linear-gradient(34.82deg, #AD42F5FF 7.846%, #D39CF7FF 90.55%); + --background-gradient-pink: linear-gradient(34.38deg, #FF1F78FF 7.846%, #FF8FBCFF 90.55%); +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -281,64 +333,64 @@ export const flamingo__light = ([ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -357,7 +409,7 @@ export const flamingo__light = ([ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -686,6 +738,5 @@ export const flamingo__light = ([ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} -`, +}`, ] as unknown) as TemplateStringsArray; diff --git a/packages/themes/flamingo-themes/src/themes/index.ts b/packages/themes/flamingo-themes/src/themes/index.ts index a519252ee6..e95be1fb13 100644 --- a/packages/themes/flamingo-themes/src/themes/index.ts +++ b/packages/themes/flamingo-themes/src/themes/index.ts @@ -1,4 +1,4 @@ // Generated by robots, do not change this manually! -export { flamingo__light } from './flamingo__light'; export { flamingo__dark } from './flamingo__dark'; +export { flamingo__light } from './flamingo__light'; diff --git a/packages/themes/flamingo-themes/src/tokens/flamingo/index.ts b/packages/themes/flamingo-themes/src/tokens/flamingo/index.ts index d847203fd2..7699385d66 100644 --- a/packages/themes/flamingo-themes/src/tokens/flamingo/index.ts +++ b/packages/themes/flamingo-themes/src/tokens/flamingo/index.ts @@ -7,7 +7,7 @@ export const textPrimaryHover = 'var(--text-primary-hover, #CCCCCCFF)'; export const textPrimaryActive = 'var(--text-primary-active, #E6E6E6FF)'; /** Основной цвет текста */ -export const textPrimary = 'var(--text-primary, #FFFFFF)'; +export const textPrimary = 'var(--text-primary, #FFFFFFFF)'; /** Вторичный цвет текста */ export const textSecondaryHover = 'var(--text-secondary-hover, #FFFFFFFF)'; @@ -36,15 +36,6 @@ export const textAccentActive = 'var(--text-accent-active, #1F9835FF)'; /** Акцентный цвет */ export const textAccent = 'var(--text-accent, #24B23E)'; -/** Акцентный цвет с градиентом */ -export const textAccentGradientHover = 'var(--text-accent-gradient-hover, #CCCCCCFF)'; - -/** Акцентный цвет с градиентом */ -export const textAccentGradientActive = 'var(--text-accent-gradient-active, #E6E6E6FF)'; - -/** Акцентный цвет с градиентом */ -export const textAccentGradient = 'var(--text-accent-gradient, linear-gradient(45deg, #0B8C0B 0%, #14CC98 100%))'; - /** Цвет успеха */ export const textPositiveHover = 'var(--text-positive-hover, #1EB83AFF)'; @@ -72,10 +63,13 @@ export const textNegativeActive = 'var(--text-negative-active, #FF0A23FF)'; /** Цвет ошибки */ export const textNegative = 'var(--text-negative, #FF293E)'; +/** dark text default textInfoHover */ export const textInfoHover = 'var(--text-info-hover, #50B1F2FF)'; +/** dark text default textInfoActive */ export const textInfoActive = 'var(--text-info-active, #0F7BC2FF)'; +/** dark text default textInfo */ export const textInfo = 'var(--text-info, #118CDF)'; /** Основной цвет текста на темном фоне */ @@ -85,7 +79,7 @@ export const onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #CCCCCC export const onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #E6E6E6FF)'; /** Основной цвет текста на темном фоне */ -export const onDarkTextPrimary = 'var(--on-dark-text-primary, #FFFFFF)'; +export const onDarkTextPrimary = 'var(--on-dark-text-primary, #FFFFFFFF)'; /** Вторичный цвет текста на темном фоне */ export const onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #FFFFFFFF)'; @@ -168,16 +162,6 @@ export const inverseTextAccentActive = 'var(--inverse-text-accent-active, #0D731 /** Инвертированный акцентный цвет */ export const inverseTextAccent = 'var(--inverse-text-accent, #108E26)'; -/** Инвертированный акцентный цвет с градиентом */ -export const inverseTextAccentGradientHover = 'var(--inverse-text-accent-gradient-hover, #CCCCCCFF)'; - -/** Инвертированный акцентный цвет с градиентом */ -export const inverseTextAccentGradientActive = 'var(--inverse-text-accent-gradient-active, #E6E6E6FF)'; - -/** Инвертированный акцентный цвет с градиентом */ -export const inverseTextAccentGradient = - 'var(--inverse-text-accent-gradient, linear-gradient(45deg, #108210 0%, #14CC98 100%))'; - /** Инвертированный цвет успеха */ export const inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #13AA2CFF)'; @@ -205,10 +189,13 @@ export const inverseTextNegativeActive = 'var(--inverse-text-negative-active, #C /** Инвертированный цвет ошибки */ export const inverseTextNegative = 'var(--inverse-text-negative, #E31227)'; +/** dark text inverse textInfoHover */ export const inverseTextInfoHover = 'var(--inverse-text-info-hover, #229EF1FF)'; +/** dark text inverse textInfoActive */ export const inverseTextInfoActive = 'var(--inverse-text-info-active, #0A6099FF)'; +/** dark text inverse textInfo */ export const inverseTextInfo = 'var(--inverse-text-info, #0C72B6)'; /** Основной непрозрачный фон поверхности/контрола */ @@ -263,7 +250,7 @@ export const surfaceClearHover = 'var(--surface-clear-hover, #00000000)'; export const surfaceClearActive = 'var(--surface-clear-active, #00000000)'; /** Фон поверхности/контрола без заливки */ -export const surfaceClear = 'var(--surface-clear, rgba(0,0,0,0))'; +export const surfaceClear = 'var(--surface-clear, #00000000)'; /** Акцентный фон поверхности/контрола */ export const surfaceAccentHover = 'var(--surface-accent-hover, #1DAF37FF)'; @@ -274,15 +261,6 @@ export const surfaceAccentActive = 'var(--surface-accent-active, #18952FFF)'; /** Акцентный фон поверхности/контрола */ export const surfaceAccent = 'var(--surface-accent, #1A9E32)'; -/** Акцентный фон поверхности/контрола с градиентом */ -export const surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, #FFFFFFFF)'; - -/** Акцентный фон поверхности/контрола с градиентом */ -export const surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #FFFFFFFF)'; - -/** Акцентный фон поверхности/контрола с градиентом */ -export const surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(45deg, #108210 0%, #14CC98 100%))'; - /** Цвет фона поверхности/контрола успех */ export const surfacePositiveHover = 'var(--surface-positive-hover, #1DAF37FF)'; @@ -310,34 +288,49 @@ export const surfaceNegativeActive = 'var(--surface-negative-active, #FF1F35FF)' /** Цвет фона поверхности/контрола ошибка */ export const surfaceNegative = 'var(--surface-negative, #FF293E)'; +/** dark surface default surfaceInfoHover */ export const surfaceInfoHover = 'var(--surface-info-hover, #1798EEFF)'; +/** dark surface default surfaceInfoActive */ export const surfaceInfoActive = 'var(--surface-info-active, #1086D5FF)'; +/** dark surface default surfaceInfo */ export const surfaceInfo = 'var(--surface-info, #118CDF)'; +/** dark surface default surfacePositiveMinorHover */ export const surfacePositiveMinorHover = 'var(--surface-positive-minor-hover, #0E3A16FF)'; +/** dark surface default surfacePositiveMinorActive */ export const surfacePositiveMinorActive = 'var(--surface-positive-minor-active, #08210CFF)'; +/** dark surface default surfacePositiveMinor */ export const surfacePositiveMinor = 'var(--surface-positive-minor, #0A2B10)'; +/** dark surface default surfaceWarningMinorHover */ export const surfaceWarningMinorHover = 'var(--surface-warning-minor-hover, #4F250DFF)'; +/** dark surface default surfaceWarningMinorActive */ export const surfaceWarningMinorActive = 'var(--surface-warning-minor-active, #351909FF)'; +/** dark surface default surfaceWarningMinor */ export const surfaceWarningMinor = 'var(--surface-warning-minor, #3D1D0A)'; +/** dark surface default surfaceNegativeMinorHover */ export const surfaceNegativeMinorHover = 'var(--surface-negative-minor-hover, #5B1018FF)'; +/** dark surface default surfaceNegativeMinorActive */ export const surfaceNegativeMinorActive = 'var(--surface-negative-minor-active, #410B11FF)'; +/** dark surface default surfaceNegativeMinor */ export const surfaceNegativeMinor = 'var(--surface-negative-minor, #4A0D13)'; +/** dark surface default surfaceInfoMinorHover */ export const surfaceInfoMinorHover = 'var(--surface-info-minor-hover, #10344CFF)'; +/** dark surface default surfaceInfoMinorActive */ export const surfaceInfoMinorActive = 'var(--surface-info-minor-active, #0A2333FF)'; +/** dark surface default surfaceInfoMinor */ export const surfaceInfoMinor = 'var(--surface-info-minor, #0C283B)'; /** Прозрачный цвет фона поверхности/контрола успех */ @@ -347,7 +340,7 @@ export const surfaceTransparentPositiveHover = 'var(--surface-transparent-positi export const surfaceTransparentPositiveActive = 'var(--surface-transparent-positive-active, #1A9E320F)'; /** Прозрачный цвет фона поверхности/контрола успех */ -export const surfaceTransparentPositive = 'var(--surface-transparent-positive, rgba(26,158,50,0.08))'; +export const surfaceTransparentPositive = 'var(--surface-transparent-positive, #1A9E3214)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ export const surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover, #FF702424)'; @@ -356,7 +349,7 @@ export const surfaceTransparentWarningHover = 'var(--surface-transparent-warning export const surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active, #FF70240F)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentWarning = 'var(--surface-transparent-warning, rgba(255,112,36,0.08))'; +export const surfaceTransparentWarning = 'var(--surface-transparent-warning, #FF702414)'; /** Прозрачный цвет фона поверхности/контрола ошибка */ export const surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #FF3D5124)'; @@ -365,31 +358,43 @@ export const surfaceTransparentNegativeHover = 'var(--surface-transparent-negati export const surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #FF3D510F)'; /** Прозрачный цвет фона поверхности/контрола ошибка */ -export const surfaceTransparentNegative = 'var(--surface-transparent-negative, rgba(255,61,81,0.08))'; +export const surfaceTransparentNegative = 'var(--surface-transparent-negative, #FF3D5114)'; +/** dark surface default surfaceTransparentInfoHover */ export const surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover, #199AF024)'; +/** dark surface default surfaceTransparentInfoActive */ export const surfaceTransparentInfoActive = 'var(--surface-transparent-info-active, #199AF00F)'; -export const surfaceTransparentInfo = 'var(--surface-transparent-info, rgba(25,154,240,0.08))'; +/** dark surface default surfaceTransparentInfo */ +export const surfaceTransparentInfo = 'var(--surface-transparent-info, #199AF014)'; +/** dark surface default surfaceRatingHover */ export const surfaceRatingHover = 'var(--surface-rating-hover, #FFDE5CFF)'; +/** dark surface default surfaceRatingActive */ export const surfaceRatingActive = 'var(--surface-rating-active, #FFD633FF)'; +/** dark surface default surfaceRating */ export const surfaceRating = 'var(--surface-rating, #FFD83D)'; +/** dark surface default surfaceRatingMinorHover */ export const surfaceRatingMinorHover = 'var(--surface-rating-minor-hover, #3C320BFF)'; +/** dark surface default surfaceRatingMinorActive */ export const surfaceRatingMinorActive = 'var(--surface-rating-minor-active, #221D06FF)'; +/** dark surface default surfaceRatingMinor */ export const surfaceRatingMinor = 'var(--surface-rating-minor, #2B2408)'; +/** dark surface default surfaceTransparentRatingHover */ export const surfaceTransparentRatingHover = 'var(--surface-transparent-rating-hover, #B7920124)'; +/** dark surface default surfaceTransparentRatingActive */ export const surfaceTransparentRatingActive = 'var(--surface-transparent-rating-active, #B792010F)'; -export const surfaceTransparentRating = 'var(--surface-transparent-rating, rgba(183,146,1,0.08))'; +/** dark surface default surfaceTransparentRating */ +export const surfaceTransparentRating = 'var(--surface-transparent-rating, #B7920114)'; /** Основной непрозрачный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #FAFAFAFF)'; @@ -416,7 +421,7 @@ export const onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-defau export const onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active, #FFFFFFFF)'; /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */ -export const onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #FFFFFF)'; +export const onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #FFFFFFFF)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FFFFFF1F)'; @@ -425,7 +430,7 @@ export const onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-trans export const onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFF0A)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, rgba(255,255,255,0.06))'; +export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #FFFFFF0F)'; /** Вторичный прозрачный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF3D)'; @@ -434,7 +439,7 @@ export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-tra export const onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFF0F)'; /** Вторичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, rgba(255,255,255,0.12))'; +export const onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF1F)'; /** Третичный прозрачный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFF52)'; @@ -443,7 +448,7 @@ export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-tran export const onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFF24)'; /** Третичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, rgba(255,255,255,0.2))'; +export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #FFFFFF33)'; /** Непрозрачный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #FFFFFFC2)'; @@ -452,7 +457,7 @@ export const onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transpar export const onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #FFFFFF94)'; /** Непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, rgba(255,255,255,0.64))'; +export const onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #FFFFFFA3)'; /** Прозрачный фон для карточек на темном фоне */ export const onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FFFFFF1F)'; @@ -461,7 +466,7 @@ export const onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transpar export const onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FFFFFF0A)'; /** Прозрачный фон для карточек на темном фоне */ -export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, rgba(255,255,255,0.06))'; +export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #FFFFFF0F)'; /** Основной непрозрачный фон поверхности/контрола на светлом фоне */ export const onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #303030FF)'; @@ -515,167 +520,716 @@ export const inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-defa export const inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #FFFFFFFF)'; /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ -export const inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #FFFFFF)'; +export const inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #FFFFFFFF)'; /** Основной фон */ export const backgroundPrimary = 'var(--background-primary, #080808)'; -export const backgroundGradientGreen = - 'var(--background-gradient-green, linear-gradient(36.09deg, #24B23E 1.152%, #AFED00 95.819%))'; +/** Цвет фона паранжи светлый */ +export const overlaySoft = 'var(--overlay-soft, #0808088F)'; -export const backgroundGradientOrange = - 'var(--background-gradient-orange, linear-gradient(36.09deg, #FA6D20 1.152%, #FA9D6B 95.819%))'; +/** Цвет фона паранжи темный */ +export const overlayHard = 'var(--overlay-hard, #080808F5)'; -export const backgroundGradientYellow = - 'var(--background-gradient-yellow, linear-gradient(36.09deg, #F2C202 1.152%, #FFD83D 95.819%))'; +/** dark overlay default overlayBlur */ +export const overlayBlur = 'var(--overlay-blur, #08080833)'; -export const backgroundGradientBlue = - 'var(--background-gradient-blue, linear-gradient(36.09deg, #129DFA 1.152%, #52BAFF 95.819%))'; +/** dark outline default outlinePositiveHover */ +export const outlinePositiveHover = 'var(--outline-positive-hover, #2ACB47FF)'; -export const backgroundGradientRed = - 'var(--background-gradient-red, linear-gradient(36.09deg, #FF2E43 1.152%, #FD96A0 95.819%))'; +/** dark outline default outlinePositiveActive */ +export const outlinePositiveActive = 'var(--outline-positive-active, #1F9835FF)'; -export const backgroundGradientPink = - 'var(--background-gradient-pink, linear-gradient(34.38deg, #FF1F78 7.846%, #FF8FBC 90.55%))'; +/** dark outline default outlinePositive */ +export const outlinePositive = 'var(--outline-positive, #24B23E)'; -export const backgroundGradientPurple = - 'var(--background-gradient-purple, linear-gradient(34.38deg, #AD42F5 7.846%, #D39CF7 90.55%))'; +/** dark outline default outlineWarningHover */ +export const outlineWarningHover = 'var(--outline-warning-hover, #FF8442FF)'; -/** Цвет фона паранжи светлый */ -export const overlaySoft = 'var(--overlay-soft, rgba(8,8,8,0.56))'; +/** dark outline default outlineWarningActive */ +export const outlineWarningActive = 'var(--outline-warning-active, #FF5D05FF)'; -/** Цвет фона паранжи темный */ -export const overlayHard = 'var(--overlay-hard, rgba(8,8,8,0.96))'; +/** dark outline default outlineWarning */ +export const outlineWarning = 'var(--outline-warning, #FF7024)'; + +/** dark outline default outlineNegativeHover */ +export const outlineNegativeHover = 'var(--outline-negative-hover, #FF5C6CFF)'; + +/** dark outline default outlineNegativeActive */ +export const outlineNegativeActive = 'var(--outline-negative-active, #FF1F35FF)'; + +/** dark outline default outlineNegative */ +export const outlineNegative = 'var(--outline-negative, #FF3D51)'; + +/** dark outline default outlineInfoHover */ +export const outlineInfoHover = 'var(--outline-info-hover, #66BCF5FF)'; + +/** dark outline default outlineInfoActive */ +export const outlineInfoActive = 'var(--outline-info-active, #0E8ADDFF)'; + +/** dark outline default outlineInfo */ +export const outlineInfo = 'var(--outline-info, #199AF0)'; + +/** dark outline default outlinePositiveMinorHover */ +export const outlinePositiveMinorHover = 'var(--outline-positive-minor-hover, #0F760FFF)'; + +/** dark outline default outlinePositiveMinorActive */ +export const outlinePositiveMinorActive = 'var(--outline-positive-minor-active, #0B5B0BFF)'; + +/** dark outline default outlinePositiveMinor */ +export const outlinePositiveMinor = 'var(--outline-positive-minor, #084008)'; -export const overlayBlur = 'var(--overlay-blur, rgba(8,8,8,0.20))'; +/** dark outline default outlineWarningMinorHover */ +export const outlineWarningMinorHover = 'var(--outline-warning-minor-hover, #95400FFF)'; -export const outlineDefaultOutlinePositiveHover = 'var(--outline-default-outline-positive-hover, #2ACB47FF)'; +/** dark outline default outlineWarningMinorActive */ +export const outlineWarningMinorActive = 'var(--outline-warning-minor-active, #79340CFF)'; -export const outlineDefaultOutlinePositiveActive = 'var(--outline-default-outline-positive-active, #1F9835FF)'; +/** dark outline default outlineWarningMinor */ +export const outlineWarningMinor = 'var(--outline-warning-minor, #5C2709)'; -export const outlineDefaultOutlinePositive = 'var(--outline-default-outline-positive, #24B23E)'; +/** dark outline default outlineNegativeMinorHover */ +export const outlineNegativeMinorHover = 'var(--outline-negative-minor-hover, #A01825FF)'; -export const outlineDefaultOutlineWarningHover = 'var(--outline-default-outline-warning-hover, #FF8442FF)'; +/** dark outline default outlineNegativeMinorActive */ +export const outlineNegativeMinorActive = 'var(--outline-negative-minor-active, #85141FFF)'; -export const outlineDefaultOutlineWarningActive = 'var(--outline-default-outline-warning-active, #FF5D05FF)'; +/** dark outline default outlineNegativeMinor */ +export const outlineNegativeMinor = 'var(--outline-negative-minor, #6B1019)'; -export const outlineDefaultOutlineWarning = 'var(--outline-default-outline-warning, #FF7024)'; +/** dark outline default outlineInfoMinorHover */ +export const outlineInfoMinorHover = 'var(--outline-info-minor-hover, #145E8FFF)'; -export const outlineDefaultOutlineNegativeHover = 'var(--outline-default-outline-negative-hover, #FF5C6CFF)'; +/** dark outline default outlineInfoMinorActive */ +export const outlineInfoMinorActive = 'var(--outline-info-minor-active, #114C74FF)'; -export const outlineDefaultOutlineNegativeActive = 'var(--outline-default-outline-negative-active, #FF1F35FF)'; +/** dark outline default outlineInfoMinor */ +export const outlineInfoMinor = 'var(--outline-info-minor, #0D3B59)'; -export const outlineDefaultOutlineNegative = 'var(--outline-default-outline-negative, #FF3D51)'; +/** dark outline default outlinePrimaryHover */ +export const outlinePrimaryHover = 'var(--outline-primary-hover, #FFFFFFFF)'; -export const outlineDefaultOutlineInfoHover = 'var(--outline-default-outline-info-hover, #66BCF5FF)'; +/** dark outline default outlinePrimaryActive */ +export const outlinePrimaryActive = 'var(--outline-primary-active, #8C8C8CFF)'; -export const outlineDefaultOutlineInfoActive = 'var(--outline-default-outline-info-active, #0E8ADDFF)'; +/** dark outline default outlinePrimary */ +export const outlinePrimary = 'var(--outline-primary, #4E4E4E)'; -export const outlineDefaultOutlineInfo = 'var(--outline-default-outline-info, #199AF0)'; +/** dark outline default outlineSecondaryHover */ +export const outlineSecondaryHover = 'var(--outline-secondary-hover, #FFFFFFFF)'; -export const outlineDefaultOutlinePositiveMinorHover = 'var(--outline-default-outline-positive-minor-hover, #0F760FFF)'; +/** dark outline default outlineSecondaryActive */ +export const outlineSecondaryActive = 'var(--outline-secondary-active, #737373FF)'; -export const outlineDefaultOutlinePositiveMinorActive = - 'var(--outline-default-outline-positive-minor-active, #0B5B0BFF)'; +/** dark outline default outlineSecondary */ +export const outlineSecondary = 'var(--outline-secondary, #707070)'; -export const outlineDefaultOutlinePositiveMinor = 'var(--outline-default-outline-positive-minor, #084008)'; +/** dark outline default outlineTertiaryHover */ +export const outlineTertiaryHover = 'var(--outline-tertiary-hover, #FFFFFFFF)'; -export const outlineDefaultOutlineWarningMinorHover = 'var(--outline-default-outline-warning-minor-hover, #95400FFF)'; +/** dark outline default outlineTertiaryActive */ +export const outlineTertiaryActive = 'var(--outline-tertiary-active, #575757FF)'; -export const outlineDefaultOutlineWarningMinorActive = 'var(--outline-default-outline-warning-minor-active, #79340CFF)'; +/** dark outline default outlineTertiary */ +export const outlineTertiary = 'var(--outline-tertiary, #949494)'; -export const outlineDefaultOutlineWarningMinor = 'var(--outline-default-outline-warning-minor, #5C2709)'; +/** dark outline default outlineRatingHover */ +export const outlineRatingHover = 'var(--outline-rating-hover, #FFDE5CFF)'; -export const outlineDefaultOutlineNegativeMinorHover = 'var(--outline-default-outline-negative-minor-hover, #A01825FF)'; +/** dark outline default outlineRatingActive */ +export const outlineRatingActive = 'var(--outline-rating-active, #FFD21FFF)'; -export const outlineDefaultOutlineNegativeMinorActive = - 'var(--outline-default-outline-negative-minor-active, #85141FFF)'; +/** dark outline default outlineRating */ +export const outlineRating = 'var(--outline-rating, #FFD83D)'; -export const outlineDefaultOutlineNegativeMinor = 'var(--outline-default-outline-negative-minor, #6B1019)'; +/** dark outline default outlineRatingMinorHover */ +export const outlineRatingMinorHover = 'var(--outline-rating-minor-hover, #77620DFF)'; -export const outlineDefaultOutlineInfoMinorHover = 'var(--outline-default-outline-info-minor-hover, #145E8FFF)'; +/** dark outline default outlineRatingMinorActive */ +export const outlineRatingMinorActive = 'var(--outline-rating-minor-active, #5C4B0AFF)'; -export const outlineDefaultOutlineInfoMinorActive = 'var(--outline-default-outline-info-minor-active, #114C74FF)'; +/** dark outline default outlineRatingMinor */ +export const outlineRatingMinor = 'var(--outline-rating-minor, #403507)'; -export const outlineDefaultOutlineInfoMinor = 'var(--outline-default-outline-info-minor, #0D3B59)'; +/** dark outline default outlinePositiveTransparentHover */ +export const outlinePositiveTransparentHover = 'var(--outline-positive-transparent-hover, #24B23EFF)'; -export const outlineDefaultOutlinePrimaryHover = 'var(--outline-default-outline-primary-hover, #FFFFFFFF)'; +/** dark outline default outlinePositiveTransparentActive */ +export const outlinePositiveTransparentActive = 'var(--outline-positive-transparent-active, #24B23E31)'; -export const outlineDefaultOutlinePrimaryActive = 'var(--outline-default-outline-primary-active, #8C8C8CFF)'; +/** dark outline default outlinePositiveTransparent */ +export const outlinePositiveTransparent = 'var(--outline-positive-transparent, #24B23E29)'; -export const outlineDefaultOutlinePrimary = 'var(--outline-default-outline-primary, #4E4E4E)'; +/** dark outline default outlineWarningTransparentHover */ +export const outlineWarningTransparentHover = 'var(--outline-warning-transparent-hover, #FF7024FF)'; -export const outlineDefaultOutlineSecondaryHover = 'var(--outline-default-outline-secondary-hover, #FFFFFFFF)'; +/** dark outline default outlineWarningTransparentActive */ +export const outlineWarningTransparentActive = 'var(--outline-warning-transparent-active, #FF702431)'; -export const outlineDefaultOutlineSecondaryActive = 'var(--outline-default-outline-secondary-active, #737373FF)'; +/** dark outline default outlineWarningTransparent */ +export const outlineWarningTransparent = 'var(--outline-warning-transparent, #FF702429)'; -export const outlineDefaultOutlineSecondary = 'var(--outline-default-outline-secondary, #707070)'; +/** dark outline default outlineNegativeTransparentHover */ +export const outlineNegativeTransparentHover = 'var(--outline-negative-transparent-hover, #FF3D51FF)'; -export const outlineDefaultOutlineTertiaryHover = 'var(--outline-default-outline-tertiary-hover, #FFFFFFFF)'; +/** dark outline default outlineNegativeTransparentActive */ +export const outlineNegativeTransparentActive = 'var(--outline-negative-transparent-active, #FF3D5131)'; -export const outlineDefaultOutlineTertiaryActive = 'var(--outline-default-outline-tertiary-active, #575757FF)'; +/** dark outline default outlineNegativeTransparent */ +export const outlineNegativeTransparent = 'var(--outline-negative-transparent, #FF3D5129)'; -export const outlineDefaultOutlineTertiary = 'var(--outline-default-outline-tertiary, #949494)'; +/** dark outline default outlineInfoTransparentHover */ +export const outlineInfoTransparentHover = 'var(--outline-info-transparent-hover, #528EFFFF)'; -export const outlineDefaultOutlineRatingHover = 'var(--outline-default-outline-rating-hover, #FFDE5CFF)'; +/** dark outline default outlineInfoTransparentActive */ +export const outlineInfoTransparentActive = 'var(--outline-info-transparent-active, #528EFF31)'; -export const outlineDefaultOutlineRatingActive = 'var(--outline-default-outline-rating-active, #FFD21FFF)'; +/** dark outline default outlineInfoTransparent */ +export const outlineInfoTransparent = 'var(--outline-info-transparent, #528EFF29)'; -export const outlineDefaultOutlineRating = 'var(--outline-default-outline-rating, #FFD83D)'; +/** dark outline default outlineRatingTransparentHover */ +export const outlineRatingTransparentHover = 'var(--outline-rating-transparent-hover, #FFD83DFF)'; -export const outlineDefaultOutlineRatingMinorHover = 'var(--outline-default-outline-rating-minor-hover, #77620DFF)'; +/** dark outline default outlineRatingTransparentActive */ +export const outlineRatingTransparentActive = 'var(--outline-rating-transparent-active, #FFD83D31)'; -export const outlineDefaultOutlineRatingMinorActive = 'var(--outline-default-outline-rating-minor-active, #5C4B0AFF)'; +/** dark outline default outlineRatingTransparent */ +export const outlineRatingTransparent = 'var(--outline-rating-transparent, #FFD83D29)'; -export const outlineDefaultOutlineRatingMinor = 'var(--outline-default-outline-rating-minor, #403507)'; +/** Акцентный цвет с градиентом */ +export const textAccentGradientHover = 'var(--text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом */ +export const textAccentGradientActive = 'var(--text-accent-gradient-active, #E6E6E6FF)'; + +/** Акцентный цвет с градиентом */ +export const textAccentGradient = 'var(--text-accent-gradient, linear-gradient(45deg, #0B8C0BFF 0%, #14CC98FF 100%))'; + +/** Инвертированный акцентный цвет с градиентом */ +export const inverseTextAccentGradientHover = 'var(--inverse-text-accent-gradient-hover, #CCCCCCFF)'; -export const outlineDefaultOutlinePositiveTransparentHover = - 'var(--outline-default-outline-positive-transparent-hover, #24B23EFF)'; +/** Инвертированный акцентный цвет с градиентом */ +export const inverseTextAccentGradientActive = 'var(--inverse-text-accent-gradient-active, #E6E6E6FF)'; + +/** Инвертированный акцентный цвет с градиентом */ +export const inverseTextAccentGradient = + 'var(--inverse-text-accent-gradient, linear-gradient(45deg, #108210FF 0%, #14CC98FF 100%))'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradient = + 'var(--surface-accent-gradient, linear-gradient(45deg, #108210FF 0%, #14CC98FF 100%))'; -export const outlineDefaultOutlinePositiveTransparentActive = - 'var(--outline-default-outline-positive-transparent-active, #24B23E31)'; +/** Фон для скелетона */ +export const surfaceSkeletonGradient = + 'var(--surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))'; -export const outlineDefaultOutlinePositiveTransparent = - 'var(--outline-default-outline-positive-transparent, rgba(36,178,62,0.16))'; +/** Фон для скелетона */ +export const surfaceSkeletonGradientHover = 'var(--surface-skeleton-gradient-hover, #FFFFFFFF)'; -export const outlineDefaultOutlineWarningTransparentHover = - 'var(--outline-default-outline-warning-transparent-hover, #FF7024FF)'; +/** Фон для скелетона */ +export const surfaceSkeletonGradientActive = 'var(--surface-skeleton-gradient-active, #FFFFFFFF)'; -export const outlineDefaultOutlineWarningTransparentActive = - 'var(--outline-default-outline-warning-transparent-active, #FF702431)'; +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradient = + 'var(--surface-skeleton-deep-gradient, linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%))'; -export const outlineDefaultOutlineWarningTransparent = - 'var(--outline-default-outline-warning-transparent, rgba(255,112,36,0.16))'; +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientHover = 'var(--surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; -export const outlineDefaultOutlineNegativeTransparentHover = - 'var(--outline-default-outline-negative-transparent-hover, #FF3D51FF)'; +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientActive = 'var(--surface-skeleton-deep-gradient-active, #FFFFFFFF)'; -export const outlineDefaultOutlineNegativeTransparentActive = - 'var(--outline-default-outline-negative-transparent-active, #FF3D5131)'; +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradient = + 'var(--on-dark-surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))'; -export const outlineDefaultOutlineNegativeTransparent = - 'var(--outline-default-outline-negative-transparent, rgba(255,61,81,0.16))'; +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientHover = 'var(--on-dark-surface-skeleton-gradient-hover, #FFFFFFFF)'; -export const outlineDefaultOutlineInfoTransparentHover = - 'var(--outline-default-outline-info-transparent-hover, #528EFFFF)'; +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientActive = 'var(--on-dark-surface-skeleton-gradient-active, #FFFFFFFF)'; -export const outlineDefaultOutlineInfoTransparentActive = - 'var(--outline-default-outline-info-transparent-active, #528EFF31)'; +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradient = + 'var(--on-dark-surface-skeleton-deep-gradient, linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%))'; -export const outlineDefaultOutlineInfoTransparent = - 'var(--outline-default-outline-info-transparent, rgba(82,142,255,0.16))'; +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientHover = 'var(--on-dark-surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; -export const outlineDefaultOutlineRatingTransparentHover = - 'var(--outline-default-outline-rating-transparent-hover, #FFD83DFF)'; +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientActive = + 'var(--on-dark-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; -export const outlineDefaultOutlineRatingTransparentActive = - 'var(--outline-default-outline-rating-transparent-active, #FFD83D31)'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradient = + 'var(--on-light-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))'; -export const outlineDefaultOutlineRatingTransparent = - 'var(--outline-default-outline-rating-transparent, rgba(255,216,61,0.16))'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientHover = 'var(--on-light-surface-skeleton-gradient-hover, #FFFFFFFF)'; -export const skeletonGradient = - 'var(--skeleton-gradient, linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ))'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientActive = 'var(--on-light-surface-skeleton-gradient-active, #FFFFFFFF)'; -export const skeletonGradientLighter = - 'var(--skeleton-gradient-lighter, linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ))'; +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradient = + 'var(--on-light-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))'; + +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientHover = + 'var(--on-light-surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientActive = + 'var(--on-light-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradient = + 'var(--inverse-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))'; + +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientHover = 'var(--inverse-surface-skeleton-gradient-hover, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientActive = 'var(--inverse-surface-skeleton-gradient-active, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradient = + 'var(--inverse-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))'; + +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientHover = 'var(--inverse-surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientActive = + 'var(--inverse-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; + +/** dark background default backgroundGradientGreen */ +export const backgroundGradientGreen = + 'var(--background-gradient-green, linear-gradient(36.09deg, #24B23EFF 1.152%, #AFED00FF 95.819%))'; + +/** dark background default backgroundGradientOrange */ +export const backgroundGradientOrange = + 'var(--background-gradient-orange, linear-gradient(36.09deg, #FA6D20FF 1.152%, #FA9D6BFF 95.819%))'; + +/** dark background default backgroundGradientYellow */ +export const backgroundGradientYellow = + 'var(--background-gradient-yellow, linear-gradient(36.09deg, #F2C202FF 1.152%, #FFD83DFF 95.819%))'; + +/** dark background default backgroundGradientBlue */ +export const backgroundGradientBlue = + 'var(--background-gradient-blue, linear-gradient(36.09deg, #129DFAFF 1.152%, #52BAFFFF 95.819%))'; + +/** dark background default backgroundGradientRed */ +export const backgroundGradientRed = + 'var(--background-gradient-red, linear-gradient(36.09deg, #FF2E43FF 1.152%, #FD96A0FF 95.819%))'; + +/** dark background default backgroundGradientPink */ +export const backgroundGradientPink = + 'var(--background-gradient-pink, linear-gradient(34.38deg, #FF1F78FF 7.846%, #FF8FBCFF 90.55%))'; + +/** dark background default backgroundGradientPurple */ +export const backgroundGradientPurple = + 'var(--background-gradient-purple, linear-gradient(34.38deg, #AD42F5FF 7.846%, #D39CF7FF 90.55%))'; + +/** shadow down soft s */ +export const shadowDownSoftS = 'var(--shadow-down-soft-s, 0px 4px 14px -4px #08080814,0px 1px 4px -1px #0000000A)'; + +/** shadow down soft m */ +export const shadowDownSoftM = 'var(--shadow-down-soft-m, 0px 24px 48px -8px #00000014)'; + +/** shadow down soft l */ +export const shadowDownSoftL = 'var(--shadow-down-soft-l, 0px 60px 112px -8px #00000014)'; + +/** shadow down hard s */ +export const shadowDownHardS = 'var(--shadow-down-hard-s, 0px 4px 12px -3px #08080829,0px 1px 4px -2px #00000014)'; + +/** shadow down hard m */ +export const shadowDownHardM = 'var(--shadow-down-hard-m, 0px 16px 32px -8px #0000003D)'; + +/** shadow down hard l */ +export const shadowDownHardL = 'var(--shadow-down-hard-l, 0px 60px 112px -8px #00000066)'; + +/** shadow up soft s */ +export const shadowUpSoftS = 'var(--shadow-up-soft-s, 0px -4px 14px -4px #08080814,0px -1px 4px -1px #00000008)'; + +/** shadow up soft m */ +export const shadowUpSoftM = 'var(--shadow-up-soft-m, 0px -24px 48px -8px #00000014)'; + +/** shadow up soft l */ +export const shadowUpSoftL = 'var(--shadow-up-soft-l, 0px -60px 112px -8px #00000014)'; + +/** shadow up hard s */ +export const shadowUpHardS = 'var(--shadow-up-hard-s, 0px -4px 12px -3px #08080833,0px -1px 4px -1px #00000008)'; + +/** shadow up hard m */ +export const shadowUpHardM = 'var(--shadow-up-hard-m, 0px -16px 32px -8px #0000003D)'; + +/** shadow up hard l */ +export const shadowUpHardL = 'var(--shadow-up-hard-l, 0px -60px 112px -8px #00000066)'; + +/** borderRadius xxs */ +export const borderRadiusXxs = 'var(--border-radius-xxs, 4px)'; + +/** borderRadius xs */ +export const borderRadiusXs = 'var(--border-radius-xs, 8px)'; + +/** borderRadius s */ +export const borderRadiusS = 'var(--border-radius-s, 12px)'; + +/** borderRadius m */ +export const borderRadiusM = 'var(--border-radius-m, 16px)'; + +/** borderRadius l */ +export const borderRadiusL = 'var(--border-radius-l, 20px)'; + +/** borderRadius xl */ +export const borderRadiusXl = 'var(--border-radius-xl, 24px)'; + +/** borderRadius xxl */ +export const borderRadiusXxl = 'var(--border-radius-xxl, 32px)'; + +/** typography s display-l */ +export const dsplL = { + fontFamily: 'var(--plasma-typo-dspl-l-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-line-height)', +}; + +/** typography s display-l-bold */ +export const dsplLBold = { + fontFamily: 'var(--plasma-typo-dspl-l-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-bold-line-height)', +}; + +/** typography s display-m */ +export const dsplM = { + fontFamily: 'var(--plasma-typo-dspl-m-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-line-height)', +}; + +/** typography s display-m-bold */ +export const dsplMBold = { + fontFamily: 'var(--plasma-typo-dspl-m-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-bold-line-height)', +}; + +/** typography s display-s */ +export const dsplS = { + fontFamily: 'var(--plasma-typo-dspl-s-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-line-height)', +}; + +/** typography s display-s-bold */ +export const dsplSBold = { + fontFamily: 'var(--plasma-typo-dspl-s-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-bold-line-height)', +}; + +/** typography s header-h1 */ +export const h1 = { + fontFamily: 'var(--plasma-typo-h1-font-family)', + fontSize: 'var(--plasma-typo-h1-font-size)', + fontStyle: 'var(--plasma-typo-h1-font-style)', + fontWeight: 'var(--plasma-typo-h1-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-line-height)', +}; + +/** typography s header-h1-bold */ +export const h1Bold = { + fontFamily: 'var(--plasma-typo-h1-bold-font-family)', + fontSize: 'var(--plasma-typo-h1-bold-font-size)', + fontStyle: 'var(--plasma-typo-h1-bold-font-style)', + fontWeight: 'var(--plasma-typo-h1-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-bold-line-height)', +}; + +/** typography s header-h2 */ +export const h2 = { + fontFamily: 'var(--plasma-typo-h2-font-family)', + fontSize: 'var(--plasma-typo-h2-font-size)', + fontStyle: 'var(--plasma-typo-h2-font-style)', + fontWeight: 'var(--plasma-typo-h2-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-line-height)', +}; + +/** typography s header-h2-bold */ +export const h2Bold = { + fontFamily: 'var(--plasma-typo-h2-bold-font-family)', + fontSize: 'var(--plasma-typo-h2-bold-font-size)', + fontStyle: 'var(--plasma-typo-h2-bold-font-style)', + fontWeight: 'var(--plasma-typo-h2-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-bold-line-height)', +}; + +/** typography s header-h3 */ +export const h3 = { + fontFamily: 'var(--plasma-typo-h3-font-family)', + fontSize: 'var(--plasma-typo-h3-font-size)', + fontStyle: 'var(--plasma-typo-h3-font-style)', + fontWeight: 'var(--plasma-typo-h3-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-line-height)', +}; + +/** typography s header-h3-bold */ +export const h3Bold = { + fontFamily: 'var(--plasma-typo-h3-bold-font-family)', + fontSize: 'var(--plasma-typo-h3-bold-font-size)', + fontStyle: 'var(--plasma-typo-h3-bold-font-style)', + fontWeight: 'var(--plasma-typo-h3-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-bold-line-height)', +}; + +/** typography s header-h4 */ +export const h4 = { + fontFamily: 'var(--plasma-typo-h4-font-family)', + fontSize: 'var(--plasma-typo-h4-font-size)', + fontStyle: 'var(--plasma-typo-h4-font-style)', + fontWeight: 'var(--plasma-typo-h4-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-line-height)', +}; + +/** typography s header-h4-bold */ +export const h4Bold = { + fontFamily: 'var(--plasma-typo-h4-bold-font-family)', + fontSize: 'var(--plasma-typo-h4-bold-font-size)', + fontStyle: 'var(--plasma-typo-h4-bold-font-style)', + fontWeight: 'var(--plasma-typo-h4-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-bold-line-height)', +}; + +/** typography s header-h5 */ +export const h5 = { + fontFamily: 'var(--plasma-typo-h5-font-family)', + fontSize: 'var(--plasma-typo-h5-font-size)', + fontStyle: 'var(--plasma-typo-h5-font-style)', + fontWeight: 'var(--plasma-typo-h5-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-line-height)', +}; + +/** typography s header-h5-bold */ +export const h5Bold = { + fontFamily: 'var(--plasma-typo-h5-bold-font-family)', + fontSize: 'var(--plasma-typo-h5-bold-font-size)', + fontStyle: 'var(--plasma-typo-h5-bold-font-style)', + fontWeight: 'var(--plasma-typo-h5-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-bold-line-height)', +}; + +/** typography s body-l */ +export const bodyL = { + fontFamily: 'var(--plasma-typo-body-l-font-family)', + fontSize: 'var(--plasma-typo-body-l-font-size)', + fontStyle: 'var(--plasma-typo-body-l-font-style)', + fontWeight: 'var(--plasma-typo-body-l-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-line-height)', +}; + +/** typography s body-l-bold */ +export const bodyLBold = { + fontFamily: 'var(--plasma-typo-body-l-bold-font-family)', + fontSize: 'var(--plasma-typo-body-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-bold-line-height)', +}; + +/** typography s body-m */ +export const bodyM = { + fontFamily: 'var(--plasma-typo-body-m-font-family)', + fontSize: 'var(--plasma-typo-body-m-font-size)', + fontStyle: 'var(--plasma-typo-body-m-font-style)', + fontWeight: 'var(--plasma-typo-body-m-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-line-height)', +}; + +/** typography s body-m-bold */ +export const bodyMBold = { + fontFamily: 'var(--plasma-typo-body-m-bold-font-family)', + fontSize: 'var(--plasma-typo-body-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-bold-line-height)', +}; + +/** typography s body-s */ +export const bodyS = { + fontFamily: 'var(--plasma-typo-body-s-font-family)', + fontSize: 'var(--plasma-typo-body-s-font-size)', + fontStyle: 'var(--plasma-typo-body-s-font-style)', + fontWeight: 'var(--plasma-typo-body-s-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-line-height)', +}; + +/** typography s body-s-bold */ +export const bodySBold = { + fontFamily: 'var(--plasma-typo-body-s-bold-font-family)', + fontSize: 'var(--plasma-typo-body-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-bold-line-height)', +}; + +/** typography s body-xs */ +export const bodyXS = { + fontFamily: 'var(--plasma-typo-body-xs-font-family)', + fontSize: 'var(--plasma-typo-body-xs-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-line-height)', +}; + +/** typography s body-xs-bold */ +export const bodyXSBold = { + fontFamily: 'var(--plasma-typo-body-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-bold-line-height)', +}; + +/** typography s body-xxs */ +export const bodyXXS = { + fontFamily: 'var(--plasma-typo-body-xxs-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-line-height)', +}; + +/** typography s body-xxs-bold */ +export const bodyXXSBold = { + fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-bold-line-height)', +}; + +/** typography s text-l */ +export const textL = { + fontFamily: 'var(--plasma-typo-text-l-font-family)', + fontSize: 'var(--plasma-typo-text-l-font-size)', + fontStyle: 'var(--plasma-typo-text-l-font-style)', + fontWeight: 'var(--plasma-typo-text-l-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-line-height)', +}; + +/** typography s text-l-bold */ +export const textLBold = { + fontFamily: 'var(--plasma-typo-text-l-bold-font-family)', + fontSize: 'var(--plasma-typo-text-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-bold-line-height)', +}; + +/** typography s text-m */ +export const textM = { + fontFamily: 'var(--plasma-typo-text-m-font-family)', + fontSize: 'var(--plasma-typo-text-m-font-size)', + fontStyle: 'var(--plasma-typo-text-m-font-style)', + fontWeight: 'var(--plasma-typo-text-m-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-line-height)', +}; + +/** typography s text-m-bold */ +export const textMBold = { + fontFamily: 'var(--plasma-typo-text-m-bold-font-family)', + fontSize: 'var(--plasma-typo-text-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-bold-line-height)', +}; + +/** typography s text-s */ +export const textS = { + fontFamily: 'var(--plasma-typo-text-s-font-family)', + fontSize: 'var(--plasma-typo-text-s-font-size)', + fontStyle: 'var(--plasma-typo-text-s-font-style)', + fontWeight: 'var(--plasma-typo-text-s-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-line-height)', +}; + +/** typography s text-s-bold */ +export const textSBold = { + fontFamily: 'var(--plasma-typo-text-s-bold-font-family)', + fontSize: 'var(--plasma-typo-text-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-bold-line-height)', +}; + +/** typography s text-xs */ +export const textXS = { + fontFamily: 'var(--plasma-typo-text-xs-font-family)', + fontSize: 'var(--plasma-typo-text-xs-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-line-height)', +}; + +/** typography s text-xs-bold */ +export const textXSBold = { + fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-text-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)', +}; diff --git a/packages/themes/flamingo-themes/src/tokens/index.ts b/packages/themes/flamingo-themes/src/tokens/index.ts index 74ecff3195..11f2e012df 100644 --- a/packages/themes/flamingo-themes/src/tokens/index.ts +++ b/packages/themes/flamingo-themes/src/tokens/index.ts @@ -1,2514 +1,2786 @@ // Generated by robots, do not change this manually! /** Основной цвет текста */ -export const textPrimary = 'var(--text-primary, #080808F5)'; +export const textPrimary = 'var(--text-primary)'; /** Основной цвет текста */ -export const textPrimaryHover = 'var(--text-primary-hover, #08080893)'; +export const textPrimaryHover = 'var(--text-primary-hover)'; /** Основной цвет текста */ -export const textPrimaryActive = 'var(--text-primary-active, #080808C4)'; +export const textPrimaryActive = 'var(--text-primary-active)'; /** Вторичный цвет текста */ -export const textSecondary = 'var(--text-secondary, #0808088F)'; +export const textSecondary = 'var(--text-secondary)'; /** Вторичный цвет текста */ -export const textSecondaryHover = 'var(--text-secondary-hover, #080808FF)'; +export const textSecondaryHover = 'var(--text-secondary-hover)'; /** Вторичный цвет текста */ -export const textSecondaryActive = 'var(--text-secondary-active, #080808AB)'; +export const textSecondaryActive = 'var(--text-secondary-active)'; /** Третичный цвет текста */ -export const textTertiary = 'var(--text-tertiary, #08080847)'; +export const textTertiary = 'var(--text-tertiary)'; /** Третичный цвет текста */ -export const textTertiaryHover = 'var(--text-tertiary-hover, #080808FF)'; +export const textTertiaryHover = 'var(--text-tertiary-hover)'; /** Третичный цвет текста */ -export const textTertiaryActive = 'var(--text-tertiary-active, #08080856)'; +export const textTertiaryActive = 'var(--text-tertiary-active)'; /** Сплошной наборный текст */ -export const textParagraph = 'var(--text-paragraph, #080808CC)'; +export const textParagraph = 'var(--text-paragraph)'; /** Сплошной наборный текст */ -export const textParagraphHover = 'var(--text-paragraph-hover, #0808087A)'; +export const textParagraphHover = 'var(--text-paragraph-hover)'; /** Сплошной наборный текст */ -export const textParagraphActive = 'var(--text-paragraph-active, #080808A3)'; +export const textParagraphActive = 'var(--text-paragraph-active)'; /** Акцентный цвет */ -export const textAccent = 'var(--text-accent, #108E26)'; +export const textAccent = 'var(--text-accent)'; /** Акцентный цвет */ -export const textAccentHover = 'var(--text-accent-hover, #14B32EFF)'; +export const textAccentHover = 'var(--text-accent-hover)'; /** Акцентный цвет */ -export const textAccentActive = 'var(--text-accent-active, #0C6A1BFF)'; +export const textAccentActive = 'var(--text-accent-active)'; /** Акцентный минорный цвет */ -export const textAccentMinor = 'var(--text-accent-minor, #0A2B10)'; +export const textAccentMinor = 'var(--text-accent-minor)'; /** Акцентный минорный цвет */ -export const textAccentMinorHover = 'var(--text-accent-minor-hover, #196B28FF)'; +export const textAccentMinorHover = 'var(--text-accent-minor-hover)'; /** Акцентный минорный цвет */ -export const textAccentMinorActive = 'var(--text-accent-minor-active, #114A1CFF)'; +export const textAccentMinorActive = 'var(--text-accent-minor-active)'; /** Цвет успеха */ -export const textPositive = 'var(--text-positive, #108E26)'; +export const textPositive = 'var(--text-positive)'; /** Цвет успеха */ -export const textPositiveHover = 'var(--text-positive-hover, #14B32EFF)'; +export const textPositiveHover = 'var(--text-positive-hover)'; /** Цвет успеха */ -export const textPositiveActive = 'var(--text-positive-active, #0C6A1BFF)'; +export const textPositiveActive = 'var(--text-positive-active)'; /** Цвет предупреждения */ -export const textWarning = 'var(--text-warning, #E85702)'; +export const textWarning = 'var(--text-warning)'; /** Цвет предупреждения */ -export const textWarningHover = 'var(--text-warning-hover, #FD6B17FF)'; +export const textWarningHover = 'var(--text-warning-hover)'; /** Цвет предупреждения */ -export const textWarningActive = 'var(--text-warning-active, #C04802FF)'; +export const textWarningActive = 'var(--text-warning-active)'; /** Цвет ошибки */ -export const textNegative = 'var(--text-negative, #F31B31)'; +export const textNegative = 'var(--text-negative)'; /** Цвет ошибки */ -export const textNegativeHover = 'var(--text-negative-hover, #F54254FF)'; +export const textNegativeHover = 'var(--text-negative-hover)'; /** Цвет ошибки */ -export const textNegativeActive = 'var(--text-negative-active, #DA0B20FF)'; +export const textNegativeActive = 'var(--text-negative-active)'; /** Цвет информации */ -export const textInfo = 'var(--text-info, #0B7ECB)'; +export const textInfo = 'var(--text-info)'; /** Цвет информации */ -export const textInfoHover = 'var(--text-info-hover, #0D96F2FF)'; +export const textInfoHover = 'var(--text-info-hover)'; /** Цвет информации */ -export const textInfoActive = 'var(--text-info-active, #0966A5FF)'; +export const textInfoActive = 'var(--text-info-active)'; /** Минорный цвет успеха */ -export const textPositiveMinor = 'var(--text-positive-minor, #0A2B10)'; +export const textPositiveMinor = 'var(--text-positive-minor)'; /** Минорный цвет успеха */ -export const textPositiveMinorHover = 'var(--text-positive-minor-hover, #196B28FF)'; +export const textPositiveMinorHover = 'var(--text-positive-minor-hover)'; /** Минорный цвет успеха */ -export const textPositiveMinorActive = 'var(--text-positive-minor-active, #114A1CFF)'; +export const textPositiveMinorActive = 'var(--text-positive-minor-active)'; /** Минорный цвет предупреждения */ -export const textWarningMinor = 'var(--text-warning-minor, #3D1D0A)'; +export const textWarningMinor = 'var(--text-warning-minor)'; /** Минорный цвет предупреждения */ -export const textWarningMinorHover = 'var(--text-warning-minor-hover, #843E15FF)'; +export const textWarningMinorHover = 'var(--text-warning-minor-hover)'; /** Минорный цвет предупреждения */ -export const textWarningMinorActive = 'var(--text-warning-minor-active, #602D10FF)'; +export const textWarningMinorActive = 'var(--text-warning-minor-active)'; /** Минорный цвет ошибки */ -export const textNegativeMinor = 'var(--text-negative-minor, #4A0D13)'; +export const textNegativeMinor = 'var(--text-negative-minor)'; /** Минорный цвет ошибки */ -export const textNegativeMinorHover = 'var(--text-negative-minor-hover, #8F1925FF)'; +export const textNegativeMinorHover = 'var(--text-negative-minor-hover)'; /** Минорный цвет ошибки */ -export const textNegativeMinorActive = 'var(--text-negative-minor-active, #6C131CFF)'; +export const textNegativeMinorActive = 'var(--text-negative-minor-active)'; /** Минорный цвет информации */ -export const textInfoMinor = 'var(--text-info-minor, #0C283B)'; +export const textInfoMinor = 'var(--text-info-minor)'; /** Минорный цвет информации */ -export const textInfoMinorHover = 'var(--text-info-minor-hover, #1A577FFF)'; +export const textInfoMinorHover = 'var(--text-info-minor-hover)'; /** Минорный цвет информации */ -export const textInfoMinorActive = 'var(--text-info-minor-active, #13405DFF)'; +export const textInfoMinorActive = 'var(--text-info-minor-active)'; /** Основной цвет текста на темном фоне */ -export const onDarkTextPrimary = 'var(--on-dark-text-primary, rgba(255, 255, 255, 0.96))'; +export const onDarkTextPrimary = 'var(--on-dark-text-primary)'; /** Основной цвет текста на темном фоне */ -export const onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #FFFFFF93)'; +export const onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover)'; /** Основной цвет текста на темном фоне */ -export const onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #FFFFFFC4)'; +export const onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active)'; /** Вторичный цвет текста на темном фоне */ -export const onDarkTextSecondary = 'var(--on-dark-text-secondary, rgba(255, 255, 255, 0.56))'; +export const onDarkTextSecondary = 'var(--on-dark-text-secondary)'; /** Вторичный цвет текста на темном фоне */ -export const onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #FFFFFFFF)'; +export const onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover)'; /** Вторичный цвет текста на темном фоне */ -export const onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #FFFFFFAB)'; +export const onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active)'; /** Третичный цвет текста на темном фоне */ -export const onDarkTextTertiary = 'var(--on-dark-text-tertiary, rgba(255, 255, 255, 0.28))'; +export const onDarkTextTertiary = 'var(--on-dark-text-tertiary)'; /** Третичный цвет текста на темном фоне */ -export const onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #FFFFFFFF)'; +export const onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover)'; /** Третичный цвет текста на темном фоне */ -export const onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #FFFFFF56)'; +export const onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active)'; /** Сплошной наборный текст на темном фоне */ -export const onDarkTextParagraph = 'var(--on-dark-text-paragraph, rgba(255, 255, 255, 0.8))'; +export const onDarkTextParagraph = 'var(--on-dark-text-paragraph)'; /** Сплошной наборный текст на темном фоне */ -export const onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #FFFFFF7A)'; +export const onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover)'; /** Сплошной наборный текст на темном фоне */ -export const onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #FFFFFFA3)'; +export const onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active)'; /** Акцентный цвет на темном фоне */ -export const onDarkTextAccent = 'var(--on-dark-text-accent, #1A9E32)'; +export const onDarkTextAccent = 'var(--on-dark-text-accent)'; /** Акцентный цвет на темном фоне */ -export const onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #1FC13DFF)'; +export const onDarkTextAccentHover = 'var(--on-dark-text-accent-hover)'; /** Акцентный цвет на темном фоне */ -export const onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #147B27FF)'; +export const onDarkTextAccentActive = 'var(--on-dark-text-accent-active)'; /** Акцентный минорный цвет на темном фоне */ -export const onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #9EFAAF)'; +export const onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor)'; /** Акцентный минорный цвет на темном фоне */ -export const onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #C5FCCFFF)'; +export const onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover)'; /** Акцентный минорный цвет на темном фоне */ -export const onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #77F88FFF)'; +export const onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active)'; /** Цвет успеха на темном фоне */ -export const onDarkTextPositive = 'var(--on-dark-text-positive, #1A9E32)'; +export const onDarkTextPositive = 'var(--on-dark-text-positive)'; /** Цвет успеха на темном фоне */ -export const onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #1FC13DFF)'; +export const onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover)'; /** Цвет успеха на темном фоне */ -export const onDarkTextPositiveActive = 'var(--on-dark-text-positive-active, #147B27FF)'; +export const onDarkTextPositiveActive = 'var(--on-dark-text-positive-active)'; /** Цвет предупреждения на темном фоне */ -export const onDarkTextWarning = 'var(--on-dark-text-warning, #FA5F05)'; +export const onDarkTextWarning = 'var(--on-dark-text-warning)'; /** Цвет предупреждения на темном фоне */ -export const onDarkTextWarningHover = 'var(--on-dark-text-warning-hover, #FB782DFF)'; +export const onDarkTextWarningHover = 'var(--on-dark-text-warning-hover)'; /** Цвет предупреждения на темном фоне */ -export const onDarkTextWarningActive = 'var(--on-dark-text-warning-active, #D25004FF)'; +export const onDarkTextWarningActive = 'var(--on-dark-text-warning-active)'; /** Цвет ошибки на темном фоне */ -export const onDarkTextNegative = 'var(--on-dark-text-negative, #FF293E)'; +export const onDarkTextNegative = 'var(--on-dark-text-negative)'; /** Цвет ошибки на темном фоне */ -export const onDarkTextNegativeHover = 'var(--on-dark-text-negative-hover, #FF5263FF)'; +export const onDarkTextNegativeHover = 'var(--on-dark-text-negative-hover)'; /** Цвет ошибки на темном фоне */ -export const onDarkTextNegativeActive = 'var(--on-dark-text-negative-active, #FF001AFF)'; +export const onDarkTextNegativeActive = 'var(--on-dark-text-negative-active)'; /** Цвет информации на темном фоне */ -export const onDarkTextInfo = 'var(--on-dark-text-info, #118CDF)'; +export const onDarkTextInfo = 'var(--on-dark-text-info)'; /** Цвет информации на темном фоне */ -export const onDarkTextInfoHover = 'var(--on-dark-text-info-hover, #2AA0EFFF)'; +export const onDarkTextInfoHover = 'var(--on-dark-text-info-hover)'; /** Цвет информации на темном фоне */ -export const onDarkTextInfoActive = 'var(--on-dark-text-info-active, #0E75B9FF)'; +export const onDarkTextInfoActive = 'var(--on-dark-text-info-active)'; /** Минорный цвет успеха на темном фоне */ -export const onDarkTextPositiveMinor = 'var(--on-dark-text-positive-minor, #9EFAAF)'; +export const onDarkTextPositiveMinor = 'var(--on-dark-text-positive-minor)'; /** Минорный цвет успеха на темном фоне */ -export const onDarkTextPositiveMinorHover = 'var(--on-dark-text-positive-minor-hover, #C5FCCFFF)'; +export const onDarkTextPositiveMinorHover = 'var(--on-dark-text-positive-minor-hover)'; /** Минорный цвет успеха на темном фоне */ -export const onDarkTextPositiveMinorActive = 'var(--on-dark-text-positive-minor-active, #77F88FFF)'; +export const onDarkTextPositiveMinorActive = 'var(--on-dark-text-positive-minor-active)'; /** Минорный цвет предупреждения на темном фоне */ -export const onDarkTextWarningMinor = 'var(--on-dark-text-warning-minor, #FEE2D2)'; +export const onDarkTextWarningMinor = 'var(--on-dark-text-warning-minor)'; /** Минорный цвет предупреждения на темном фоне */ -export const onDarkTextWarningMinorHover = 'var(--on-dark-text-warning-minor-hover, #FFFCFAFF)'; +export const onDarkTextWarningMinorHover = 'var(--on-dark-text-warning-minor-hover)'; /** Минорный цвет предупреждения на темном фоне */ -export const onDarkTextWarningMinorActive = 'var(--on-dark-text-warning-minor-active, #FDC9AAFF)'; +export const onDarkTextWarningMinorActive = 'var(--on-dark-text-warning-minor-active)'; /** Минорный цвет ошибки на темном фоне */ -export const onDarkTextNegativeMinor = 'var(--on-dark-text-negative-minor, #FFE0E3)'; +export const onDarkTextNegativeMinor = 'var(--on-dark-text-negative-minor)'; /** Минорный цвет ошибки на темном фоне */ -export const onDarkTextNegativeMinorHover = 'var(--on-dark-text-negative-minor-hover, #FFFFFFFF)'; +export const onDarkTextNegativeMinorHover = 'var(--on-dark-text-negative-minor-hover)'; /** Минорный цвет ошибки на темном фоне */ -export const onDarkTextNegativeMinorActive = 'var(--on-dark-text-negative-minor-active, #FFB8BFFF)'; +export const onDarkTextNegativeMinorActive = 'var(--on-dark-text-negative-minor-active)'; /** Минорный цвет информации на темном фоне */ -export const onDarkTextInfoMinor = 'var(--on-dark-text-info-minor, #CFECFF)'; +export const onDarkTextInfoMinor = 'var(--on-dark-text-info-minor)'; /** Минорный цвет информации на темном фоне */ -export const onDarkTextInfoMinorHover = 'var(--on-dark-text-info-minor-hover, #FAFDFFFF)'; +export const onDarkTextInfoMinorHover = 'var(--on-dark-text-info-minor-hover)'; /** Минорный цвет информации на темном фоне */ -export const onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active, #A8DCFFFF)'; +export const onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active)'; /** Основной цвет текста на светлом фоне */ -export const onLightTextPrimary = 'var(--on-light-text-primary, #080808F5)'; +export const onLightTextPrimary = 'var(--on-light-text-primary)'; /** Основной цвет текста на светлом фоне */ -export const onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #08080893)'; +export const onLightTextPrimaryHover = 'var(--on-light-text-primary-hover)'; /** Основной цвет текста на светлом фоне */ -export const onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #080808C4)'; +export const onLightTextPrimaryActive = 'var(--on-light-text-primary-active)'; /** Вторичный цвет текста на светлом фоне */ -export const onLightTextSecondary = 'var(--on-light-text-secondary, #0808088F)'; +export const onLightTextSecondary = 'var(--on-light-text-secondary)'; /** Вторичный цвет текста на светлом фоне */ -export const onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #080808FF)'; +export const onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover)'; /** Вторичный цвет текста на светлом фоне */ -export const onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #080808AB)'; +export const onLightTextSecondaryActive = 'var(--on-light-text-secondary-active)'; /** Третичный цвет текста на светлом фоне */ -export const onLightTextTertiary = 'var(--on-light-text-tertiary, #08080847)'; +export const onLightTextTertiary = 'var(--on-light-text-tertiary)'; /** Третичный цвет текста на светлом фоне */ -export const onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #080808FF)'; +export const onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover)'; /** Третичный цвет текста на светлом фоне */ -export const onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #08080856)'; +export const onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active)'; /** Сплошной наборный текст на светлом фоне */ -export const onLightTextParagraph = 'var(--on-light-text-paragraph, #080808CC)'; +export const onLightTextParagraph = 'var(--on-light-text-paragraph)'; /** Сплошной наборный текст на светлом фоне */ -export const onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #0808087A)'; +export const onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover)'; /** Сплошной наборный текст на светлом фоне */ -export const onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #080808A3)'; +export const onLightTextParagraphActive = 'var(--on-light-text-paragraph-active)'; /** Акцентный цвет на светлом фоне */ -export const onLightTextAccent = 'var(--on-light-text-accent, #108E26)'; +export const onLightTextAccent = 'var(--on-light-text-accent)'; /** Акцентный цвет на светлом фоне */ -export const onLightTextAccentHover = 'var(--on-light-text-accent-hover, #14B32EFF)'; +export const onLightTextAccentHover = 'var(--on-light-text-accent-hover)'; /** Акцентный цвет на светлом фоне */ -export const onLightTextAccentActive = 'var(--on-light-text-accent-active, #0C6A1BFF)'; +export const onLightTextAccentActive = 'var(--on-light-text-accent-active)'; /** Акцентный минорный цвет на светлом фоне */ -export const onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #0A2B10)'; +export const onLightTextAccentMinor = 'var(--on-light-text-accent-minor)'; /** Акцентный минорный цвет на светлом фоне */ -export const onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #196B28FF)'; +export const onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover)'; /** Акцентный минорный цвет на светлом фоне */ -export const onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #114A1CFF)'; +export const onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active)'; /** Цвет успеха на светлом фоне */ -export const onLightTextPositive = 'var(--on-light-text-positive, #108E26)'; +export const onLightTextPositive = 'var(--on-light-text-positive)'; /** Цвет успеха на светлом фоне */ -export const onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #14B32EFF)'; +export const onLightTextPositiveHover = 'var(--on-light-text-positive-hover)'; /** Цвет успеха на светлом фоне */ -export const onLightTextPositiveActive = 'var(--on-light-text-positive-active, #0C6A1BFF)'; +export const onLightTextPositiveActive = 'var(--on-light-text-positive-active)'; /** Цвет предупреждения на светлом фоне */ -export const onLightTextWarning = 'var(--on-light-text-warning, #E85702)'; +export const onLightTextWarning = 'var(--on-light-text-warning)'; /** Цвет предупреждения на светлом фоне */ -export const onLightTextWarningHover = 'var(--on-light-text-warning-hover, #FD6B17FF)'; +export const onLightTextWarningHover = 'var(--on-light-text-warning-hover)'; /** Цвет предупреждения на светлом фоне */ -export const onLightTextWarningActive = 'var(--on-light-text-warning-active, #C04802FF)'; +export const onLightTextWarningActive = 'var(--on-light-text-warning-active)'; /** Цвет ошибки на светлом фоне */ -export const onLightTextNegative = 'var(--on-light-text-negative, #F31B31)'; +export const onLightTextNegative = 'var(--on-light-text-negative)'; /** Цвет ошибки на светлом фоне */ -export const onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #F54254FF)'; +export const onLightTextNegativeHover = 'var(--on-light-text-negative-hover)'; /** Цвет ошибки на светлом фоне */ -export const onLightTextNegativeActive = 'var(--on-light-text-negative-active, #DA0B20FF)'; +export const onLightTextNegativeActive = 'var(--on-light-text-negative-active)'; /** Цвет информации на светлом фоне */ -export const onLightTextInfo = 'var(--on-light-text-info, #0B7ECB)'; +export const onLightTextInfo = 'var(--on-light-text-info)'; /** Цвет информации на светлом фоне */ -export const onLightTextInfoHover = 'var(--on-light-text-info-hover, #0D96F2FF)'; +export const onLightTextInfoHover = 'var(--on-light-text-info-hover)'; /** Цвет информации на светлом фоне */ -export const onLightTextInfoActive = 'var(--on-light-text-info-active, #0966A5FF)'; +export const onLightTextInfoActive = 'var(--on-light-text-info-active)'; /** Минорный цвет успеха на светлом фоне */ -export const onLightTextPositiveMinor = 'var(--on-light-text-positive-minor, #0A2B10)'; +export const onLightTextPositiveMinor = 'var(--on-light-text-positive-minor)'; /** Минорный цвет успеха на светлом фоне */ -export const onLightTextPositiveMinorHover = 'var(--on-light-text-positive-minor-hover, #196B28FF)'; +export const onLightTextPositiveMinorHover = 'var(--on-light-text-positive-minor-hover)'; /** Минорный цвет успеха на светлом фоне */ -export const onLightTextPositiveMinorActive = 'var(--on-light-text-positive-minor-active, #114A1CFF)'; +export const onLightTextPositiveMinorActive = 'var(--on-light-text-positive-minor-active)'; /** Минорный цвет предупреждения на светлом фоне */ -export const onLightTextWarningMinor = 'var(--on-light-text-warning-minor, #3D1D0A)'; +export const onLightTextWarningMinor = 'var(--on-light-text-warning-minor)'; /** Минорный цвет предупреждения на светлом фоне */ -export const onLightTextWarningMinorHover = 'var(--on-light-text-warning-minor-hover, #843E15FF)'; +export const onLightTextWarningMinorHover = 'var(--on-light-text-warning-minor-hover)'; /** Минорный цвет предупреждения на светлом фоне */ -export const onLightTextWarningMinorActive = 'var(--on-light-text-warning-minor-active, #602D10FF)'; +export const onLightTextWarningMinorActive = 'var(--on-light-text-warning-minor-active)'; /** Минорный цвет ошибки на светлом фоне */ -export const onLightTextNegativeMinor = 'var(--on-light-text-negative-minor, #4A0D13)'; +export const onLightTextNegativeMinor = 'var(--on-light-text-negative-minor)'; /** Минорный цвет ошибки на светлом фоне */ -export const onLightTextNegativeMinorHover = 'var(--on-light-text-negative-minor-hover, #8F1925FF)'; +export const onLightTextNegativeMinorHover = 'var(--on-light-text-negative-minor-hover)'; /** Минорный цвет ошибки на светлом фоне */ -export const onLightTextNegativeMinorActive = 'var(--on-light-text-negative-minor-active, #6C131CFF)'; +export const onLightTextNegativeMinorActive = 'var(--on-light-text-negative-minor-active)'; /** Минорный цвет информации на светлом фоне */ -export const onLightTextInfoMinor = 'var(--on-light-text-info-minor, #0C283B)'; +export const onLightTextInfoMinor = 'var(--on-light-text-info-minor)'; /** Минорный цвет информации на светлом фоне */ -export const onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover, #1A577FFF)'; +export const onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover)'; /** Минорный цвет информации на светлом фоне */ -export const onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active, #13405DFF)'; +export const onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active)'; /** Инвертированный основной цвет текста */ -export const inverseTextPrimary = 'var(--inverse-text-primary, rgba(255, 255, 255, 0.96))'; +export const inverseTextPrimary = 'var(--inverse-text-primary)'; /** Инвертированный основной цвет текста */ -export const inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #FFFFFF93)'; +export const inverseTextPrimaryHover = 'var(--inverse-text-primary-hover)'; /** Инвертированный основной цвет текста */ -export const inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #FFFFFFC4)'; +export const inverseTextPrimaryActive = 'var(--inverse-text-primary-active)'; /** Инвертированный вторичный цвет текста */ -export const inverseTextSecondary = 'var(--inverse-text-secondary, rgba(255, 255, 255, 0.56))'; +export const inverseTextSecondary = 'var(--inverse-text-secondary)'; /** Инвертированный вторичный цвет текста */ -export const inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #FFFFFFFF)'; +export const inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover)'; /** Инвертированный вторичный цвет текста */ -export const inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #FFFFFFAB)'; +export const inverseTextSecondaryActive = 'var(--inverse-text-secondary-active)'; /** Инвертированный третичный цвет текста */ -export const inverseTextTertiary = 'var(--inverse-text-tertiary, rgba(255, 255, 255, 0.28))'; +export const inverseTextTertiary = 'var(--inverse-text-tertiary)'; /** Инвертированный третичный цвет текста */ -export const inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #FFFFFFFF)'; +export const inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover)'; /** Инвертированный третичный цвет текста */ -export const inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #FFFFFF56)'; +export const inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active)'; /** Инвертированный сплошной наборный текст */ -export const inverseTextParagraph = 'var(--inverse-text-paragraph, rgba(255, 255, 255, 0.8))'; +export const inverseTextParagraph = 'var(--inverse-text-paragraph)'; /** Инвертированный сплошной наборный текст */ -export const inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #FFFFFF7A)'; +export const inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover)'; /** Инвертированный сплошной наборный текст */ -export const inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #FFFFFFA3)'; +export const inverseTextParagraphActive = 'var(--inverse-text-paragraph-active)'; /** Инвертированный акцентный цвет */ -export const inverseTextAccent = 'var(--inverse-text-accent, #1A9E32)'; +export const inverseTextAccent = 'var(--inverse-text-accent)'; /** Инвертированный акцентный цвет */ -export const inverseTextAccentHover = 'var(--inverse-text-accent-hover, #1FC13DFF)'; +export const inverseTextAccentHover = 'var(--inverse-text-accent-hover)'; /** Инвертированный акцентный цвет */ -export const inverseTextAccentActive = 'var(--inverse-text-accent-active, #147B27FF)'; +export const inverseTextAccentActive = 'var(--inverse-text-accent-active)'; /** Инвертированный минорный акцентный цвет */ -export const inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #9EFAAF)'; +export const inverseTextAccentMinor = 'var(--inverse-text-accent-minor)'; /** Инвертированный минорный акцентный цвет */ -export const inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #C5FCCFFF)'; +export const inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover)'; /** Инвертированный минорный акцентный цвет */ -export const inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #77F88FFF)'; +export const inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active)'; /** Инвертированный цвет успеха */ -export const inverseTextPositive = 'var(--inverse-text-positive, #1A9E32)'; +export const inverseTextPositive = 'var(--inverse-text-positive)'; /** Инвертированный цвет успеха */ -export const inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #1FC13DFF)'; +export const inverseTextPositiveHover = 'var(--inverse-text-positive-hover)'; /** Инвертированный цвет успеха */ -export const inverseTextPositiveActive = 'var(--inverse-text-positive-active, #147B27FF)'; +export const inverseTextPositiveActive = 'var(--inverse-text-positive-active)'; /** Инвертированный цвет предупреждения */ -export const inverseTextWarning = 'var(--inverse-text-warning, #FA5F05)'; +export const inverseTextWarning = 'var(--inverse-text-warning)'; /** Инвертированный цвет предупреждения */ -export const inverseTextWarningHover = 'var(--inverse-text-warning-hover, #FB782DFF)'; +export const inverseTextWarningHover = 'var(--inverse-text-warning-hover)'; /** Инвертированный цвет предупреждения */ -export const inverseTextWarningActive = 'var(--inverse-text-warning-active, #D25004FF)'; +export const inverseTextWarningActive = 'var(--inverse-text-warning-active)'; /** Инвертированный цвет ошибки */ -export const inverseTextNegative = 'var(--inverse-text-negative, #FF293E)'; +export const inverseTextNegative = 'var(--inverse-text-negative)'; /** Инвертированный цвет ошибки */ -export const inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #FF5263FF)'; +export const inverseTextNegativeHover = 'var(--inverse-text-negative-hover)'; /** Инвертированный цвет ошибки */ -export const inverseTextNegativeActive = 'var(--inverse-text-negative-active, #FF001AFF)'; +export const inverseTextNegativeActive = 'var(--inverse-text-negative-active)'; /** Инвертированный цвет информации */ -export const inverseTextInfo = 'var(--inverse-text-info, #118CDF)'; +export const inverseTextInfo = 'var(--inverse-text-info)'; /** Инвертированный цвет информации */ -export const inverseTextInfoHover = 'var(--inverse-text-info-hover, #2AA0EFFF)'; +export const inverseTextInfoHover = 'var(--inverse-text-info-hover)'; /** Инвертированный цвет информации */ -export const inverseTextInfoActive = 'var(--inverse-text-info-active, #0E75B9FF)'; +export const inverseTextInfoActive = 'var(--inverse-text-info-active)'; /** Инвертированный минорный цвет успеха */ -export const inverseTextPositiveMinor = 'var(--inverse-text-positive-minor, #9EFAAF)'; +export const inverseTextPositiveMinor = 'var(--inverse-text-positive-minor)'; /** Инвертированный минорный цвет успеха */ -export const inverseTextPositiveMinorHover = 'var(--inverse-text-positive-minor-hover, #C5FCCFFF)'; +export const inverseTextPositiveMinorHover = 'var(--inverse-text-positive-minor-hover)'; /** Инвертированный минорный цвет успеха */ -export const inverseTextPositiveMinorActive = 'var(--inverse-text-positive-minor-active, #77F88FFF)'; +export const inverseTextPositiveMinorActive = 'var(--inverse-text-positive-minor-active)'; /** Инвертированный минорный цвет предупреждения */ -export const inverseTextWarningMinor = 'var(--inverse-text-warning-minor, #FEE2D2)'; +export const inverseTextWarningMinor = 'var(--inverse-text-warning-minor)'; /** Инвертированный минорный цвет предупреждения */ -export const inverseTextWarningMinorHover = 'var(--inverse-text-warning-minor-hover, #FFFCFAFF)'; +export const inverseTextWarningMinorHover = 'var(--inverse-text-warning-minor-hover)'; /** Инвертированный минорный цвет предупреждения */ -export const inverseTextWarningMinorActive = 'var(--inverse-text-warning-minor-active, #FDC9AAFF)'; +export const inverseTextWarningMinorActive = 'var(--inverse-text-warning-minor-active)'; /** Инвертированный минорный цвет ошибки */ -export const inverseTextNegativeMinor = 'var(--inverse-text-negative-minor, #FFE0E3)'; +export const inverseTextNegativeMinor = 'var(--inverse-text-negative-minor)'; /** Инвертированный минорный цвет ошибки */ -export const inverseTextNegativeMinorHover = 'var(--inverse-text-negative-minor-hover, #FFFFFFFF)'; +export const inverseTextNegativeMinorHover = 'var(--inverse-text-negative-minor-hover)'; /** Инвертированный минорный цвет ошибки */ -export const inverseTextNegativeMinorActive = 'var(--inverse-text-negative-minor-active, #FFB8BFFF)'; +export const inverseTextNegativeMinorActive = 'var(--inverse-text-negative-minor-active)'; /** Инвертированный минорный цвет информации */ -export const inverseTextInfoMinor = 'var(--inverse-text-info-minor, #CFECFF)'; +export const inverseTextInfoMinor = 'var(--inverse-text-info-minor)'; /** Инвертированный минорный цвет информации */ -export const inverseTextInfoMinorHover = 'var(--inverse-text-info-minor-hover, #FAFDFFFF)'; +export const inverseTextInfoMinorHover = 'var(--inverse-text-info-minor-hover)'; /** Инвертированный минорный цвет информации */ -export const inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active, #A8DCFFFF)'; +export const inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active)'; /** Основной непрозрачный фон поверхности/контрола */ -export const surfaceSolidPrimary = 'var(--surface-solid-primary, #F5F5F5)'; +export const surfaceSolidPrimary = 'var(--surface-solid-primary)'; /** Основной непрозрачный фон поверхности/контрола */ -export const surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #FAFAFAFF)'; +export const surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover)'; /** Основной непрозрачный фон поверхности/контрола */ -export const surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #F0F0F0FF)'; +export const surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active)'; /** Вторичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidSecondary = 'var(--surface-solid-secondary, #ECECEC)'; +export const surfaceSolidSecondary = 'var(--surface-solid-secondary)'; /** Вторичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidSecondaryHover = 'var(--surface-solid-secondary-hover, #F7F7F7FF)'; +export const surfaceSolidSecondaryHover = 'var(--surface-solid-secondary-hover)'; /** Вторичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidSecondaryActive = 'var(--surface-solid-secondary-active, #E8E8E8FF)'; +export const surfaceSolidSecondaryActive = 'var(--surface-solid-secondary-active)'; /** Третичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidTertiary = 'var(--surface-solid-tertiary, #DDDDDD)'; +export const surfaceSolidTertiary = 'var(--surface-solid-tertiary)'; /** Третичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover, #EDEDEDFF)'; +export const surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover)'; /** Третичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #D4D4D4FF)'; +export const surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active)'; /** Основной фон для карточек */ -export const surfaceSolidCard = 'var(--surface-solid-card, #FFFFFF)'; +export const surfaceSolidCard = 'var(--surface-solid-card)'; /** Основной фон для карточек */ -export const surfaceSolidCardHover = 'var(--surface-solid-card-hover, #FFFFFFFF)'; +export const surfaceSolidCardHover = 'var(--surface-solid-card-hover)'; /** Основной фон для карточек */ -export const surfaceSolidCardActive = 'var(--surface-solid-card-active, #FFFFFFFF)'; +export const surfaceSolidCardActive = 'var(--surface-solid-card-active)'; /** Непрозрачный фон поверхности/контрола по умолчанию */ -export const surfaceSolidDefault = 'var(--surface-solid-default, #080808)'; +export const surfaceSolidDefault = 'var(--surface-solid-default)'; /** Непрозрачный фон поверхности/контрола по умолчанию */ -export const surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #262626FF)'; +export const surfaceSolidDefaultHover = 'var(--surface-solid-default-hover)'; /** Непрозрачный фон поверхности/контрола по умолчанию */ -export const surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #030303FF)'; +export const surfaceSolidDefaultActive = 'var(--surface-solid-default-active)'; /** Основной прозрачный фон поверхности/контрола */ -export const surfaceTransparentPrimary = 'var(--surface-transparent-primary, #08080808)'; +export const surfaceTransparentPrimary = 'var(--surface-transparent-primary)'; /** Основной прозрачный фон поверхности/контрола */ -export const surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #08080803)'; +export const surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover)'; /** Основной прозрачный фон поверхности/контрола */ -export const surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #0808080D)'; +export const surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active)'; /** Вторичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #0808080F)'; +export const surfaceTransparentSecondary = 'var(--surface-transparent-secondary)'; /** Вторичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #08080805)'; +export const surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover)'; /** Вторичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #0808081A)'; +export const surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active)'; /** Третичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #0808081F)'; +export const surfaceTransparentTertiary = 'var(--surface-transparent-tertiary)'; /** Третичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #0808080A)'; +export const surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover)'; /** Третичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #08080829)'; +export const surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active)'; /** Глубокий прозрачный фон поверхности/контрола */ -export const surfaceTransparentDeep = 'var(--surface-transparent-deep, #080808A3)'; +export const surfaceTransparentDeep = 'var(--surface-transparent-deep)'; /** Глубокий прозрачный фон поверхности/контрола */ -export const surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #0808088F)'; +export const surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover)'; /** Глубокий прозрачный фон поверхности/контрола */ -export const surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #080808AD)'; +export const surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active)'; /** Прозрачный фон для карточек */ -export const surfaceTransparentCard = 'var(--surface-transparent-card, #0808080F)'; +export const surfaceTransparentCard = 'var(--surface-transparent-card)'; /** Прозрачный фон для карточек */ -export const surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #08080805)'; +export const surfaceTransparentCardHover = 'var(--surface-transparent-card-hover)'; /** Прозрачный фон для карточек */ -export const surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #0808081A)'; +export const surfaceTransparentCardActive = 'var(--surface-transparent-card-active)'; /** Фон поверхности/контрола без заливки */ -export const surfaceClear = 'var(--surface-clear, #FFFFFF00)'; +export const surfaceClear = 'var(--surface-clear)'; /** Фон поверхности/контрола без заливки */ -export const surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)'; +export const surfaceClearHover = 'var(--surface-clear-hover)'; /** Фон поверхности/контрола без заливки */ -export const surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)'; +export const surfaceClearActive = 'var(--surface-clear-active)'; /** Акцентный фон поверхности/контрола */ -export const surfaceAccent = 'var(--surface-accent, #108E26)'; +export const surfaceAccent = 'var(--surface-accent)'; /** Акцентный фон поверхности/контрола */ -export const surfaceAccentHover = 'var(--surface-accent-hover, #12A12AFF)'; +export const surfaceAccentHover = 'var(--surface-accent-hover)'; /** Акцентный фон поверхности/контрола */ -export const surfaceAccentActive = 'var(--surface-accent-active, #0E7C20FF)'; +export const surfaceAccentActive = 'var(--surface-accent-active)'; /** Акцентный минорный непрозрачный фон поверхности/контрола */ -export const surfaceAccentMinor = 'var(--surface-accent-minor, #77F38E)'; +export const surfaceAccentMinor = 'var(--surface-accent-minor)'; /** Акцентный минорный непрозрачный фон поверхности/контрола */ -export const surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #93F6A5FF)'; +export const surfaceAccentMinorHover = 'var(--surface-accent-minor-hover)'; /** Акцентный минорный непрозрачный фон поверхности/контрола */ -export const surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #64F27EFF)'; +export const surfaceAccentMinorActive = 'var(--surface-accent-minor-active)'; /** Прозрачный акцентный фон поверхности/контрола */ -export const surfaceTransparentAccent = 'var(--surface-transparent-accent, #108E2647)'; +export const surfaceTransparentAccent = 'var(--surface-transparent-accent)'; /** Прозрачный акцентный фон поверхности/контрола */ -export const surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #108E2533)'; +export const surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover)'; /** Прозрачный акцентный фон поверхности/контрола */ -export const surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #108E2552)'; +export const surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active)'; /** Цвет фона поверхности/контрола успех */ -export const surfacePositive = 'var(--surface-positive, #1A9E32)'; +export const surfacePositive = 'var(--surface-positive)'; /** Цвет фона поверхности/контрола успех */ -export const surfacePositiveHover = 'var(--surface-positive-hover, #1EB83AFF)'; +export const surfacePositiveHover = 'var(--surface-positive-hover)'; /** Цвет фона поверхности/контрола успех */ -export const surfacePositiveActive = 'var(--surface-positive-active, #178C2CFF)'; +export const surfacePositiveActive = 'var(--surface-positive-active)'; /** Цвет фона поверхности/контрола предупреждение */ -export const surfaceWarning = 'var(--surface-warning, #FA5F05)'; +export const surfaceWarning = 'var(--surface-warning)'; /** Цвет фона поверхности/контрола предупреждение */ -export const surfaceWarningHover = 'var(--surface-warning-hover, #FB782DFF)'; +export const surfaceWarningHover = 'var(--surface-warning-hover)'; /** Цвет фона поверхности/контрола предупреждение */ -export const surfaceWarningActive = 'var(--surface-warning-active, #E65705FF)'; +export const surfaceWarningActive = 'var(--surface-warning-active)'; /** Цвет фона поверхности/контрола ошибка */ -export const surfaceNegative = 'var(--surface-negative, #FF293E)'; +export const surfaceNegative = 'var(--surface-negative)'; /** Цвет фона поверхности/контрола ошибка */ -export const surfaceNegativeHover = 'var(--surface-negative-hover, #FF5263FF)'; +export const surfaceNegativeHover = 'var(--surface-negative-hover)'; /** Цвет фона поверхности/контрола ошибка */ -export const surfaceNegativeActive = 'var(--surface-negative-active, #FF142CFF)'; +export const surfaceNegativeActive = 'var(--surface-negative-active)'; /** Цвет фона поверхности/контрола информация */ -export const surfaceInfo = 'var(--surface-info, #118CDF)'; +export const surfaceInfo = 'var(--surface-info)'; /** Цвет фона поверхности/контрола информация */ -export const surfaceInfoHover = 'var(--surface-info-hover, #1798EEFF)'; +export const surfaceInfoHover = 'var(--surface-info-hover)'; /** Цвет фона поверхности/контрола информация */ -export const surfaceInfoActive = 'var(--surface-info-active, #0F81CCFF)'; +export const surfaceInfoActive = 'var(--surface-info-active)'; /** Минорный цвет фона поверхности/контрола успех */ -export const surfacePositiveMinor = 'var(--surface-positive-minor, #77F38E)'; +export const surfacePositiveMinor = 'var(--surface-positive-minor)'; /** Минорный цвет фона поверхности/контрола успех */ -export const surfacePositiveMinorHover = 'var(--surface-positive-minor-hover, #93F6A5FF)'; +export const surfacePositiveMinorHover = 'var(--surface-positive-minor-hover)'; /** Минорный цвет фона поверхности/контрола успех */ -export const surfacePositiveMinorActive = 'var(--surface-positive-minor-active, #64F27EFF)'; +export const surfacePositiveMinorActive = 'var(--surface-positive-minor-active)'; /** Минорный цвет фона поверхности/контрола предупреждение */ -export const surfaceWarningMinor = 'var(--surface-warning-minor, #FFD1B8)'; +export const surfaceWarningMinor = 'var(--surface-warning-minor)'; /** Минорный цвет фона поверхности/контрола предупреждение */ -export const surfaceWarningMinorHover = 'var(--surface-warning-minor-hover, #FFDECCFF)'; +export const surfaceWarningMinorHover = 'var(--surface-warning-minor-hover)'; /** Минорный цвет фона поверхности/контрола предупреждение */ -export const surfaceWarningMinorActive = 'var(--surface-warning-minor-active, #FFC3A3FF)'; +export const surfaceWarningMinorActive = 'var(--surface-warning-minor-active)'; /** Минорный цвет фона поверхности/контрола ошибка */ -export const surfaceNegativeMinor = 'var(--surface-negative-minor, #FECDD2)'; +export const surfaceNegativeMinor = 'var(--surface-negative-minor)'; /** Минорный цвет фона поверхности/контрола ошибка */ -export const surfaceNegativeMinorHover = 'var(--surface-negative-minor-hover, #FEE1E4FF)'; +export const surfaceNegativeMinorHover = 'var(--surface-negative-minor-hover)'; /** Минорный цвет фона поверхности/контрола ошибка */ -export const surfaceNegativeMinorActive = 'var(--surface-negative-minor-active, #FEC3C9FF)'; +export const surfaceNegativeMinorActive = 'var(--surface-negative-minor-active)'; /** Минорный цвет фона поверхности/контрола информация */ -export const surfaceInfoMinor = 'var(--surface-info-minor, #B0DFFF)'; +export const surfaceInfoMinor = 'var(--surface-info-minor)'; /** Минорный цвет фона поверхности/контрола информация */ -export const surfaceInfoMinorHover = 'var(--surface-info-minor-hover, #C7E9FFFF)'; +export const surfaceInfoMinorHover = 'var(--surface-info-minor-hover)'; /** Минорный цвет фона поверхности/контрола информация */ -export const surfaceInfoMinorActive = 'var(--surface-info-minor-active, #9ED8FFFF)'; +export const surfaceInfoMinorActive = 'var(--surface-info-minor-active)'; /** Прозрачный цвет фона поверхности/контрола успех */ -export const surfaceTransparentPositive = 'var(--surface-transparent-positive, #1A9E3247)'; +export const surfaceTransparentPositive = 'var(--surface-transparent-positive)'; /** Прозрачный цвет фона поверхности/контрола успех */ -export const surfaceTransparentPositiveHover = 'var(--surface-transparent-positive-hover, #1A9E3233)'; +export const surfaceTransparentPositiveHover = 'var(--surface-transparent-positive-hover)'; /** Прозрачный цвет фона поверхности/контрола успех */ -export const surfaceTransparentPositiveActive = 'var(--surface-transparent-positive-active, #1A9E3252)'; +export const surfaceTransparentPositiveActive = 'var(--surface-transparent-positive-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentWarning = 'var(--surface-transparent-warning, #FA5F0547)'; +export const surfaceTransparentWarning = 'var(--surface-transparent-warning)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover, #FA5F0533)'; +export const surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active, #FA5F0552)'; +export const surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentNegative = 'var(--surface-transparent-negative, #FF293E47)'; +export const surfaceTransparentNegative = 'var(--surface-transparent-negative)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #FF293E33)'; +export const surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #FF293E52)'; +export const surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active)'; /** Прозрачный цвет фона поверхности/контрола информация */ -export const surfaceTransparentInfo = 'var(--surface-transparent-info, #118CDF47)'; +export const surfaceTransparentInfo = 'var(--surface-transparent-info)'; /** Прозрачный цвет фона поверхности/контрола информация */ -export const surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover, #118CDF33)'; +export const surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover)'; /** Прозрачный цвет фона поверхности/контрола информация */ -export const surfaceTransparentInfoActive = 'var(--surface-transparent-info-active, #118CDF52)'; +export const surfaceTransparentInfoActive = 'var(--surface-transparent-info-active)'; /** Основной непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #171717)'; +export const onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary)'; /** Основной непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #363636FF)'; +export const onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover)'; /** Основной непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-active, #0D0D0DFF)'; +export const onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-active)'; /** Вторичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary, #262626)'; +export const onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary)'; /** Вторичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover, #3B3B3BFF)'; +export const onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover)'; /** Вторичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidSecondaryActive = 'var(--on-dark-surface-solid-secondary-active, #1C1C1CFF)'; +export const onDarkSurfaceSolidSecondaryActive = 'var(--on-dark-surface-solid-secondary-active)'; /** Третичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #363636)'; +export const onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary)'; /** Третичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #4A4A4AFF)'; +export const onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover)'; /** Третичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #2B2B2BFF)'; +export const onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active)'; /** Основной фон для карточек на темном фоне */ -export const onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #171717)'; +export const onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card)'; /** Основной фон для карточек на темном фоне */ -export const onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #363636FF)'; +export const onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover)'; /** Основной фон для карточек на темном фоне */ -export const onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active, #0D0D0DFF)'; +export const onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active)'; /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */ -export const onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #F9F9F9)'; +export const onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default)'; /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */ -export const onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover, #FFFFFFFF)'; +export const onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover)'; /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */ -export const onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active, #F5F5F5FF)'; +export const onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #F9F9F90F)'; +export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FAFAFA05)'; +export const onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FAFAFA1A)'; +export const onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active)'; /** Вторичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #F9F9F91F)'; +export const onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary)'; /** Вторичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FAFAFA0A)'; +export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover)'; /** Вторичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FAFAFA29)'; +export const onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active)'; /** Третичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #F9F9F933)'; +export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary)'; /** Третичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FAFAFA1F)'; +export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover)'; /** Третичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FAFAFA3D)'; +export const onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active)'; /** Глубокий прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #F9F9F9A3)'; +export const onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep)'; /** Глубокий прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #FAFAFA8F)'; +export const onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover)'; /** Глубокий прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #FAFAFAAD)'; +export const onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active)'; /** Прозрачный фон для карточек на темном фоне */ -export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #F9F9F90F)'; +export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card)'; /** Прозрачный фон для карточек на темном фоне */ -export const onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FAFAFA05)'; +export const onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover)'; /** Прозрачный фон для карточек на темном фоне */ -export const onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FAFAFA1A)'; +export const onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active)'; /** Фон поверхности/контрола без заливки на темном фоне */ -export const onDarkSurfaceClear = 'var(--on-dark-surface-clear, #FFFFFF00)'; +export const onDarkSurfaceClear = 'var(--on-dark-surface-clear)'; /** Фон поверхности/контрола без заливки на темном фоне */ -export const onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover, #FFFFFF00)'; +export const onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover)'; /** Фон поверхности/контрола без заливки на темном фоне */ -export const onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active, #FFFFFF00)'; +export const onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active)'; /** Акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #1A9E32)'; +export const onDarkSurfaceAccent = 'var(--on-dark-surface-accent)'; /** Акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #1EB83AFF)'; +export const onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover)'; /** Акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #178C2CFF)'; +export const onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #0A2B10)'; +export const onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #0E3A16FF)'; +export const onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #061909FF)'; +export const onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active)'; /** Прозрачный акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #1A9E3247)'; +export const onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent)'; /** Прозрачный акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #1A9E3233)'; +export const onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover)'; /** Прозрачный акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #1A9E3252)'; +export const onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active)'; /** Цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositive = 'var(--on-dark-surface-positive, #1A9E32)'; +export const onDarkSurfacePositive = 'var(--on-dark-surface-positive)'; /** Цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #1EB83AFF)'; +export const onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover)'; /** Цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositiveActive = 'var(--on-dark-surface-positive-active, #178C2CFF)'; +export const onDarkSurfacePositiveActive = 'var(--on-dark-surface-positive-active)'; /** Цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarning = 'var(--on-dark-surface-warning, #FA5F05)'; +export const onDarkSurfaceWarning = 'var(--on-dark-surface-warning)'; /** Цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarningHover = 'var(--on-dark-surface-warning-hover, #FB782DFF)'; +export const onDarkSurfaceWarningHover = 'var(--on-dark-surface-warning-hover)'; /** Цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarningActive = 'var(--on-dark-surface-warning-active, #E65705FF)'; +export const onDarkSurfaceWarningActive = 'var(--on-dark-surface-warning-active)'; /** Цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #FF293E)'; +export const onDarkSurfaceNegative = 'var(--on-dark-surface-negative)'; /** Цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegativeHover = 'var(--on-dark-surface-negative-hover, #FF5263FF)'; +export const onDarkSurfaceNegativeHover = 'var(--on-dark-surface-negative-hover)'; /** Цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegativeActive = 'var(--on-dark-surface-negative-active, #FF142CFF)'; +export const onDarkSurfaceNegativeActive = 'var(--on-dark-surface-negative-active)'; /** Цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfo = 'var(--on-dark-surface-info, #118CDF)'; +export const onDarkSurfaceInfo = 'var(--on-dark-surface-info)'; /** Цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover, #1798EEFF)'; +export const onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover)'; /** Цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active, #0F81CCFF)'; +export const onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active)'; /** Минорный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositiveMinor = 'var(--on-dark-surface-positive-minor, #0A2B10)'; +export const onDarkSurfacePositiveMinor = 'var(--on-dark-surface-positive-minor)'; /** Минорный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositiveMinorHover = 'var(--on-dark-surface-positive-minor-hover, #0E3A16FF)'; +export const onDarkSurfacePositiveMinorHover = 'var(--on-dark-surface-positive-minor-hover)'; /** Минорный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositiveMinorActive = 'var(--on-dark-surface-positive-minor-active, #061909FF)'; +export const onDarkSurfacePositiveMinorActive = 'var(--on-dark-surface-positive-minor-active)'; /** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarningMinor = 'var(--on-dark-surface-warning-minor, #3D1D0A)'; +export const onDarkSurfaceWarningMinor = 'var(--on-dark-surface-warning-minor)'; /** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarningMinorHover = 'var(--on-dark-surface-warning-minor-hover, #58290EFF)'; +export const onDarkSurfaceWarningMinorHover = 'var(--on-dark-surface-warning-minor-hover)'; /** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarningMinorActive = 'var(--on-dark-surface-warning-minor-active, #2C1507FF)'; +export const onDarkSurfaceWarningMinorActive = 'var(--on-dark-surface-warning-minor-active)'; /** Минорный цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegativeMinor = 'var(--on-dark-surface-negative-minor, #4A0D13)'; +export const onDarkSurfaceNegativeMinor = 'var(--on-dark-surface-negative-minor)'; /** Минорный цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegativeMinorHover = 'var(--on-dark-surface-negative-minor-hover, #64121AFF)'; +export const onDarkSurfaceNegativeMinorHover = 'var(--on-dark-surface-negative-minor-hover)'; /** Минорный цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegativeMinorActive = 'var(--on-dark-surface-negative-minor-active, #380A0FFF)'; +export const onDarkSurfaceNegativeMinorActive = 'var(--on-dark-surface-negative-minor-active)'; /** Минорный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfoMinor = 'var(--on-dark-surface-info-minor, #0C283B)'; +export const onDarkSurfaceInfoMinor = 'var(--on-dark-surface-info-minor)'; /** Минорный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfoMinorHover = 'var(--on-dark-surface-info-minor-hover, #10344CFF)'; +export const onDarkSurfaceInfoMinorHover = 'var(--on-dark-surface-info-minor-hover)'; /** Минорный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfoMinorActive = 'var(--on-dark-surface-info-minor-active, #091D2AFF)'; +export const onDarkSurfaceInfoMinorActive = 'var(--on-dark-surface-info-minor-active)'; /** Прозрачный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfaceTransparentPositive = 'var(--on-dark-surface-transparent-positive, #1A9E3247)'; +export const onDarkSurfaceTransparentPositive = 'var(--on-dark-surface-transparent-positive)'; /** Прозрачный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfaceTransparentPositiveHover = 'var(--on-dark-surface-transparent-positive-hover, #1A9E3233)'; +export const onDarkSurfaceTransparentPositiveHover = 'var(--on-dark-surface-transparent-positive-hover)'; /** Прозрачный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfaceTransparentPositiveActive = 'var(--on-dark-surface-transparent-positive-active, #1A9E3252)'; +export const onDarkSurfaceTransparentPositiveActive = 'var(--on-dark-surface-transparent-positive-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentWarning = 'var(--on-dark-surface-transparent-warning, #FA5F0547)'; +export const onDarkSurfaceTransparentWarning = 'var(--on-dark-surface-transparent-warning)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentWarningHover = 'var(--on-dark-surface-transparent-warning-hover, #FA5F0533)'; +export const onDarkSurfaceTransparentWarningHover = 'var(--on-dark-surface-transparent-warning-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentWarningActive = 'var(--on-dark-surface-transparent-warning-active, #FA5F0552)'; +export const onDarkSurfaceTransparentWarningActive = 'var(--on-dark-surface-transparent-warning-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative, #FF293E47)'; +export const onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #FF293E33)'; +export const onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #FF293E52)'; +export const onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active)'; /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceTransparentInfo = 'var(--on-dark-surface-transparent-info, #118CDF47)'; +export const onDarkSurfaceTransparentInfo = 'var(--on-dark-surface-transparent-info)'; /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover, #118CDF33)'; +export const onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover)'; /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transparent-info-active, #118CDF52)'; +export const onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transparent-info-active)'; /** Основной непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #F5F5F5)'; +export const onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary)'; /** Основной непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #FAFAFAFF)'; +export const onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover)'; /** Основной непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active, #F0F0F0FF)'; +export const onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active)'; /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary, #ECECEC)'; +export const onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary)'; /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover, #F7F7F7FF)'; +export const onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover)'; /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active, #E8E8E8FF)'; +export const onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active)'; /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #DDDDDD)'; +export const onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary)'; /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #EDEDEDFF)'; +export const onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover)'; /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #D4D4D4FF)'; +export const onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active)'; /** Основной фон для карточек на светлом фоне */ -export const onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #FFFFFF)'; +export const onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card)'; /** Основной фон для карточек на светлом фоне */ -export const onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover, #FFFFFFFF)'; +export const onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover)'; /** Основной фон для карточек на светлом фоне */ -export const onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active, #FFFFFFFF)'; +export const onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active)'; /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ -export const onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #080808)'; +export const onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default)'; /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ -export const onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #262626FF)'; +export const onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover)'; /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ -export const onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #030303FF)'; +export const onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active)'; /** Основной прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #08080808)'; +export const onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary)'; /** Основной прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #08080803)'; +export const onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover)'; /** Основной прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #0808080D)'; +export const onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active)'; /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #0808080F)'; +export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary)'; /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #08080805)'; +export const onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover)'; /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentSecondaryActive = - 'var(--on-light-surface-transparent-secondary-active, #0808081A)'; +export const onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active)'; /** Третичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #0808081F)'; +export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary)'; /** Третичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #0808080A)'; +export const onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover)'; /** Третичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #08080829)'; +export const onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active)'; /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #080808A3)'; +export const onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep)'; /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #0808088F)'; +export const onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover)'; /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #080808AD)'; +export const onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active)'; /** Прозрачный фон для карточек на светлом фоне */ -export const onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #0808080F)'; +export const onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card)'; /** Прозрачный фон для карточек на светлом фоне */ -export const onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #08080805)'; +export const onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover)'; /** Прозрачный фон для карточек на светлом фоне */ -export const onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #0808081A)'; +export const onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active)'; /** Фон поверхности/контрола без заливки на светлом фоне */ -export const onLightSurfaceClear = 'var(--on-light-surface-clear, #FFFFFF00)'; +export const onLightSurfaceClear = 'var(--on-light-surface-clear)'; /** Фон поверхности/контрола без заливки на светлом фоне */ -export const onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover, #FFFFFF00)'; +export const onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover)'; /** Фон поверхности/контрола без заливки на светлом фоне */ -export const onLightSurfaceClearActive = 'var(--on-light-surface-clear-active, #FFFFFF00)'; +export const onLightSurfaceClearActive = 'var(--on-light-surface-clear-active)'; /** Акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccent = 'var(--on-light-surface-accent, #108E26)'; +export const onLightSurfaceAccent = 'var(--on-light-surface-accent)'; /** Акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #12A12AFF)'; +export const onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover)'; /** Акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #0E7C20FF)'; +export const onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #77F38E)'; +export const onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #93F6A5FF)'; +export const onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #64F27EFF)'; +export const onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active)'; /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #108E2647)'; +export const onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent)'; /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #108E2533)'; +export const onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover)'; /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #108E2552)'; +export const onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active)'; /** Цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositive = 'var(--on-light-surface-positive, #1A9E32)'; +export const onLightSurfacePositive = 'var(--on-light-surface-positive)'; /** Цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1EB83AFF)'; +export const onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover)'; /** Цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active, #178C2CFF)'; +export const onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active)'; /** Цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarning = 'var(--on-light-surface-warning, #FA5F05)'; +export const onLightSurfaceWarning = 'var(--on-light-surface-warning)'; /** Цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover, #FB782DFF)'; +export const onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover)'; /** Цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active, #E65705FF)'; +export const onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active)'; /** Цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegative = 'var(--on-light-surface-negative, #FF293E)'; +export const onLightSurfaceNegative = 'var(--on-light-surface-negative)'; /** Цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #FF5263FF)'; +export const onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover)'; /** Цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #FF142CFF)'; +export const onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active)'; /** Цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfo = 'var(--on-light-surface-info, #118CDF)'; +export const onLightSurfaceInfo = 'var(--on-light-surface-info)'; /** Цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #1798EEFF)'; +export const onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover)'; /** Цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #0F81CCFF)'; +export const onLightSurfaceInfoActive = 'var(--on-light-surface-info-active)'; /** Минорный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositiveMinor = 'var(--on-light-surface-positive-minor, #77F38E)'; +export const onLightSurfacePositiveMinor = 'var(--on-light-surface-positive-minor)'; /** Минорный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #93F6A5FF)'; +export const onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover)'; /** Минорный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active, #64F27EFF)'; +export const onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active)'; /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarningMinor = 'var(--on-light-surface-warning-minor, #FFD1B8)'; +export const onLightSurfaceWarningMinor = 'var(--on-light-surface-warning-minor)'; /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FFDECCFF)'; +export const onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover)'; /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FFC3A3FF)'; +export const onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active)'; /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegativeMinor = 'var(--on-light-surface-negative-minor, #FECDD2)'; +export const onLightSurfaceNegativeMinor = 'var(--on-light-surface-negative-minor)'; /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FEE1E4FF)'; +export const onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover)'; /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active, #FEC3C9FF)'; +export const onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active)'; /** Минорный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfoMinor = 'var(--on-light-surface-info-minor, #B0DFFF)'; +export const onLightSurfaceInfoMinor = 'var(--on-light-surface-info-minor)'; /** Минорный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover, #C7E9FFFF)'; +export const onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover)'; /** Минорный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #9ED8FFFF)'; +export const onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active)'; /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfaceTransparentPositive = 'var(--on-light-surface-transparent-positive, #1A9E3247)'; +export const onLightSurfaceTransparentPositive = 'var(--on-light-surface-transparent-positive)'; /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover, #1A9E3233)'; +export const onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover)'; /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active, #1A9E3252)'; +export const onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentWarning = 'var(--on-light-surface-transparent-warning, #FA5F0547)'; +export const onLightSurfaceTransparentWarning = 'var(--on-light-surface-transparent-warning)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover, #FA5F0533)'; +export const onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active, #FA5F0552)'; +export const onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative, #FF293E47)'; +export const onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #FF293E33)'; +export const onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #FF293E52)'; +export const onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active)'; /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-info, #118CDF47)'; +export const onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-info)'; /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover, #118CDF33)'; +export const onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover)'; /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active, #118CDF52)'; +export const onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active)'; /** Инвертированный основной непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #171717)'; +export const inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary)'; /** Инвертированный основной непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #363636FF)'; +export const inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover)'; /** Инвертированный основной непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active, #0D0D0DFF)'; +export const inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active)'; /** Инвертированный вторичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary, #262626)'; +export const inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary)'; /** Инвертированный вторичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #3B3B3BFF)'; +export const inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover)'; /** Инвертированный вторичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #1C1C1CFF)'; +export const inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active)'; /** Инвертированный третичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #363636)'; +export const inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary)'; /** Инвертированный третичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover, #4A4A4AFF)'; +export const inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover)'; /** Инвертированный третичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active, #2B2B2BFF)'; +export const inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active)'; /** Инвертированный основной фон для карточек */ -export const inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card, #171717)'; +export const inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card)'; /** Инвертированный основной фон для карточек */ -export const inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover, #363636FF)'; +export const inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover)'; /** Инвертированный основной фон для карточек */ -export const inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active, #0D0D0DFF)'; +export const inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active)'; /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ -export const inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #F9F9F9)'; +export const inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default)'; /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ -export const inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #FFFFFFFF)'; +export const inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover)'; /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ -export const inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #F5F5F5FF)'; +export const inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active)'; /** Инвертированный основной прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #F9F9F90F)'; +export const inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary)'; /** Инвертированный основной прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #FAFAFA05)'; +export const inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover)'; /** Инвертированный основной прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #FAFAFA1A)'; +export const inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active)'; /** Инвертированный вторичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #F9F9F91F)'; +export const inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary)'; /** Инвертированный вторичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #FAFAFA0A)'; +export const inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover)'; /** Инвертированный вторичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentSecondaryActive = - 'var(--inverse-surface-transparent-secondary-active, #FAFAFA29)'; +export const inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active)'; /** Инвертированный третичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #F9F9F933)'; +export const inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary)'; /** Инвертированный третичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #FAFAFA1F)'; +export const inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover)'; /** Инвертированный третичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #FAFAFA3D)'; +export const inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active)'; /** Инвертированный глубокий прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, #F9F9F9A3)'; +export const inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep)'; /** Инвертированный глубокий прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #FAFAFA8F)'; +export const inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover)'; /** Инвертированный глубокий прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #FAFAFAAD)'; +export const inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active)'; /** Инвертированный прозрачный фон для карточек */ -export const inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #F9F9F90F)'; +export const inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card)'; /** Инвертированный прозрачный фон для карточек */ -export const inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FAFAFA05)'; +export const inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover)'; /** Инвертированный прозрачный фон для карточек */ -export const inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active, #FAFAFA1A)'; +export const inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active)'; /** Инвертированный фон поверхности/контрола без заливки */ -export const inverseSurfaceClear = 'var(--inverse-surface-clear, #FFFFFF00)'; +export const inverseSurfaceClear = 'var(--inverse-surface-clear)'; /** Инвертированный фон поверхности/контрола без заливки */ -export const inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover, #FFFFFF00)'; +export const inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover)'; /** Инвертированный фон поверхности/контрола без заливки */ -export const inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFF00)'; +export const inverseSurfaceClearActive = 'var(--inverse-surface-clear-active)'; /** Инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceAccent = 'var(--inverse-surface-accent, #1A9E32)'; +export const inverseSurfaceAccent = 'var(--inverse-surface-accent)'; /** Инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #1EB83AFF)'; +export const inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover)'; /** Инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #178C2CFF)'; +export const inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active)'; /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #0A2B10)'; +export const inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor)'; /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #0E3A16FF)'; +export const inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover)'; /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #061909FF)'; +export const inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active)'; /** Прозрачный инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #1A9E3247)'; +export const inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent)'; /** Прозрачный инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #1A9E3233)'; +export const inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover)'; /** Прозрачный инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #1A9E3252)'; +export const inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active)'; /** Инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositive = 'var(--inverse-surface-positive, #1A9E32)'; +export const inverseSurfacePositive = 'var(--inverse-surface-positive)'; /** Инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #1EB83AFF)'; +export const inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover)'; /** Инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #178C2CFF)'; +export const inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active)'; /** Инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarning = 'var(--inverse-surface-warning, #FA5F05)'; +export const inverseSurfaceWarning = 'var(--inverse-surface-warning)'; /** Инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #FB782DFF)'; +export const inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover)'; /** Инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #E65705FF)'; +export const inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active)'; /** Инвертированный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegative = 'var(--inverse-surface-negative, #FF293E)'; +export const inverseSurfaceNegative = 'var(--inverse-surface-negative)'; /** Инвертированный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover, #FF5263FF)'; +export const inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover)'; /** Инвертированный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #FF142CFF)'; +export const inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active)'; /** Инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfo = 'var(--inverse-surface-info, #118CDF)'; +export const inverseSurfaceInfo = 'var(--inverse-surface-info)'; /** Инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #1798EEFF)'; +export const inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover)'; /** Инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #0F81CCFF)'; +export const inverseSurfaceInfoActive = 'var(--inverse-surface-info-active)'; /** Инвертированный минорный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositiveMinor = 'var(--inverse-surface-positive-minor, #0A2B10)'; +export const inverseSurfacePositiveMinor = 'var(--inverse-surface-positive-minor)'; /** Инвертированный минорный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #0E3A16FF)'; +export const inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover)'; /** Инвертированный минорный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #061909FF)'; +export const inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active)'; /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarningMinor = 'var(--inverse-surface-warning-minor, #3D1D0A)'; +export const inverseSurfaceWarningMinor = 'var(--inverse-surface-warning-minor)'; /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover, #58290EFF)'; +export const inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover)'; /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active, #2C1507FF)'; +export const inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active)'; /** Инвертированный минорный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegativeMinor = 'var(--inverse-surface-negative-minor, #4A0D13)'; +export const inverseSurfaceNegativeMinor = 'var(--inverse-surface-negative-minor)'; /** Инвертированный минорный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover, #64121AFF)'; +export const inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover)'; /** Инвертированный минорный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active, #380A0FFF)'; +export const inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active)'; /** Инвертированный минорный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfoMinor = 'var(--inverse-surface-info-minor, #0C283B)'; +export const inverseSurfaceInfoMinor = 'var(--inverse-surface-info-minor)'; /** Инвертированный минорный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover, #10344CFF)'; +export const inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover)'; /** Инвертированный минорный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active, #091D2AFF)'; +export const inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active)'; /** Прозрачный инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfaceTransparentPositive = 'var(--inverse-surface-transparent-positive, #1A9E3247)'; +export const inverseSurfaceTransparentPositive = 'var(--inverse-surface-transparent-positive)'; /** Прозрачный инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover, #1A9E3233)'; +export const inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover)'; /** Прозрачный инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active, #1A9E3252)'; +export const inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentWarning = 'var(--inverse-surface-transparent-warning, #FA5F0547)'; +export const inverseSurfaceTransparentWarning = 'var(--inverse-surface-transparent-warning)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover, #FA5F0533)'; +export const inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active, #FA5F0552)'; +export const inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative, #FF293E47)'; +export const inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #FF293E33)'; +export const inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #FF293E52)'; +export const inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active)'; /** Прозрачный инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info, #118CDF47)'; +export const inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info)'; /** Прозрачный инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover, #118CDF33)'; +export const inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover)'; /** Прозрачный инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active, #118CDF52)'; +export const inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active)'; /** Основной фон */ -export const backgroundPrimary = 'var(--background-primary, #F9F9F9)'; +export const backgroundPrimary = 'var(--background-primary)'; /** Основной фон на темном фоне */ -export const darkBackgroundPrimary = 'var(--dark-background-primary, #080808)'; +export const darkBackgroundPrimary = 'var(--dark-background-primary)'; /** Основной фон на светлом фоне */ -export const lightBackgroundPrimary = 'var(--light-background-primary, #F9F9F9)'; +export const lightBackgroundPrimary = 'var(--light-background-primary)'; /** Инвертированный основной фон */ -export const inverseBackgroundPrimary = 'var(--inverse-background-primary, #080808)'; +export const inverseBackgroundPrimary = 'var(--inverse-background-primary)'; /** Цвет фона паранжи светлый */ -export const overlaySoft = 'var(--overlay-soft, #F9F9F98F)'; +export const overlaySoft = 'var(--overlay-soft)'; /** Цвет фона паранжи темный */ -export const overlayHard = 'var(--overlay-hard, #F9F9F9F5)'; +export const overlayHard = 'var(--overlay-hard)'; /** Цвет фона паранжи размытый */ -export const overlayBlur = 'var(--overlay-blur, #F9F9F933)'; +export const overlayBlur = 'var(--overlay-blur)'; /** Цвет фона паранжи светлый на темном фоне */ -export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #0808088F)'; +export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft)'; /** Цвет фона паранжи темный на темном фоне */ -export const onDarkOverlayHard = 'var(--on-dark-overlay-hard, #080808F5)'; +export const onDarkOverlayHard = 'var(--on-dark-overlay-hard)'; /** Цвет фона паранжи размытый на темном фоне */ -export const onDarkOverlayBlur = 'var(--on-dark-overlay-blur, #08080833)'; +export const onDarkOverlayBlur = 'var(--on-dark-overlay-blur)'; /** Цвет фона паранжи светлый на светлом фоне */ -export const onLightOverlaySoft = 'var(--on-light-overlay-soft, #F9F9F98F)'; +export const onLightOverlaySoft = 'var(--on-light-overlay-soft)'; /** Цвет фона паранжи темный на светлом фоне */ -export const onLightOverlayHard = 'var(--on-light-overlay-hard, #F9F9F9F5)'; +export const onLightOverlayHard = 'var(--on-light-overlay-hard)'; /** Цвет фона паранжи размытый на светлом фоне */ -export const onLightOverlayBlur = 'var(--on-light-overlay-blur, #F9F9F933)'; +export const onLightOverlayBlur = 'var(--on-light-overlay-blur)'; /** Инвертированный цвет фона паранжи светлый */ -export const inverseOverlaySoft = 'var(--inverse-overlay-soft, #0808088F)'; +export const inverseOverlaySoft = 'var(--inverse-overlay-soft)'; /** Инвертированный цвет фона паранжи темный */ -export const inverseOverlayHard = 'var(--inverse-overlay-hard, #080808F5)'; +export const inverseOverlayHard = 'var(--inverse-overlay-hard)'; /** Инвертированный цвет фона паранжи размытый */ -export const inverseOverlayBlur = 'var(--inverse-overlay-blur, #08080833)'; +export const inverseOverlayBlur = 'var(--inverse-overlay-blur)'; /** Основной непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidPrimary = 'var(--outline-default-outline-solid-primary, #DDDDDD)'; +export const outlineSolidPrimary = 'var(--outline-solid-primary)'; /** Основной непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidPrimaryHover = 'var(--outline-default-outline-solid-primary-hover, #000000FF)'; +export const outlineSolidPrimaryHover = 'var(--outline-solid-primary-hover)'; /** Основной непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidPrimaryActive = 'var(--outline-default-outline-solid-primary-active, #B3B3B3FF)'; +export const outlineSolidPrimaryActive = 'var(--outline-solid-primary-active)'; /** Вторичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidSecondary = 'var(--outline-default-outline-solid-secondary, #B3B3B3)'; +export const outlineSolidSecondary = 'var(--outline-solid-secondary)'; /** Вторичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidSecondaryHover = - 'var(--outline-default-outline-solid-secondary-hover, #000000FF)'; +export const outlineSolidSecondaryHover = 'var(--outline-solid-secondary-hover)'; /** Вторичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidSecondaryActive = - 'var(--outline-default-outline-solid-secondary-active, #8F8F8FFF)'; +export const outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active)'; /** Третичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidTertiary = 'var(--outline-default-outline-solid-tertiary, #707070)'; +export const outlineSolidTertiary = 'var(--outline-solid-tertiary)'; /** Третичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidTertiaryHover = 'var(--outline-default-outline-solid-tertiary-hover, #000000FF)'; +export const outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover)'; /** Третичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidTertiaryActive = - 'var(--outline-default-outline-solid-tertiary-active, #595959FF)'; +export const outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active)'; /** Прозрачный цвет обводки по умолчанию */ -export const outlineDefaultOutlineTransparentDefault = 'var(--outline-default-outline-transparent-default, #080808F5)'; +export const outlineTransparentDefault = 'var(--outline-transparent-default)'; /** Прозрачный цвет обводки по умолчанию */ -export const outlineDefaultOutlineTransparentDefaultHover = - 'var(--outline-default-outline-transparent-default-hover, #08080893)'; +export const outlineTransparentDefaultHover = 'var(--outline-transparent-default-hover)'; /** Прозрачный цвет обводки по умолчанию */ -export const outlineDefaultOutlineTransparentDefaultActive = - 'var(--outline-default-outline-transparent-default-active, #080808C4)'; +export const outlineTransparentDefaultActive = 'var(--outline-transparent-default-active)'; /** Основной прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentPrimary = 'var(--outline-default-outline-transparent-primary, #0808081F)'; +export const outlineTransparentPrimary = 'var(--outline-transparent-primary)'; /** Основной прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentPrimaryHover = - 'var(--outline-default-outline-transparent-primary-hover, #080808FF)'; +export const outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover)'; /** Основной прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentPrimaryActive = - 'var(--outline-default-outline-transparent-primary-active, #08080825)'; +export const outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active)'; /** Вторичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentSecondary = - 'var(--outline-default-outline-transparent-secondary, #08080847)'; +export const outlineTransparentSecondary = 'var(--outline-transparent-secondary)'; /** Вторичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentSecondaryHover = - 'var(--outline-default-outline-transparent-secondary-hover, #080808FF)'; +export const outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover)'; /** Вторичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentSecondaryActive = - 'var(--outline-default-outline-transparent-secondary-active, #08080856)'; +export const outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active)'; /** Третичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentTertiary = - 'var(--outline-default-outline-transparent-tertiary, #0808088F)'; +export const outlineTransparentTertiary = 'var(--outline-transparent-tertiary)'; /** Третичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentTertiaryHover = - 'var(--outline-default-outline-transparent-tertiary-hover, #080808FF)'; +export const outlineTransparentTertiaryHover = 'var(--outline-transparent-tertiary-hover)'; /** Третичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentTertiaryActive = - 'var(--outline-default-outline-transparent-tertiary-active, #080808AB)'; +export const outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active)'; /** Бесцветная обводка */ -export const outlineDefaultOutlineClear = 'var(--outline-default-outline-clear, #FFFFFF00)'; +export const outlineClear = 'var(--outline-clear)'; /** Бесцветная обводка */ -export const outlineDefaultOutlineClearHover = 'var(--outline-default-outline-clear-hover, #FFFFFF00)'; +export const outlineClearHover = 'var(--outline-clear-hover)'; /** Бесцветная обводка */ -export const outlineDefaultOutlineClearActive = 'var(--outline-default-outline-clear-active, #FFFFFF00)'; +export const outlineClearActive = 'var(--outline-clear-active)'; /** Акцентный цвет обводки */ -export const outlineDefaultOutlineAccent = 'var(--outline-default-outline-accent, #108E26)'; +export const outlineAccent = 'var(--outline-accent)'; /** Акцентный цвет обводки */ -export const outlineDefaultOutlineAccentHover = 'var(--outline-default-outline-accent-hover, #14B32EFF)'; +export const outlineAccentHover = 'var(--outline-accent-hover)'; /** Акцентный цвет обводки */ -export const outlineDefaultOutlineAccentActive = 'var(--outline-default-outline-accent-active, #0C6A1BFF)'; +export const outlineAccentActive = 'var(--outline-accent-active)'; /** Акцентный минорный непрозрачный цвет обводки */ -export const outlineDefaultOutlineAccentMinor = 'var(--outline-default-outline-accent-minor, #45E362)'; +export const outlineAccentMinor = 'var(--outline-accent-minor)'; /** Акцентный минорный непрозрачный цвет обводки */ -export const outlineDefaultOutlineAccentMinorHover = 'var(--outline-default-outline-accent-minor-hover, #68E880FF)'; +export const outlineAccentMinorHover = 'var(--outline-accent-minor-hover)'; /** Акцентный минорный непрозрачный цвет обводки */ -export const outlineDefaultOutlineAccentMinorActive = 'var(--outline-default-outline-accent-minor-active, #21DE44FF)'; +export const outlineAccentMinorActive = 'var(--outline-accent-minor-active)'; /** Прозрачный акцентный цвет обводки */ -export const outlineDefaultOutlineTransparentAccent = 'var(--outline-default-outline-transparent-accent, #108E2666)'; +export const outlineTransparentAccent = 'var(--outline-transparent-accent)'; /** Прозрачный акцентный цвет обводки */ -export const outlineDefaultOutlineTransparentAccentHover = - 'var(--outline-default-outline-transparent-accent-hover, #108E25FF)'; +export const outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover)'; /** Прозрачный акцентный цвет обводки */ -export const outlineDefaultOutlineTransparentAccentActive = - 'var(--outline-default-outline-transparent-accent-active, #108E257A)'; +export const outlineTransparentAccentActive = 'var(--outline-transparent-accent-active)'; /** Цвет обводки успех */ -export const outlineDefaultOutlinePositive = 'var(--outline-default-outline-positive, #108E26)'; +export const outlinePositive = 'var(--outline-positive)'; /** Цвет обводки успех */ -export const outlineDefaultOutlinePositiveHover = 'var(--outline-default-outline-positive-hover, #14B32EFF)'; +export const outlinePositiveHover = 'var(--outline-positive-hover)'; /** Цвет обводки успех */ -export const outlineDefaultOutlinePositiveActive = 'var(--outline-default-outline-positive-active, #0C6A1BFF)'; +export const outlinePositiveActive = 'var(--outline-positive-active)'; /** Цвет обводки предупреждение */ -export const outlineDefaultOutlineWarning = 'var(--outline-default-outline-warning, #E85702)'; +export const outlineWarning = 'var(--outline-warning)'; /** Цвет обводки предупреждение */ -export const outlineDefaultOutlineWarningHover = 'var(--outline-default-outline-warning-hover, #FD6B17FF)'; +export const outlineWarningHover = 'var(--outline-warning-hover)'; /** Цвет обводки предупреждение */ -export const outlineDefaultOutlineWarningActive = 'var(--outline-default-outline-warning-active, #C04802FF)'; +export const outlineWarningActive = 'var(--outline-warning-active)'; /** Цвет обводки ошибка */ -export const outlineDefaultOutlineNegative = 'var(--outline-default-outline-negative, #F31B31)'; +export const outlineNegative = 'var(--outline-negative)'; /** Цвет обводки ошибка */ -export const outlineDefaultOutlineNegativeHover = 'var(--outline-default-outline-negative-hover, #F54254FF)'; +export const outlineNegativeHover = 'var(--outline-negative-hover)'; /** Цвет обводки ошибка */ -export const outlineDefaultOutlineNegativeActive = 'var(--outline-default-outline-negative-active, #DA0B20FF)'; +export const outlineNegativeActive = 'var(--outline-negative-active)'; /** Цвет обводки информация */ -export const outlineDefaultOutlineInfo = 'var(--outline-default-outline-info, #0B7ECB)'; +export const outlineInfo = 'var(--outline-info)'; /** Цвет обводки информация */ -export const outlineDefaultOutlineInfoHover = 'var(--outline-default-outline-info-hover, #0D96F2FF)'; +export const outlineInfoHover = 'var(--outline-info-hover)'; /** Цвет обводки информация */ -export const outlineDefaultOutlineInfoActive = 'var(--outline-default-outline-info-active, #0966A5FF)'; +export const outlineInfoActive = 'var(--outline-info-active)'; /** Минорный цвет обводки успех */ -export const outlineDefaultOutlinePositiveMinor = 'var(--outline-default-outline-positive-minor, #45E362)'; +export const outlinePositiveMinor = 'var(--outline-positive-minor)'; /** Минорный цвет обводки успех */ -export const outlineDefaultOutlinePositiveMinorHover = 'var(--outline-default-outline-positive-minor-hover, #68E880FF)'; +export const outlinePositiveMinorHover = 'var(--outline-positive-minor-hover)'; /** Минорный цвет обводки успех */ -export const outlineDefaultOutlinePositiveMinorActive = - 'var(--outline-default-outline-positive-minor-active, #21DE44FF)'; +export const outlinePositiveMinorActive = 'var(--outline-positive-minor-active)'; /** Минорный цвет обводки предупреждение */ -export const outlineDefaultOutlineWarningMinor = 'var(--outline-default-outline-warning-minor, #FFB38A)'; +export const outlineWarningMinor = 'var(--outline-warning-minor)'; /** Минорный цвет обводки предупреждение */ -export const outlineDefaultOutlineWarningMinorHover = 'var(--outline-default-outline-warning-minor-hover, #FFCDB3FF)'; +export const outlineWarningMinorHover = 'var(--outline-warning-minor-hover)'; /** Минорный цвет обводки предупреждение */ -export const outlineDefaultOutlineWarningMinorActive = 'var(--outline-default-outline-warning-minor-active, #FF9861FF)'; +export const outlineWarningMinorActive = 'var(--outline-warning-minor-active)'; /** Минорный цвет обводки ошибка */ -export const outlineDefaultOutlineNegativeMinor = 'var(--outline-default-outline-negative-minor, #FEB3BB)'; +export const outlineNegativeMinor = 'var(--outline-negative-minor)'; /** Минорный цвет обводки ошибка */ -export const outlineDefaultOutlineNegativeMinorHover = 'var(--outline-default-outline-negative-minor-hover, #FEDCDFFF)'; +export const outlineNegativeMinorHover = 'var(--outline-negative-minor-hover)'; /** Минорный цвет обводки ошибка */ -export const outlineDefaultOutlineNegativeMinorActive = - 'var(--outline-default-outline-negative-minor-active, #FD8B97FF)'; +export const outlineNegativeMinorActive = 'var(--outline-negative-minor-active)'; /** Минорный цвет обводки информация */ -export const outlineDefaultOutlineInfoMinor = 'var(--outline-default-outline-info-minor, #85CEFF)'; +export const outlineInfoMinor = 'var(--outline-info-minor)'; /** Минорный цвет обводки информация */ -export const outlineDefaultOutlineInfoMinorHover = 'var(--outline-default-outline-info-minor-hover, #ADDEFFFF)'; +export const outlineInfoMinorHover = 'var(--outline-info-minor-hover)'; /** Минорный цвет обводки информация */ -export const outlineDefaultOutlineInfoMinorActive = 'var(--outline-default-outline-info-minor-active, #5CBEFFFF)'; +export const outlineInfoMinorActive = 'var(--outline-info-minor-active)'; /** Прозрачный цвет обводки успех */ -export const outlineDefaultOutlineTransparentPositive = - 'var(--outline-default-outline-transparent-positive, #108E2647)'; +export const outlineTransparentPositive = 'var(--outline-transparent-positive)'; /** Прозрачный цвет обводки успех */ -export const outlineDefaultOutlineTransparentPositiveHover = - 'var(--outline-default-outline-transparent-positive-hover, #108E25FF)'; +export const outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover)'; /** Прозрачный цвет обводки успех */ -export const outlineDefaultOutlineTransparentPositiveActive = - 'var(--outline-default-outline-transparent-positive-active, #108E2556)'; +export const outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentWarning = 'var(--outline-default-outline-transparent-warning, #E8570247)'; +export const outlineTransparentWarning = 'var(--outline-transparent-warning)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentWarningHover = - 'var(--outline-default-outline-transparent-warning-hover, #E85702FF)'; +export const outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentWarningActive = - 'var(--outline-default-outline-transparent-warning-active, #E8570256)'; +export const outlineTransparentWarningActive = 'var(--outline-transparent-warning-active)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentNegative = - 'var(--outline-default-outline-transparent-negative, #F31B3147)'; +export const outlineTransparentNegative = 'var(--outline-transparent-negative)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentNegativeHover = - 'var(--outline-default-outline-transparent-negative-hover, #F31B31FF)'; +export const outlineTransparentNegativeHover = 'var(--outline-transparent-negative-hover)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentNegativeActive = - 'var(--outline-default-outline-transparent-negative-active, #F31B3156)'; +export const outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active)'; /** Прозрачный цвет обводки информация */ -export const outlineDefaultOutlineTransparentInfo = 'var(--outline-default-outline-transparent-info, #0B7ECB47)'; +export const outlineTransparentInfo = 'var(--outline-transparent-info)'; /** Прозрачный цвет обводки информация */ -export const outlineDefaultOutlineTransparentInfoHover = - 'var(--outline-default-outline-transparent-info-hover, #0B7ECBFF)'; +export const outlineTransparentInfoHover = 'var(--outline-transparent-info-hover)'; /** Прозрачный цвет обводки информация */ -export const outlineDefaultOutlineTransparentInfoActive = - 'var(--outline-default-outline-transparent-info-active, #0B7ECB56)'; +export const outlineTransparentInfoActive = 'var(--outline-transparent-info-active)'; /** Основной непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidPrimary = 'var(--outline-on-dark-outline-solid-primary, #262626)'; +export const onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary)'; /** Основной непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidPrimaryHover = 'var(--outline-on-dark-outline-solid-primary-hover, #787878FF)'; +export const onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover)'; /** Основной непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidPrimaryActive = 'var(--outline-on-dark-outline-solid-primary-active, #4F4F4FFF)'; +export const onDarkOutlineSolidPrimaryActive = 'var(--on-dark-outline-solid-primary-active)'; /** Вторичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidSecondary = 'var(--outline-on-dark-outline-solid-secondary, #363636)'; +export const onDarkOutlineSolidSecondary = 'var(--on-dark-outline-solid-secondary)'; /** Вторичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidSecondaryHover = - 'var(--outline-on-dark-outline-solid-secondary-hover, #878787FF)'; +export const onDarkOutlineSolidSecondaryHover = 'var(--on-dark-outline-solid-secondary-hover)'; /** Вторичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidSecondaryActive = - 'var(--outline-on-dark-outline-solid-secondary-active, #5E5E5EFF)'; +export const onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-secondary-active)'; /** Третичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidTertiary = 'var(--outline-on-dark-outline-solid-tertiary, #4E4E4E)'; +export const onDarkOutlineSolidTertiary = 'var(--on-dark-outline-solid-tertiary)'; /** Третичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidTertiaryHover = 'var(--outline-on-dark-outline-solid-tertiary-hover, #000000FF)'; +export const onDarkOutlineSolidTertiaryHover = 'var(--on-dark-outline-solid-tertiary-hover)'; /** Третичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidTertiaryActive = - 'var(--outline-on-dark-outline-solid-tertiary-active, #404040FF)'; +export const onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active)'; /** Прозрачный цвет обводки по умолчанию на темном фоне */ -export const outlineOnDarkOutlineTransparentDefault = 'var(--outline-on-dark-outline-transparent-default, #F9F9F9F5)'; +export const onDarkOutlineTransparentDefault = 'var(--on-dark-outline-transparent-default)'; /** Прозрачный цвет обводки по умолчанию на темном фоне */ -export const outlineOnDarkOutlineTransparentDefaultHover = - 'var(--outline-on-dark-outline-transparent-default-hover, #FAFAFA93)'; +export const onDarkOutlineTransparentDefaultHover = 'var(--on-dark-outline-transparent-default-hover)'; /** Прозрачный цвет обводки по умолчанию на темном фоне */ -export const outlineOnDarkOutlineTransparentDefaultActive = - 'var(--outline-on-dark-outline-transparent-default-active, #FAFAFAC4)'; +export const onDarkOutlineTransparentDefaultActive = 'var(--on-dark-outline-transparent-default-active)'; /** Основной прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentPrimary = 'var(--outline-on-dark-outline-transparent-primary, #F9F9F91F)'; +export const onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary)'; /** Основной прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentPrimaryHover = - 'var(--outline-on-dark-outline-transparent-primary-hover, #FAFAFAFF)'; +export const onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover)'; /** Основной прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentPrimaryActive = - 'var(--outline-on-dark-outline-transparent-primary-active, #FAFAFA25)'; +export const onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active)'; /** Вторичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentSecondary = - 'var(--outline-on-dark-outline-transparent-secondary, #F9F9F933)'; +export const onDarkOutlineTransparentSecondary = 'var(--on-dark-outline-transparent-secondary)'; /** Вторичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentSecondaryHover = - 'var(--outline-on-dark-outline-transparent-secondary-hover, #FAFAFAFF)'; +export const onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover)'; /** Вторичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentSecondaryActive = - 'var(--outline-on-dark-outline-transparent-secondary-active, #FAFAFA3D)'; +export const onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active)'; /** Третичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentTertiary = 'var(--outline-on-dark-outline-transparent-tertiary, #F9F9F947)'; +export const onDarkOutlineTransparentTertiary = 'var(--on-dark-outline-transparent-tertiary)'; /** Третичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentTertiaryHover = - 'var(--outline-on-dark-outline-transparent-tertiary-hover, #FAFAFAFF)'; +export const onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover)'; /** Третичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentTertiaryActive = - 'var(--outline-on-dark-outline-transparent-tertiary-active, #FAFAFA56)'; +export const onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active)'; /** Бесцветная обводка на темном фоне */ -export const outlineOnDarkOutlineClear = 'var(--outline-on-dark-outline-clear, #FFFFFF00)'; +export const onDarkOutlineClear = 'var(--on-dark-outline-clear)'; /** Бесцветная обводка на темном фоне */ -export const outlineOnDarkOutlineClearHover = 'var(--outline-on-dark-outline-clear-hover, #FFFFFF00)'; +export const onDarkOutlineClearHover = 'var(--on-dark-outline-clear-hover)'; /** Бесцветная обводка на темном фоне */ -export const outlineOnDarkOutlineClearActive = 'var(--outline-on-dark-outline-clear-active, #FFFFFF00)'; +export const onDarkOutlineClearActive = 'var(--on-dark-outline-clear-active)'; /** Акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccent = 'var(--outline-on-dark-outline-accent, #1A9E32)'; +export const onDarkOutlineAccent = 'var(--on-dark-outline-accent)'; /** Акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentHover = 'var(--outline-on-dark-outline-accent-hover, #1FC13DFF)'; +export const onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover)'; /** Акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentActive = 'var(--outline-on-dark-outline-accent-active, #147B27FF)'; +export const onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active)'; /** Акцентный минорный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentMinor = 'var(--outline-on-dark-outline-accent-minor, #0A4014)'; +export const onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor)'; /** Акцентный минорный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentMinorHover = 'var(--outline-on-dark-outline-accent-minor-hover, #15892BFF)'; +export const onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover)'; /** Акцентный минорный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentMinorActive = 'var(--outline-on-dark-outline-accent-minor-active, #106520FF)'; +export const onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active)'; /** Прозрачный акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentAccent = 'var(--outline-on-dark-outline-transparent-accent, #1A9E3266)'; +export const onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent)'; /** Прозрачный акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentAccentHover = - 'var(--outline-on-dark-outline-transparent-accent-hover, #1A9E32FF)'; +export const onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover)'; /** Прозрачный акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentAccentActive = - 'var(--outline-on-dark-outline-transparent-accent-active, #1A9E327A)'; +export const onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active)'; /** Цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositive = 'var(--outline-on-dark-outline-positive, #1A9E32)'; +export const onDarkOutlinePositive = 'var(--on-dark-outline-positive)'; /** Цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositiveHover = 'var(--outline-on-dark-outline-positive-hover, #1FC13DFF)'; +export const onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover)'; /** Цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositiveActive = 'var(--outline-on-dark-outline-positive-active, #147B27FF)'; +export const onDarkOutlinePositiveActive = 'var(--on-dark-outline-positive-active)'; /** Цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarning = 'var(--outline-on-dark-outline-warning, #FA5F05)'; +export const onDarkOutlineWarning = 'var(--on-dark-outline-warning)'; /** Цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarningHover = 'var(--outline-on-dark-outline-warning-hover, #FB782DFF)'; +export const onDarkOutlineWarningHover = 'var(--on-dark-outline-warning-hover)'; /** Цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarningActive = 'var(--outline-on-dark-outline-warning-active, #D25004FF)'; +export const onDarkOutlineWarningActive = 'var(--on-dark-outline-warning-active)'; /** Цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegative = 'var(--outline-on-dark-outline-negative, #FF293E)'; +export const onDarkOutlineNegative = 'var(--on-dark-outline-negative)'; /** Цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegativeHover = 'var(--outline-on-dark-outline-negative-hover, #FF5263FF)'; +export const onDarkOutlineNegativeHover = 'var(--on-dark-outline-negative-hover)'; /** Цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegativeActive = 'var(--outline-on-dark-outline-negative-active, #FF001AFF)'; +export const onDarkOutlineNegativeActive = 'var(--on-dark-outline-negative-active)'; /** Цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfo = 'var(--outline-on-dark-outline-info, #118CDF)'; +export const onDarkOutlineInfo = 'var(--on-dark-outline-info)'; /** Цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfoHover = 'var(--outline-on-dark-outline-info-hover, #2AA0EFFF)'; +export const onDarkOutlineInfoHover = 'var(--on-dark-outline-info-hover)'; /** Цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfoActive = 'var(--outline-on-dark-outline-info-active, #0E75B9FF)'; +export const onDarkOutlineInfoActive = 'var(--on-dark-outline-info-active)'; /** Минорный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositiveMinor = 'var(--outline-on-dark-outline-positive-minor, #0A4014)'; +export const onDarkOutlinePositiveMinor = 'var(--on-dark-outline-positive-minor)'; /** Минорный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositiveMinorHover = 'var(--outline-on-dark-outline-positive-minor-hover, #15892BFF)'; +export const onDarkOutlinePositiveMinorHover = 'var(--on-dark-outline-positive-minor-hover)'; /** Минорный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositiveMinorActive = - 'var(--outline-on-dark-outline-positive-minor-active, #106520FF)'; +export const onDarkOutlinePositiveMinorActive = 'var(--on-dark-outline-positive-minor-active)'; /** Минорный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarningMinor = 'var(--outline-on-dark-outline-warning-minor, #5C2709)'; +export const onDarkOutlineWarningMinor = 'var(--on-dark-outline-warning-minor)'; /** Минорный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarningMinorHover = 'var(--outline-on-dark-outline-warning-minor-hover, #A74811FF)'; +export const onDarkOutlineWarningMinorHover = 'var(--on-dark-outline-warning-minor-hover)'; /** Минорный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarningMinorActive = 'var(--outline-on-dark-outline-warning-minor-active, #82380DFF)'; +export const onDarkOutlineWarningMinorActive = 'var(--on-dark-outline-warning-minor-active)'; /** Минорный цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegativeMinor = 'var(--outline-on-dark-outline-negative-minor, #6B1019)'; +export const onDarkOutlineNegativeMinor = 'var(--on-dark-outline-negative-minor)'; /** Минорный цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegativeMinorHover = 'var(--outline-on-dark-outline-negative-minor-hover, #B11B2AFF)'; +export const onDarkOutlineNegativeMinorHover = 'var(--on-dark-outline-negative-minor-hover)'; /** Минорный цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegativeMinorActive = - 'var(--outline-on-dark-outline-negative-minor-active, #8E1521FF)'; +export const onDarkOutlineNegativeMinorActive = 'var(--on-dark-outline-negative-minor-active)'; /** Минорный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfoMinor = 'var(--outline-on-dark-outline-info-minor, #0D3B59)'; +export const onDarkOutlineInfoMinor = 'var(--on-dark-outline-info-minor)'; /** Минорный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfoMinorHover = 'var(--outline-on-dark-outline-info-minor-hover, #176AA1FF)'; +export const onDarkOutlineInfoMinorHover = 'var(--on-dark-outline-info-minor-hover)'; /** Минорный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfoMinorActive = 'var(--outline-on-dark-outline-info-minor-active, #12527DFF)'; +export const onDarkOutlineInfoMinorActive = 'var(--on-dark-outline-info-minor-active)'; /** Прозрачный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlineTransparentPositive = 'var(--outline-on-dark-outline-transparent-positive, #1A9E3247)'; +export const onDarkOutlineTransparentPositive = 'var(--on-dark-outline-transparent-positive)'; /** Прозрачный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlineTransparentPositiveHover = - 'var(--outline-on-dark-outline-transparent-positive-hover, #1A9E32FF)'; +export const onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover)'; /** Прозрачный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlineTransparentPositiveActive = - 'var(--outline-on-dark-outline-transparent-positive-active, #1A9E3256)'; +export const onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentWarning = 'var(--outline-on-dark-outline-transparent-warning, #FA5F0547)'; +export const onDarkOutlineTransparentWarning = 'var(--on-dark-outline-transparent-warning)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentWarningHover = - 'var(--outline-on-dark-outline-transparent-warning-hover, #FA5F05FF)'; +export const onDarkOutlineTransparentWarningHover = 'var(--on-dark-outline-transparent-warning-hover)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentWarningActive = - 'var(--outline-on-dark-outline-transparent-warning-active, #FA5F0556)'; +export const onDarkOutlineTransparentWarningActive = 'var(--on-dark-outline-transparent-warning-active)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentNegative = 'var(--outline-on-dark-outline-transparent-negative, #FF293E47)'; +export const onDarkOutlineTransparentNegative = 'var(--on-dark-outline-transparent-negative)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentNegativeHover = - 'var(--outline-on-dark-outline-transparent-negative-hover, #FF293EFF)'; +export const onDarkOutlineTransparentNegativeHover = 'var(--on-dark-outline-transparent-negative-hover)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentNegativeActive = - 'var(--outline-on-dark-outline-transparent-negative-active, #FF293E56)'; +export const onDarkOutlineTransparentNegativeActive = 'var(--on-dark-outline-transparent-negative-active)'; /** Прозрачный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineTransparentInfo = 'var(--outline-on-dark-outline-transparent-info, #118CDF47)'; +export const onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info)'; /** Прозрачный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineTransparentInfoHover = - 'var(--outline-on-dark-outline-transparent-info-hover, #118CDFFF)'; +export const onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover)'; /** Прозрачный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineTransparentInfoActive = - 'var(--outline-on-dark-outline-transparent-info-active, #118CDF56)'; +export const onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active)'; /** Основной непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidPrimary = 'var(--outline-on-light-outline-solid-primary, #DDDDDD)'; +export const onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary)'; /** Основной непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidPrimaryHover = 'var(--outline-on-light-outline-solid-primary-hover, #000000FF)'; +export const onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover)'; /** Основной непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidPrimaryActive = - 'var(--outline-on-light-outline-solid-primary-active, #B3B3B3FF)'; +export const onLightOutlineSolidPrimaryActive = 'var(--on-light-outline-solid-primary-active)'; /** Вторичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidSecondary = 'var(--outline-on-light-outline-solid-secondary, #B3B3B3)'; +export const onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary)'; /** Вторичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidSecondaryHover = - 'var(--outline-on-light-outline-solid-secondary-hover, #000000FF)'; +export const onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover)'; /** Вторичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidSecondaryActive = - 'var(--outline-on-light-outline-solid-secondary-active, #8F8F8FFF)'; +export const onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active)'; /** Третичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidTertiary = 'var(--outline-on-light-outline-solid-tertiary, #707070)'; +export const onLightOutlineSolidTertiary = 'var(--on-light-outline-solid-tertiary)'; /** Третичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidTertiaryHover = - 'var(--outline-on-light-outline-solid-tertiary-hover, #000000FF)'; +export const onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover)'; /** Третичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidTertiaryActive = - 'var(--outline-on-light-outline-solid-tertiary-active, #595959FF)'; +export const onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active)'; /** Прозрачный цвет обводки по умолчанию на светлом фоне */ -export const outlineOnLightOutlineTransparentDefault = 'var(--outline-on-light-outline-transparent-default, #080808F5)'; +export const onLightOutlineTransparentDefault = 'var(--on-light-outline-transparent-default)'; /** Прозрачный цвет обводки по умолчанию на светлом фоне */ -export const outlineOnLightOutlineTransparentDefaultHover = - 'var(--outline-on-light-outline-transparent-default-hover, #08080893)'; +export const onLightOutlineTransparentDefaultHover = 'var(--on-light-outline-transparent-default-hover)'; /** Прозрачный цвет обводки по умолчанию на светлом фоне */ -export const outlineOnLightOutlineTransparentDefaultActive = - 'var(--outline-on-light-outline-transparent-default-active, #080808C4)'; +export const onLightOutlineTransparentDefaultActive = 'var(--on-light-outline-transparent-default-active)'; /** Основной прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentPrimary = 'var(--outline-on-light-outline-transparent-primary, #0808081F)'; +export const onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary)'; /** Основной прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentPrimaryHover = - 'var(--outline-on-light-outline-transparent-primary-hover, #080808FF)'; +export const onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover)'; /** Основной прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentPrimaryActive = - 'var(--outline-on-light-outline-transparent-primary-active, #08080825)'; +export const onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active)'; /** Вторичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentSecondary = - 'var(--outline-on-light-outline-transparent-secondary, #08080847)'; +export const onLightOutlineTransparentSecondary = 'var(--on-light-outline-transparent-secondary)'; /** Вторичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentSecondaryHover = - 'var(--outline-on-light-outline-transparent-secondary-hover, #080808FF)'; +export const onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover)'; /** Вторичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentSecondaryActive = - 'var(--outline-on-light-outline-transparent-secondary-active, #08080856)'; +export const onLightOutlineTransparentSecondaryActive = 'var(--on-light-outline-transparent-secondary-active)'; /** Третичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentTertiary = - 'var(--outline-on-light-outline-transparent-tertiary, #0808088F)'; +export const onLightOutlineTransparentTertiary = 'var(--on-light-outline-transparent-tertiary)'; /** Третичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentTertiaryHover = - 'var(--outline-on-light-outline-transparent-tertiary-hover, #080808FF)'; +export const onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-transparent-tertiary-hover)'; /** Третичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentTertiaryActive = - 'var(--outline-on-light-outline-transparent-tertiary-active, #080808AB)'; +export const onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active)'; /** Бесцветная обводка на светлом фоне */ -export const outlineOnLightOutlineClear = 'var(--outline-on-light-outline-clear, #FFFFFF00)'; +export const onLightOutlineClear = 'var(--on-light-outline-clear)'; /** Бесцветная обводка на светлом фоне */ -export const outlineOnLightOutlineClearHover = 'var(--outline-on-light-outline-clear-hover, #FFFFFF00)'; +export const onLightOutlineClearHover = 'var(--on-light-outline-clear-hover)'; /** Бесцветная обводка на светлом фоне */ -export const outlineOnLightOutlineClearActive = 'var(--outline-on-light-outline-clear-active, #FFFFFF00)'; +export const onLightOutlineClearActive = 'var(--on-light-outline-clear-active)'; /** Акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccent = 'var(--outline-on-light-outline-accent, #108E26)'; +export const onLightOutlineAccent = 'var(--on-light-outline-accent)'; /** Акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentHover = 'var(--outline-on-light-outline-accent-hover, #14B32EFF)'; +export const onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover)'; /** Акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentActive = 'var(--outline-on-light-outline-accent-active, #0C6A1BFF)'; +export const onLightOutlineAccentActive = 'var(--on-light-outline-accent-active)'; /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentMinor = 'var(--outline-on-light-outline-accent-minor, #45E362)'; +export const onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor)'; /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentMinorHover = 'var(--outline-on-light-outline-accent-minor-hover, #68E880FF)'; +export const onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover)'; /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentMinorActive = 'var(--outline-on-light-outline-accent-minor-active, #21DE44FF)'; +export const onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active)'; /** Прозрачный акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentAccent = 'var(--outline-on-light-outline-transparent-accent, #108E2666)'; +export const onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent)'; /** Прозрачный акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentAccentHover = - 'var(--outline-on-light-outline-transparent-accent-hover, #108E25FF)'; +export const onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover)'; /** Прозрачный акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentAccentActive = - 'var(--outline-on-light-outline-transparent-accent-active, #108E257A)'; +export const onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active)'; /** Цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositive = 'var(--outline-on-light-outline-positive, #108E26)'; +export const onLightOutlinePositive = 'var(--on-light-outline-positive)'; /** Цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositiveHover = 'var(--outline-on-light-outline-positive-hover, #14B32EFF)'; +export const onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover)'; /** Цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositiveActive = 'var(--outline-on-light-outline-positive-active, #0C6A1BFF)'; +export const onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active)'; /** Цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarning = 'var(--outline-on-light-outline-warning, #E85702)'; +export const onLightOutlineWarning = 'var(--on-light-outline-warning)'; /** Цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarningHover = 'var(--outline-on-light-outline-warning-hover, #FD6B17FF)'; +export const onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover)'; /** Цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarningActive = 'var(--outline-on-light-outline-warning-active, #C04802FF)'; +export const onLightOutlineWarningActive = 'var(--on-light-outline-warning-active)'; /** Цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegative = 'var(--outline-on-light-outline-negative, #F31B31)'; +export const onLightOutlineNegative = 'var(--on-light-outline-negative)'; /** Цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegativeHover = 'var(--outline-on-light-outline-negative-hover, #F54254FF)'; +export const onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover)'; /** Цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegativeActive = 'var(--outline-on-light-outline-negative-active, #DA0B20FF)'; +export const onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active)'; /** Цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfo = 'var(--outline-on-light-outline-info, #0B7ECB)'; +export const onLightOutlineInfo = 'var(--on-light-outline-info)'; /** Цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfoHover = 'var(--outline-on-light-outline-info-hover, #0D96F2FF)'; +export const onLightOutlineInfoHover = 'var(--on-light-outline-info-hover)'; /** Цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfoActive = 'var(--outline-on-light-outline-info-active, #0966A5FF)'; +export const onLightOutlineInfoActive = 'var(--on-light-outline-info-active)'; /** Минорный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositiveMinor = 'var(--outline-on-light-outline-positive-minor, #45E362)'; +export const onLightOutlinePositiveMinor = 'var(--on-light-outline-positive-minor)'; /** Минорный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositiveMinorHover = - 'var(--outline-on-light-outline-positive-minor-hover, #68E880FF)'; +export const onLightOutlinePositiveMinorHover = 'var(--on-light-outline-positive-minor-hover)'; /** Минорный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositiveMinorActive = - 'var(--outline-on-light-outline-positive-minor-active, #21DE44FF)'; +export const onLightOutlinePositiveMinorActive = 'var(--on-light-outline-positive-minor-active)'; /** Минорный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarningMinor = 'var(--outline-on-light-outline-warning-minor, #FFB38A)'; +export const onLightOutlineWarningMinor = 'var(--on-light-outline-warning-minor)'; /** Минорный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarningMinorHover = 'var(--outline-on-light-outline-warning-minor-hover, #FFCDB3FF)'; +export const onLightOutlineWarningMinorHover = 'var(--on-light-outline-warning-minor-hover)'; /** Минорный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarningMinorActive = - 'var(--outline-on-light-outline-warning-minor-active, #FF9861FF)'; +export const onLightOutlineWarningMinorActive = 'var(--on-light-outline-warning-minor-active)'; /** Минорный цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegativeMinor = 'var(--outline-on-light-outline-negative-minor, #FEB3BB)'; +export const onLightOutlineNegativeMinor = 'var(--on-light-outline-negative-minor)'; /** Минорный цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegativeMinorHover = - 'var(--outline-on-light-outline-negative-minor-hover, #FEDCDFFF)'; +export const onLightOutlineNegativeMinorHover = 'var(--on-light-outline-negative-minor-hover)'; /** Минорный цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegativeMinorActive = - 'var(--outline-on-light-outline-negative-minor-active, #FD8B97FF)'; +export const onLightOutlineNegativeMinorActive = 'var(--on-light-outline-negative-minor-active)'; /** Минорный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfoMinor = 'var(--outline-on-light-outline-info-minor, #85CEFF)'; +export const onLightOutlineInfoMinor = 'var(--on-light-outline-info-minor)'; /** Минорный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfoMinorHover = 'var(--outline-on-light-outline-info-minor-hover, #ADDEFFFF)'; +export const onLightOutlineInfoMinorHover = 'var(--on-light-outline-info-minor-hover)'; /** Минорный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfoMinorActive = 'var(--outline-on-light-outline-info-minor-active, #5CBEFFFF)'; +export const onLightOutlineInfoMinorActive = 'var(--on-light-outline-info-minor-active)'; /** Прозрачный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlineTransparentPositive = - 'var(--outline-on-light-outline-transparent-positive, #108E2647)'; +export const onLightOutlineTransparentPositive = 'var(--on-light-outline-transparent-positive)'; /** Прозрачный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlineTransparentPositiveHover = - 'var(--outline-on-light-outline-transparent-positive-hover, #108E25FF)'; +export const onLightOutlineTransparentPositiveHover = 'var(--on-light-outline-transparent-positive-hover)'; /** Прозрачный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlineTransparentPositiveActive = - 'var(--outline-on-light-outline-transparent-positive-active, #108E2556)'; +export const onLightOutlineTransparentPositiveActive = 'var(--on-light-outline-transparent-positive-active)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentWarning = 'var(--outline-on-light-outline-transparent-warning, #E8570247)'; +export const onLightOutlineTransparentWarning = 'var(--on-light-outline-transparent-warning)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentWarningHover = - 'var(--outline-on-light-outline-transparent-warning-hover, #E85702FF)'; +export const onLightOutlineTransparentWarningHover = 'var(--on-light-outline-transparent-warning-hover)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentWarningActive = - 'var(--outline-on-light-outline-transparent-warning-active, #E8570256)'; +export const onLightOutlineTransparentWarningActive = 'var(--on-light-outline-transparent-warning-active)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentNegative = - 'var(--outline-on-light-outline-transparent-negative, #F31B3147)'; +export const onLightOutlineTransparentNegative = 'var(--on-light-outline-transparent-negative)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentNegativeHover = - 'var(--outline-on-light-outline-transparent-negative-hover, #F31B31FF)'; +export const onLightOutlineTransparentNegativeHover = 'var(--on-light-outline-transparent-negative-hover)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentNegativeActive = - 'var(--outline-on-light-outline-transparent-negative-active, #F31B3156)'; +export const onLightOutlineTransparentNegativeActive = 'var(--on-light-outline-transparent-negative-active)'; /** Прозрачный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineTransparentInfo = 'var(--outline-on-light-outline-transparent-info, #0B7ECB47)'; +export const onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-info)'; /** Прозрачный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineTransparentInfoHover = - 'var(--outline-on-light-outline-transparent-info-hover, #0B7ECBFF)'; +export const onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover)'; /** Прозрачный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineTransparentInfoActive = - 'var(--outline-on-light-outline-transparent-info-active, #0B7ECB56)'; +export const onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active)'; /** Инвертированный основной непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidPrimary = 'var(--outline-inverse-outline-solid-primary, #262626)'; +export const inverseOutlineSolidPrimary = 'var(--inverse-outline-solid-primary)'; /** Инвертированный основной непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidPrimaryHover = 'var(--outline-inverse-outline-solid-primary-hover, #787878FF)'; +export const inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover)'; /** Инвертированный основной непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidPrimaryActive = 'var(--outline-inverse-outline-solid-primary-active, #4F4F4FFF)'; +export const inverseOutlineSolidPrimaryActive = 'var(--inverse-outline-solid-primary-active)'; /** Инвертированный вторичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidSecondary = 'var(--outline-inverse-outline-solid-secondary, #363636)'; +export const inverseOutlineSolidSecondary = 'var(--inverse-outline-solid-secondary)'; /** Инвертированный вторичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidSecondaryHover = - 'var(--outline-inverse-outline-solid-secondary-hover, #878787FF)'; +export const inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-hover)'; /** Инвертированный вторичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidSecondaryActive = - 'var(--outline-inverse-outline-solid-secondary-active, #5E5E5EFF)'; +export const inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active)'; /** Инвертированный третичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidTertiary = 'var(--outline-inverse-outline-solid-tertiary, #4E4E4E)'; +export const inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary)'; /** Инвертированный третичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidTertiaryHover = 'var(--outline-inverse-outline-solid-tertiary-hover, #000000FF)'; +export const inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover)'; /** Инвертированный третичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidTertiaryActive = - 'var(--outline-inverse-outline-solid-tertiary-active, #404040FF)'; +export const inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active)'; /** Инвертированный прозрачный цвет обводки по умолчанию */ -export const outlineInverseOutlineTransparentDefault = 'var(--outline-inverse-outline-transparent-default, #F9F9F9F5)'; +export const inverseOutlineTransparentDefault = 'var(--inverse-outline-transparent-default)'; /** Инвертированный прозрачный цвет обводки по умолчанию */ -export const outlineInverseOutlineTransparentDefaultHover = - 'var(--outline-inverse-outline-transparent-default-hover, #FAFAFA93)'; +export const inverseOutlineTransparentDefaultHover = 'var(--inverse-outline-transparent-default-hover)'; /** Инвертированный прозрачный цвет обводки по умолчанию */ -export const outlineInverseOutlineTransparentDefaultActive = - 'var(--outline-inverse-outline-transparent-default-active, #FAFAFAC4)'; +export const inverseOutlineTransparentDefaultActive = 'var(--inverse-outline-transparent-default-active)'; /** Инвертированный основной прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentPrimary = 'var(--outline-inverse-outline-transparent-primary, #F9F9F91F)'; +export const inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary)'; /** Инвертированный основной прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentPrimaryHover = - 'var(--outline-inverse-outline-transparent-primary-hover, #FAFAFAFF)'; +export const inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-primary-hover)'; /** Инвертированный основной прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentPrimaryActive = - 'var(--outline-inverse-outline-transparent-primary-active, #FAFAFA25)'; +export const inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active)'; /** Инвертированный вторичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentSecondary = - 'var(--outline-inverse-outline-transparent-secondary, #F9F9F933)'; +export const inverseOutlineTransparentSecondary = 'var(--inverse-outline-transparent-secondary)'; /** Инвертированный вторичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentSecondaryHover = - 'var(--outline-inverse-outline-transparent-secondary-hover, #FAFAFAFF)'; +export const inverseOutlineTransparentSecondaryHover = 'var(--inverse-outline-transparent-secondary-hover)'; /** Инвертированный вторичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentSecondaryActive = - 'var(--outline-inverse-outline-transparent-secondary-active, #FAFAFA3D)'; +export const inverseOutlineTransparentSecondaryActive = 'var(--inverse-outline-transparent-secondary-active)'; /** Инвертированный третичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentTertiary = - 'var(--outline-inverse-outline-transparent-tertiary, #F9F9F947)'; +export const inverseOutlineTransparentTertiary = 'var(--inverse-outline-transparent-tertiary)'; /** Инвертированный третичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentTertiaryHover = - 'var(--outline-inverse-outline-transparent-tertiary-hover, #FAFAFAFF)'; +export const inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-transparent-tertiary-hover)'; /** Инвертированный третичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentTertiaryActive = - 'var(--outline-inverse-outline-transparent-tertiary-active, #FAFAFA56)'; +export const inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active)'; /** Инвертированная бесцветная обводка */ -export const outlineInverseOutlineClear = 'var(--outline-inverse-outline-clear, #FFFFFF00)'; +export const inverseOutlineClear = 'var(--inverse-outline-clear)'; /** Инвертированная бесцветная обводка */ -export const outlineInverseOutlineClearHover = 'var(--outline-inverse-outline-clear-hover, #FFFFFF00)'; +export const inverseOutlineClearHover = 'var(--inverse-outline-clear-hover)'; /** Инвертированная бесцветная обводка */ -export const outlineInverseOutlineClearActive = 'var(--outline-inverse-outline-clear-active, #FFFFFF00)'; +export const inverseOutlineClearActive = 'var(--inverse-outline-clear-active)'; /** Инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineAccent = 'var(--outline-inverse-outline-accent, #1A9E32)'; +export const inverseOutlineAccent = 'var(--inverse-outline-accent)'; /** Инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineAccentHover = 'var(--outline-inverse-outline-accent-hover, #1FC13DFF)'; +export const inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover)'; /** Инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineAccentActive = 'var(--outline-inverse-outline-accent-active, #147B27FF)'; +export const inverseOutlineAccentActive = 'var(--inverse-outline-accent-active)'; /** Инвертированный акцентный минорный непрозрачный цвет обводки */ -export const outlineInverseOutlineAccentMinor = 'var(--outline-inverse-outline-accent-minor, #0A4014)'; +export const inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor)'; /** Инвертированный акцентный минорный непрозрачный цвет обводки */ -export const outlineInverseOutlineAccentMinorHover = 'var(--outline-inverse-outline-accent-minor-hover, #15892BFF)'; +export const inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover)'; /** Инвертированный акцентный минорный непрозрачный цвет обводки */ -export const outlineInverseOutlineAccentMinorActive = 'var(--outline-inverse-outline-accent-minor-active, #106520FF)'; +export const inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active)'; /** Прозрачный инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineTransparentAccent = 'var(--outline-inverse-outline-transparent-accent, #1A9E3266)'; +export const inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent)'; /** Прозрачный инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineTransparentAccentHover = - 'var(--outline-inverse-outline-transparent-accent-hover, #1A9E32FF)'; +export const inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover)'; /** Прозрачный инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineTransparentAccentActive = - 'var(--outline-inverse-outline-transparent-accent-active, #1A9E327A)'; +export const inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active)'; /** Инвертированный цвет обводки успех */ -export const outlineInverseOutlinePositive = 'var(--outline-inverse-outline-positive, #1A9E32)'; +export const inverseOutlinePositive = 'var(--inverse-outline-positive)'; /** Инвертированный цвет обводки успех */ -export const outlineInverseOutlinePositiveHover = 'var(--outline-inverse-outline-positive-hover, #1FC13DFF)'; +export const inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover)'; /** Инвертированный цвет обводки успех */ -export const outlineInverseOutlinePositiveActive = 'var(--outline-inverse-outline-positive-active, #147B27FF)'; +export const inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active)'; /** Инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineWarning = 'var(--outline-inverse-outline-warning, #FA5F05)'; +export const inverseOutlineWarning = 'var(--inverse-outline-warning)'; /** Инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineWarningHover = 'var(--outline-inverse-outline-warning-hover, #FB782DFF)'; +export const inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover)'; /** Инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineWarningActive = 'var(--outline-inverse-outline-warning-active, #D25004FF)'; +export const inverseOutlineWarningActive = 'var(--inverse-outline-warning-active)'; /** Инвертированный цвет обводки ошибка */ -export const outlineInverseOutlineNegative = 'var(--outline-inverse-outline-negative, #FF293E)'; +export const inverseOutlineNegative = 'var(--inverse-outline-negative)'; /** Инвертированный цвет обводки ошибка */ -export const outlineInverseOutlineNegativeHover = 'var(--outline-inverse-outline-negative-hover, #FF5263FF)'; +export const inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover)'; /** Инвертированный цвет обводки ошибка */ -export const outlineInverseOutlineNegativeActive = 'var(--outline-inverse-outline-negative-active, #FF001AFF)'; +export const inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active)'; /** Инвертированный цвет обводки информация */ -export const outlineInverseOutlineInfo = 'var(--outline-inverse-outline-info, #118CDF)'; +export const inverseOutlineInfo = 'var(--inverse-outline-info)'; /** Инвертированный цвет обводки информация */ -export const outlineInverseOutlineInfoHover = 'var(--outline-inverse-outline-info-hover, #2AA0EFFF)'; +export const inverseOutlineInfoHover = 'var(--inverse-outline-info-hover)'; /** Инвертированный цвет обводки информация */ -export const outlineInverseOutlineInfoActive = 'var(--outline-inverse-outline-info-active, #0E75B9FF)'; +export const inverseOutlineInfoActive = 'var(--inverse-outline-info-active)'; /** Инвертированный минорный цвет обводки успех */ -export const outlineInverseOutlinePositiveMinor = 'var(--outline-inverse-outline-positive-minor, #0A4014)'; +export const inverseOutlinePositiveMinor = 'var(--inverse-outline-positive-minor)'; /** Инвертированный минорный цвет обводки успех */ -export const outlineInverseOutlinePositiveMinorHover = 'var(--outline-inverse-outline-positive-minor-hover, #15892BFF)'; +export const inverseOutlinePositiveMinorHover = 'var(--inverse-outline-positive-minor-hover)'; /** Инвертированный минорный цвет обводки успех */ -export const outlineInverseOutlinePositiveMinorActive = - 'var(--outline-inverse-outline-positive-minor-active, #106520FF)'; +export const inverseOutlinePositiveMinorActive = 'var(--inverse-outline-positive-minor-active)'; /** Инвертированный минорный цвет обводки предупреждение */ -export const outlineInverseOutlineWarningMinor = 'var(--outline-inverse-outline-warning-minor, #5C2709)'; +export const inverseOutlineWarningMinor = 'var(--inverse-outline-warning-minor)'; /** Инвертированный минорный цвет обводки предупреждение */ -export const outlineInverseOutlineWarningMinorHover = 'var(--outline-inverse-outline-warning-minor-hover, #A74811FF)'; +export const inverseOutlineWarningMinorHover = 'var(--inverse-outline-warning-minor-hover)'; /** Инвертированный минорный цвет обводки предупреждение */ -export const outlineInverseOutlineWarningMinorActive = 'var(--outline-inverse-outline-warning-minor-active, #82380DFF)'; +export const inverseOutlineWarningMinorActive = 'var(--inverse-outline-warning-minor-active)'; /** Инвертированный минорный цвет обводки ошибка */ -export const outlineInverseOutlineNegativeMinor = 'var(--outline-inverse-outline-negative-minor, #6B1019)'; +export const inverseOutlineNegativeMinor = 'var(--inverse-outline-negative-minor)'; /** Инвертированный минорный цвет обводки ошибка */ -export const outlineInverseOutlineNegativeMinorHover = 'var(--outline-inverse-outline-negative-minor-hover, #B11B2AFF)'; +export const inverseOutlineNegativeMinorHover = 'var(--inverse-outline-negative-minor-hover)'; /** Инвертированный минорный цвет обводки ошибка */ -export const outlineInverseOutlineNegativeMinorActive = - 'var(--outline-inverse-outline-negative-minor-active, #8E1521FF)'; +export const inverseOutlineNegativeMinorActive = 'var(--inverse-outline-negative-minor-active)'; /** Инвертированный минорный цвет обводки информация */ -export const outlineInverseOutlineInfoMinor = 'var(--outline-inverse-outline-info-minor, #0D3B59)'; +export const inverseOutlineInfoMinor = 'var(--inverse-outline-info-minor)'; /** Инвертированный минорный цвет обводки информация */ -export const outlineInverseOutlineInfoMinorHover = 'var(--outline-inverse-outline-info-minor-hover, #176AA1FF)'; +export const inverseOutlineInfoMinorHover = 'var(--inverse-outline-info-minor-hover)'; /** Инвертированный минорный цвет обводки информация */ -export const outlineInverseOutlineInfoMinorActive = 'var(--outline-inverse-outline-info-minor-active, #12527DFF)'; +export const inverseOutlineInfoMinorActive = 'var(--inverse-outline-info-minor-active)'; /** Прозрачный инвертированный цвет обводки успех */ -export const outlineInverseOutlineTransparentPositive = - 'var(--outline-inverse-outline-transparent-positive, #1A9E3247)'; +export const inverseOutlineTransparentPositive = 'var(--inverse-outline-transparent-positive)'; /** Прозрачный инвертированный цвет обводки успех */ -export const outlineInverseOutlineTransparentPositiveHover = - 'var(--outline-inverse-outline-transparent-positive-hover, #1A9E32FF)'; +export const inverseOutlineTransparentPositiveHover = 'var(--inverse-outline-transparent-positive-hover)'; /** Прозрачный инвертированный цвет обводки успех */ -export const outlineInverseOutlineTransparentPositiveActive = - 'var(--outline-inverse-outline-transparent-positive-active, #1A9E3256)'; +export const inverseOutlineTransparentPositiveActive = 'var(--inverse-outline-transparent-positive-active)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentWarning = 'var(--outline-inverse-outline-transparent-warning, #FA5F0547)'; +export const inverseOutlineTransparentWarning = 'var(--inverse-outline-transparent-warning)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentWarningHover = - 'var(--outline-inverse-outline-transparent-warning-hover, #FA5F05FF)'; +export const inverseOutlineTransparentWarningHover = 'var(--inverse-outline-transparent-warning-hover)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentWarningActive = - 'var(--outline-inverse-outline-transparent-warning-active, #FA5F0556)'; +export const inverseOutlineTransparentWarningActive = 'var(--inverse-outline-transparent-warning-active)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentNegative = - 'var(--outline-inverse-outline-transparent-negative, #FF293E47)'; +export const inverseOutlineTransparentNegative = 'var(--inverse-outline-transparent-negative)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentNegativeHover = - 'var(--outline-inverse-outline-transparent-negative-hover, #FF293EFF)'; +export const inverseOutlineTransparentNegativeHover = 'var(--inverse-outline-transparent-negative-hover)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentNegativeActive = - 'var(--outline-inverse-outline-transparent-negative-active, #FF293E56)'; +export const inverseOutlineTransparentNegativeActive = 'var(--inverse-outline-transparent-negative-active)'; /** Прозрачный инвертированный цвет обводки информация */ -export const outlineInverseOutlineTransparentInfo = 'var(--outline-inverse-outline-transparent-info, #118CDF47)'; +export const inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-info)'; /** Прозрачный инвертированный цвет обводки информация */ -export const outlineInverseOutlineTransparentInfoHover = - 'var(--outline-inverse-outline-transparent-info-hover, #118CDFFF)'; +export const inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover)'; /** Прозрачный инвертированный цвет обводки информация */ -export const outlineInverseOutlineTransparentInfoActive = - 'var(--outline-inverse-outline-transparent-info-active, #118CDF56)'; +export const inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active)'; -export const skeletonGradient = - 'var(--skeleton-gradient, linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ))'; +/** Фон для скелетона */ +export const surfaceSkeletonGradient = 'var(--surface-skeleton-gradient)'; -export const skeletonGradientLighter = - 'var(--skeleton-gradient-lighter, linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ))'; +/** Фон для скелетона */ +export const surfaceSkeletonGradientHover = 'var(--surface-skeleton-gradient-hover)'; -export const shadowDownSoftS = - 'var(--shadow-down-soft-s, 0px 4px 14px -4px rgba(8, 8, 8, 0.08)), var(--shadow-down-soft-s, 0px 1px 4px -1px rgba(0, 0, 0, 0.04))'; +/** Фон для скелетона */ +export const surfaceSkeletonGradientActive = 'var(--surface-skeleton-gradient-active)'; -export const shadowDownSoftM = 'var(--shadow-down-soft-m, 0px 24px 48px -8px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradient = 'var(--surface-skeleton-deep-gradient)'; -export const shadowDownSoftL = 'var(--shadow-down-soft-l, 0px 60px 112px -8px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientHover = 'var(--surface-skeleton-deep-gradient-hover)'; -export const shadowDownHardS = - 'var(--shadow-down-hard-s, 0px 4px 12px -3px rgba(8, 8, 8, 0.16)), var(--shadow-down-hard-s, 0px 1px 4px -2px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientActive = 'var(--surface-skeleton-deep-gradient-active)'; -export const shadowDownHardM = 'var(--shadow-down-hard-m, 0px 16px 32px -8px rgba(0, 0, 0, 0.24))'; +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradient = 'var(--on-dark-surface-skeleton-gradient)'; -export const shadowDownHardL = 'var(--shadow-down-hard-l, 0px 60px 112px -8px rgba(0, 0, 0, 0.40))'; +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientHover = 'var(--on-dark-surface-skeleton-gradient-hover)'; -export const shadowUpSoftS = - 'var(--shadow-up-soft-s, 0px -4px 14px -4px rgba(8, 8, 8, 0.08)), var(--shadow-up-soft-s, 0px -1px 4px -1px rgba(0, 0, 0, 0.03))'; +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientActive = 'var(--on-dark-surface-skeleton-gradient-active)'; -export const shadowUpSoftM = 'var(--shadow-up-soft-m, 0px -24px 48px -8px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradient = 'var(--on-dark-surface-skeleton-deep-gradient)'; -export const shadowUpSoftL = 'var(--shadow-up-soft-l, 0px -60px 112px -8px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientHover = 'var(--on-dark-surface-skeleton-deep-gradient-hover)'; -export const shadowUpHardS = - 'var(--shadow-up-hard-s, 0px -4px 12px -3px rgba(8, 8, 8, 0.20)), var(--shadow-up-hard-s, 0px -1px 4px -1px rgba(0, 0, 0, 0.03))'; +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientActive = 'var(--on-dark-surface-skeleton-deep-gradient-active)'; -export const shadowUpHardM = 'var(--shadow-up-hard-m, 0px -16px 32px -8px rgba(0, 0, 0, 0.24))'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradient = 'var(--on-light-surface-skeleton-gradient)'; -export const shadowUpHardL = 'var(--shadow-up-hard-l, 0px -60px 112px -8px rgba(0, 0, 0, 0.40))'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientHover = 'var(--on-light-surface-skeleton-gradient-hover)'; -export const borderRadiusXxs = 'var(--border-radius-xxs, 4px)'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientActive = 'var(--on-light-surface-skeleton-gradient-active)'; -export const borderRadiusXs = 'var(--border-radius-xs, 6px)'; +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradient = 'var(--on-light-surface-skeleton-deep-gradient)'; -export const borderRadiusS = 'var(--border-radius-s, 8px)'; +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientHover = 'var(--on-light-surface-skeleton-deep-gradient-hover)'; -export const borderRadiusM = 'var(--border-radius-m, 12px)'; +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientActive = 'var(--on-light-surface-skeleton-deep-gradient-active)'; -export const borderRadiusL = 'var(--border-radius-l, 16px)'; +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradient = 'var(--inverse-surface-skeleton-gradient)'; -export const borderRadiusXl = 'var(--border-radius-xl, 20px)'; +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientHover = 'var(--inverse-surface-skeleton-gradient-hover)'; -export const borderRadiusXxl = 'var(--border-radius-xxl, 40px)'; +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientActive = 'var(--inverse-surface-skeleton-gradient-active)'; -export { - dsplL, - dsplLBold, - dsplM, - dsplMBold, - dsplS, - dsplSBold, - h1, - h1Bold, - h2, - h2Bold, - h3, - h3Bold, - h4, - h4Bold, - h5, - h5Bold, - bodyL, - bodyLBold, - bodyM, - bodyMBold, - bodyS, - bodySBold, - bodyXS, - bodyXSBold, - bodyXXS, - bodyXXSBold, - textL, - textLBold, - textM, - textMBold, - textS, - textSBold, - textXS, - textXSBold, -} from '@salutejs/plasma-typo'; +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradient = 'var(--inverse-surface-skeleton-deep-gradient)'; + +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientHover = 'var(--inverse-surface-skeleton-deep-gradient-hover)'; + +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientActive = 'var(--inverse-surface-skeleton-deep-gradient-active)'; + +/** shadow down soft s */ +export const shadowDownSoftS = 'var(--shadow-down-soft-s)'; + +/** shadow down soft m */ +export const shadowDownSoftM = 'var(--shadow-down-soft-m)'; + +/** shadow down soft l */ +export const shadowDownSoftL = 'var(--shadow-down-soft-l)'; + +/** shadow down hard s */ +export const shadowDownHardS = 'var(--shadow-down-hard-s)'; + +/** shadow down hard m */ +export const shadowDownHardM = 'var(--shadow-down-hard-m)'; + +/** shadow down hard l */ +export const shadowDownHardL = 'var(--shadow-down-hard-l)'; + +/** shadow up soft s */ +export const shadowUpSoftS = 'var(--shadow-up-soft-s)'; + +/** shadow up soft m */ +export const shadowUpSoftM = 'var(--shadow-up-soft-m)'; + +/** shadow up soft l */ +export const shadowUpSoftL = 'var(--shadow-up-soft-l)'; + +/** shadow up hard s */ +export const shadowUpHardS = 'var(--shadow-up-hard-s)'; + +/** shadow up hard m */ +export const shadowUpHardM = 'var(--shadow-up-hard-m)'; + +/** shadow up hard l */ +export const shadowUpHardL = 'var(--shadow-up-hard-l)'; + +/** borderRadius xxs */ +export const borderRadiusXxs = 'var(--border-radius-xxs)'; + +/** borderRadius xs */ +export const borderRadiusXs = 'var(--border-radius-xs)'; + +/** borderRadius s */ +export const borderRadiusS = 'var(--border-radius-s)'; + +/** borderRadius m */ +export const borderRadiusM = 'var(--border-radius-m)'; + +/** borderRadius l */ +export const borderRadiusL = 'var(--border-radius-l)'; + +/** borderRadius xl */ +export const borderRadiusXl = 'var(--border-radius-xl)'; + +/** borderRadius xxl */ +export const borderRadiusXxl = 'var(--border-radius-xxl)'; + +/** typography s display-l */ +export const dsplL = { + fontFamily: 'var(--plasma-typo-dspl-l-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-line-height)', +}; + +/** typography s display-l-bold */ +export const dsplLBold = { + fontFamily: 'var(--plasma-typo-dspl-l-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-bold-line-height)', +}; + +/** typography s display-m */ +export const dsplM = { + fontFamily: 'var(--plasma-typo-dspl-m-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-line-height)', +}; + +/** typography s display-m-bold */ +export const dsplMBold = { + fontFamily: 'var(--plasma-typo-dspl-m-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-bold-line-height)', +}; + +/** typography s display-s */ +export const dsplS = { + fontFamily: 'var(--plasma-typo-dspl-s-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-line-height)', +}; + +/** typography s display-s-bold */ +export const dsplSBold = { + fontFamily: 'var(--plasma-typo-dspl-s-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-bold-line-height)', +}; + +/** typography s header-h1 */ +export const h1 = { + fontFamily: 'var(--plasma-typo-h1-font-family)', + fontSize: 'var(--plasma-typo-h1-font-size)', + fontStyle: 'var(--plasma-typo-h1-font-style)', + fontWeight: 'var(--plasma-typo-h1-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-line-height)', +}; + +/** typography s header-h1-bold */ +export const h1Bold = { + fontFamily: 'var(--plasma-typo-h1-bold-font-family)', + fontSize: 'var(--plasma-typo-h1-bold-font-size)', + fontStyle: 'var(--plasma-typo-h1-bold-font-style)', + fontWeight: 'var(--plasma-typo-h1-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-bold-line-height)', +}; + +/** typography s header-h2 */ +export const h2 = { + fontFamily: 'var(--plasma-typo-h2-font-family)', + fontSize: 'var(--plasma-typo-h2-font-size)', + fontStyle: 'var(--plasma-typo-h2-font-style)', + fontWeight: 'var(--plasma-typo-h2-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-line-height)', +}; + +/** typography s header-h2-bold */ +export const h2Bold = { + fontFamily: 'var(--plasma-typo-h2-bold-font-family)', + fontSize: 'var(--plasma-typo-h2-bold-font-size)', + fontStyle: 'var(--plasma-typo-h2-bold-font-style)', + fontWeight: 'var(--plasma-typo-h2-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-bold-line-height)', +}; + +/** typography s header-h3 */ +export const h3 = { + fontFamily: 'var(--plasma-typo-h3-font-family)', + fontSize: 'var(--plasma-typo-h3-font-size)', + fontStyle: 'var(--plasma-typo-h3-font-style)', + fontWeight: 'var(--plasma-typo-h3-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-line-height)', +}; + +/** typography s header-h3-bold */ +export const h3Bold = { + fontFamily: 'var(--plasma-typo-h3-bold-font-family)', + fontSize: 'var(--plasma-typo-h3-bold-font-size)', + fontStyle: 'var(--plasma-typo-h3-bold-font-style)', + fontWeight: 'var(--plasma-typo-h3-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-bold-line-height)', +}; + +/** typography s header-h4 */ +export const h4 = { + fontFamily: 'var(--plasma-typo-h4-font-family)', + fontSize: 'var(--plasma-typo-h4-font-size)', + fontStyle: 'var(--plasma-typo-h4-font-style)', + fontWeight: 'var(--plasma-typo-h4-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-line-height)', +}; + +/** typography s header-h4-bold */ +export const h4Bold = { + fontFamily: 'var(--plasma-typo-h4-bold-font-family)', + fontSize: 'var(--plasma-typo-h4-bold-font-size)', + fontStyle: 'var(--plasma-typo-h4-bold-font-style)', + fontWeight: 'var(--plasma-typo-h4-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-bold-line-height)', +}; + +/** typography s header-h5 */ +export const h5 = { + fontFamily: 'var(--plasma-typo-h5-font-family)', + fontSize: 'var(--plasma-typo-h5-font-size)', + fontStyle: 'var(--plasma-typo-h5-font-style)', + fontWeight: 'var(--plasma-typo-h5-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-line-height)', +}; + +/** typography s header-h5-bold */ +export const h5Bold = { + fontFamily: 'var(--plasma-typo-h5-bold-font-family)', + fontSize: 'var(--plasma-typo-h5-bold-font-size)', + fontStyle: 'var(--plasma-typo-h5-bold-font-style)', + fontWeight: 'var(--plasma-typo-h5-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-bold-line-height)', +}; + +/** typography s body-l */ +export const bodyL = { + fontFamily: 'var(--plasma-typo-body-l-font-family)', + fontSize: 'var(--plasma-typo-body-l-font-size)', + fontStyle: 'var(--plasma-typo-body-l-font-style)', + fontWeight: 'var(--plasma-typo-body-l-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-line-height)', +}; + +/** typography s body-l-bold */ +export const bodyLBold = { + fontFamily: 'var(--plasma-typo-body-l-bold-font-family)', + fontSize: 'var(--plasma-typo-body-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-bold-line-height)', +}; + +/** typography s body-m */ +export const bodyM = { + fontFamily: 'var(--plasma-typo-body-m-font-family)', + fontSize: 'var(--plasma-typo-body-m-font-size)', + fontStyle: 'var(--plasma-typo-body-m-font-style)', + fontWeight: 'var(--plasma-typo-body-m-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-line-height)', +}; + +/** typography s body-m-bold */ +export const bodyMBold = { + fontFamily: 'var(--plasma-typo-body-m-bold-font-family)', + fontSize: 'var(--plasma-typo-body-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-bold-line-height)', +}; + +/** typography s body-s */ +export const bodyS = { + fontFamily: 'var(--plasma-typo-body-s-font-family)', + fontSize: 'var(--plasma-typo-body-s-font-size)', + fontStyle: 'var(--plasma-typo-body-s-font-style)', + fontWeight: 'var(--plasma-typo-body-s-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-line-height)', +}; + +/** typography s body-s-bold */ +export const bodySBold = { + fontFamily: 'var(--plasma-typo-body-s-bold-font-family)', + fontSize: 'var(--plasma-typo-body-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-bold-line-height)', +}; + +/** typography s body-xs */ +export const bodyXS = { + fontFamily: 'var(--plasma-typo-body-xs-font-family)', + fontSize: 'var(--plasma-typo-body-xs-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-line-height)', +}; + +/** typography s body-xs-bold */ +export const bodyXSBold = { + fontFamily: 'var(--plasma-typo-body-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-bold-line-height)', +}; + +/** typography s body-xxs */ +export const bodyXXS = { + fontFamily: 'var(--plasma-typo-body-xxs-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-line-height)', +}; + +/** typography s body-xxs-bold */ +export const bodyXXSBold = { + fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-bold-line-height)', +}; + +/** typography s text-l */ +export const textL = { + fontFamily: 'var(--plasma-typo-text-l-font-family)', + fontSize: 'var(--plasma-typo-text-l-font-size)', + fontStyle: 'var(--plasma-typo-text-l-font-style)', + fontWeight: 'var(--plasma-typo-text-l-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-line-height)', +}; + +/** typography s text-l-bold */ +export const textLBold = { + fontFamily: 'var(--plasma-typo-text-l-bold-font-family)', + fontSize: 'var(--plasma-typo-text-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-bold-line-height)', +}; + +/** typography s text-m */ +export const textM = { + fontFamily: 'var(--plasma-typo-text-m-font-family)', + fontSize: 'var(--plasma-typo-text-m-font-size)', + fontStyle: 'var(--plasma-typo-text-m-font-style)', + fontWeight: 'var(--plasma-typo-text-m-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-line-height)', +}; + +/** typography s text-m-bold */ +export const textMBold = { + fontFamily: 'var(--plasma-typo-text-m-bold-font-family)', + fontSize: 'var(--plasma-typo-text-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-bold-line-height)', +}; + +/** typography s text-s */ +export const textS = { + fontFamily: 'var(--plasma-typo-text-s-font-family)', + fontSize: 'var(--plasma-typo-text-s-font-size)', + fontStyle: 'var(--plasma-typo-text-s-font-style)', + fontWeight: 'var(--plasma-typo-text-s-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-line-height)', +}; + +/** typography s text-s-bold */ +export const textSBold = { + fontFamily: 'var(--plasma-typo-text-s-bold-font-family)', + fontSize: 'var(--plasma-typo-text-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-bold-line-height)', +}; + +/** typography s text-xs */ +export const textXS = { + fontFamily: 'var(--plasma-typo-text-xs-font-family)', + fontSize: 'var(--plasma-typo-text-xs-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-line-height)', +}; + +/** typography s text-xs-bold */ +export const textXSBold = { + fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-text-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)', +}; diff --git a/packages/themes/flamingo-themes/tsconfig.json b/packages/themes/flamingo-themes/tsconfig.json index b708fb2826..fed3dbbcbc 100644 --- a/packages/themes/flamingo-themes/tsconfig.json +++ b/packages/themes/flamingo-themes/tsconfig.json @@ -14,5 +14,5 @@ "rootDir": "./src" }, "include": ["./src"], - "exclude": ["./data"] + "exclude": [] } diff --git a/packages/themes/plasma-themes/lib/index.ts b/packages/themes/plasma-themes/lib/index.ts index 628fac3e94..109f914bd0 100644 --- a/packages/themes/plasma-themes/lib/index.ts +++ b/packages/themes/plasma-themes/lib/index.ts @@ -1,3 +1,16 @@ -import { generate } from '@salutejs/data-themes'; +import { generate } from '@salutejs/core-themes'; -generate(['plasma_b2c', 'plasma_web', 'stylesSalute'], 'mage'); +generate([ + { + name: 'plasma_b2c', + version: 'latest', + }, + { + name: 'plasma_web', + version: 'latest', + }, + { + name: 'stylesSalute', + version: 'latest', + }, +]); diff --git a/packages/themes/plasma-themes/package-lock.json b/packages/themes/plasma-themes/package-lock.json index e523dabea0..b6a095f350 100644 --- a/packages/themes/plasma-themes/package-lock.json +++ b/packages/themes/plasma-themes/package-lock.json @@ -1,200 +1,20 @@ { "name": "@salutejs/plasma-themes", - "version": "0.12.0", + "version": "0.13.0-dev.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@salutejs/plasma-themes", - "version": "0.12.0", + "version": "0.13.0-dev.0", "license": "MIT", - "dependencies": { - "@salutejs/plasma-typo": "0.40.0", - "styled-components": "5.3.1" - }, "devDependencies": { - "@salutejs/data-themes": "0.11.0", + "@salutejs/core-themes": "0.12.0-dev.0", "@types/node": "16.7.13", "ts-node": "10.2.1", "typescript": "4.2.4" } }, - "node_modules/@babel/code-frame": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.4.tgz", - "integrity": "sha512-r1IONyb6Ia+jYR2vvIDhdWdlTGhqbBoFqLTQidzZ4kepUFH15ejXvFHxCVbtl7BOXIudsIubf4E81xeA3h3IXA==", - "dependencies": { - "@babel/highlight": "^7.23.4", - "chalk": "^2.4.2" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/generator": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.4.tgz", - "integrity": "sha512-esuS49Cga3HcThFNebGhlgsrVLkvhqvYDTzgjfFFlHJcIfLe5jFmRRfCQ1KuBfc4Jrtn3ndLgKWAKjBE+IraYQ==", - "dependencies": { - "@babel/types": "^7.23.4", - "@jridgewell/gen-mapping": "^0.3.2", - "@jridgewell/trace-mapping": "^0.3.17", - "jsesc": "^2.5.1" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-annotate-as-pure": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz", - "integrity": "sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==", - "dependencies": { - "@babel/types": "^7.18.6" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-environment-visitor": { - "version": "7.22.20", - "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz", - "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==", - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-function-name": { - "version": "7.23.0", - "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz", - "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==", - "dependencies": { - "@babel/template": "^7.22.15", - "@babel/types": "^7.23.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-hoist-variables": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz", - "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==", - "dependencies": { - "@babel/types": "^7.22.5" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-module-imports": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz", - "integrity": "sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==", - "dependencies": { - "@babel/types": "^7.18.6" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-split-export-declaration": { - "version": "7.22.6", - "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz", - "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==", - "dependencies": { - "@babel/types": "^7.22.5" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-string-parser": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz", - "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==", - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-validator-identifier": { - "version": "7.22.20", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz", - "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==", - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/highlight": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz", - "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==", - "dependencies": { - "@babel/helper-validator-identifier": "^7.22.20", - "chalk": "^2.4.2", - "js-tokens": "^4.0.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/parser": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.4.tgz", - "integrity": "sha512-vf3Xna6UEprW+7t6EtOmFpHNAuxw3xqPZghy+brsnusscJRW5BMUzzHZc5ICjULee81WeUV2jjakG09MDglJXQ==", - "bin": { - "parser": "bin/babel-parser.js" - }, - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@babel/template": { - "version": "7.22.15", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz", - "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==", - "dependencies": { - "@babel/code-frame": "^7.22.13", - "@babel/parser": "^7.22.15", - "@babel/types": "^7.22.15" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/traverse": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.4.tgz", - "integrity": "sha512-IYM8wSUwunWTB6tFC2dkKZhxbIjHoWemdK+3f8/wq8aKhbUscxD5MX72ubd90fxvFknaLPeGw5ycU84V1obHJg==", - "dependencies": { - "@babel/code-frame": "^7.23.4", - "@babel/generator": "^7.23.4", - "@babel/helper-environment-visitor": "^7.22.20", - "@babel/helper-function-name": "^7.23.0", - "@babel/helper-hoist-variables": "^7.22.5", - "@babel/helper-split-export-declaration": "^7.22.6", - "@babel/parser": "^7.23.4", - "@babel/types": "^7.23.4", - "debug": "^4.1.0", - "globals": "^11.1.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/types": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.4.tgz", - "integrity": "sha512-7uIFwVYpoplT5jp/kVv6EF93VaJ8H+Yn5IczYiaAi98ajzjfoZfslet/e0sLh+wVBjb2qqIut1b0S26VSafsSQ==", - "dependencies": { - "@babel/helper-string-parser": "^7.23.4", - "@babel/helper-validator-identifier": "^7.22.20", - "to-fast-properties": "^2.0.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, "node_modules/@cspotcode/source-map-consumer": { "version": "0.8.0", "resolved": "https://registry.npmjs.org/@cspotcode/source-map-consumer/-/source-map-consumer-0.8.0.tgz", @@ -216,88 +36,12 @@ "node": ">=12" } }, - "node_modules/@emotion/is-prop-valid": { - "version": "0.8.8", - "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", - "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==", - "dependencies": { - "@emotion/memoize": "0.7.4" - } - }, - "node_modules/@emotion/memoize": { - "version": "0.7.4", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", - "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==" - }, - "node_modules/@emotion/stylis": { - "version": "0.8.5", - "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", - "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==" - }, - "node_modules/@emotion/unitless": { - "version": "0.7.5", - "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", - "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" - }, - "node_modules/@jridgewell/gen-mapping": { - "version": "0.3.3", - "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", - "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==", - "dependencies": { - "@jridgewell/set-array": "^1.0.1", - "@jridgewell/sourcemap-codec": "^1.4.10", - "@jridgewell/trace-mapping": "^0.3.9" - }, - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@jridgewell/resolve-uri": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz", - "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==", - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@jridgewell/set-array": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", - "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@jridgewell/sourcemap-codec": { - "version": "1.4.15", - "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", - "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==" - }, - "node_modules/@jridgewell/trace-mapping": { - "version": "0.3.20", - "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz", - "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==", - "dependencies": { - "@jridgewell/resolve-uri": "^3.1.0", - "@jridgewell/sourcemap-codec": "^1.4.14" - } - }, - "node_modules/@salutejs/data-themes": { - "version": "0.11.0", - "resolved": "https://registry.npmjs.org/@salutejs/data-themes/-/data-themes-0.11.0.tgz", - "integrity": "sha512-thx8Mmxu1vpe70vhYh6rgIYJpkSSYQOmb1ilLcurfCbwT92wM7KMwpsH1Kd9fPMJ5gOi6SP4HBv2d2dWF4bdqQ==", + "node_modules/@salutejs/core-themes": { + "version": "0.12.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/core-themes/-/core-themes-0.12.0-dev.0.tgz", + "integrity": "sha512-4WCxFt222gIWwWVIcDRbSJbaZJGgXGkvH3LNb2xoq9DU502h+U3DNlubMYY4grjopZMgCDSesYNNrLgRNHpQlA==", "dev": true }, - "node_modules/@salutejs/plasma-typo": { - "version": "0.40.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-typo/-/plasma-typo-0.40.0.tgz", - "integrity": "sha512-wjIJwHb/N5wFyTwTKt4bimt0UpM0/TS3ZsKtJVBS5foqxxJFgv32Ma75RCnnqol38M+KHDa6Lrnu2po0jiicow==", - "peerDependencies": { - "react": ">=16.13.1", - "react-dom": ">=16.13.1", - "styled-components": "^5.1.1" - } - }, "node_modules/@tsconfig/node10": { "version": "1.0.8", "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.8.tgz", @@ -340,116 +84,17 @@ "node": ">=0.4.0" } }, - "node_modules/ansi-styles": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", - "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "dependencies": { - "color-convert": "^1.9.0" - }, - "engines": { - "node": ">=4" - } - }, "node_modules/arg": { "version": "4.1.3", "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==", "dev": true }, - "node_modules/babel-plugin-styled-components": { - "version": "2.0.7", - "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.7.tgz", - "integrity": "sha512-i7YhvPgVqRKfoQ66toiZ06jPNA3p6ierpfUuEWxNF+fV27Uv5gxBkf8KZLHUCc1nFA9j6+80pYoIpqCeyW3/bA==", - "dependencies": { - "@babel/helper-annotate-as-pure": "^7.16.0", - "@babel/helper-module-imports": "^7.16.0", - "babel-plugin-syntax-jsx": "^6.18.0", - "lodash": "^4.17.11", - "picomatch": "^2.3.0" - }, - "peerDependencies": { - "styled-components": ">= 2" - } - }, - "node_modules/babel-plugin-syntax-jsx": { - "version": "6.18.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", - "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==" - }, - "node_modules/camelize": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", - "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==", - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, - "node_modules/chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "dependencies": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "dependencies": { - "color-name": "1.1.3" - } - }, - "node_modules/color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==" - }, "node_modules/create-require": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz", "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==", "dev": true }, - "node_modules/css-color-keywords": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", - "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==", - "engines": { - "node": ">=4" - } - }, - "node_modules/css-to-react-native": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.0.0.tgz", - "integrity": "sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==", - "dependencies": { - "camelize": "^1.0.0", - "css-color-keywords": "^1.0.0", - "postcss-value-parser": "^4.0.2" - } - }, - "node_modules/debug": { - "version": "4.3.2", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.2.tgz", - "integrity": "sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==", - "dependencies": { - "ms": "2.1.2" - }, - "engines": { - "node": ">=6.0" - }, - "peerDependenciesMeta": { - "supports-color": { - "optional": true - } - } - }, "node_modules/diff": { "version": "4.0.2", "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==", @@ -458,143 +103,11 @@ "node": ">=0.3.1" } }, - "node_modules/escape-string-regexp": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", - "engines": { - "node": ">=0.8.0" - } - }, - "node_modules/globals": { - "version": "11.12.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", - "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", - "engines": { - "node": ">=4" - } - }, - "node_modules/has-flag": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", - "engines": { - "node": ">=4" - } - }, - "node_modules/hoist-non-react-statics": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", - "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", - "dependencies": { - "react-is": "^16.7.0" - } - }, - "node_modules/js-tokens": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" - }, - "node_modules/jsesc": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", - "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", - "bin": { - "jsesc": "bin/jsesc" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/lodash": { - "version": "4.17.21", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", - "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" - }, "node_modules/make-error": { "version": "1.3.6", "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==", "dev": true }, - "node_modules/ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" - }, - "node_modules/picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "engines": { - "node": ">=8.6" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } - }, - "node_modules/postcss-value-parser": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==" - }, - "node_modules/react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" - }, - "node_modules/shallowequal": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", - "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" - }, - "node_modules/styled-components": { - "version": "5.3.1", - "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.1.tgz", - "integrity": "sha512-JThv2JRzyH0NOIURrk9iskdxMSAAtCfj/b2Sf1WJaCUsloQkblepy1jaCLX/bYE+mhYo3unmwVSI9I5d9ncSiQ==", - "dependencies": { - "@babel/helper-module-imports": "^7.0.0", - "@babel/traverse": "^7.4.5", - "@emotion/is-prop-valid": "^0.8.8", - "@emotion/stylis": "^0.8.4", - "@emotion/unitless": "^0.7.4", - "babel-plugin-styled-components": ">= 1.12.0", - "css-to-react-native": "^3.0.0", - "hoist-non-react-statics": "^3.0.0", - "shallowequal": "^1.1.0", - "supports-color": "^5.5.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/styled-components" - }, - "peerDependencies": { - "react": ">= 16.8.0", - "react-dom": ">= 16.8.0", - "react-is": ">= 16.8.0" - } - }, - "node_modules/supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dependencies": { - "has-flag": "^3.0.0" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/to-fast-properties": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", - "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", - "engines": { - "node": ">=4" - } - }, "node_modules/ts-node": { "version": "10.2.1", "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.2.1.tgz", @@ -671,134 +184,6 @@ } }, "dependencies": { - "@babel/code-frame": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.4.tgz", - "integrity": "sha512-r1IONyb6Ia+jYR2vvIDhdWdlTGhqbBoFqLTQidzZ4kepUFH15ejXvFHxCVbtl7BOXIudsIubf4E81xeA3h3IXA==", - "requires": { - "@babel/highlight": "^7.23.4", - "chalk": "^2.4.2" - } - }, - "@babel/generator": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.4.tgz", - "integrity": "sha512-esuS49Cga3HcThFNebGhlgsrVLkvhqvYDTzgjfFFlHJcIfLe5jFmRRfCQ1KuBfc4Jrtn3ndLgKWAKjBE+IraYQ==", - "requires": { - "@babel/types": "^7.23.4", - "@jridgewell/gen-mapping": "^0.3.2", - "@jridgewell/trace-mapping": "^0.3.17", - "jsesc": "^2.5.1" - } - }, - "@babel/helper-annotate-as-pure": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz", - "integrity": "sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==", - "requires": { - "@babel/types": "^7.18.6" - } - }, - "@babel/helper-environment-visitor": { - "version": "7.22.20", - "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz", - "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==" - }, - "@babel/helper-function-name": { - "version": "7.23.0", - "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz", - "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==", - "requires": { - "@babel/template": "^7.22.15", - "@babel/types": "^7.23.0" - } - }, - "@babel/helper-hoist-variables": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz", - "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==", - "requires": { - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-module-imports": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz", - "integrity": "sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==", - "requires": { - "@babel/types": "^7.18.6" - } - }, - "@babel/helper-split-export-declaration": { - "version": "7.22.6", - "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz", - "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==", - "requires": { - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-string-parser": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz", - "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==" - }, - "@babel/helper-validator-identifier": { - "version": "7.22.20", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz", - "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==" - }, - "@babel/highlight": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz", - "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==", - "requires": { - "@babel/helper-validator-identifier": "^7.22.20", - "chalk": "^2.4.2", - "js-tokens": "^4.0.0" - } - }, - "@babel/parser": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.4.tgz", - "integrity": "sha512-vf3Xna6UEprW+7t6EtOmFpHNAuxw3xqPZghy+brsnusscJRW5BMUzzHZc5ICjULee81WeUV2jjakG09MDglJXQ==" - }, - "@babel/template": { - "version": "7.22.15", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz", - "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==", - "requires": { - "@babel/code-frame": "^7.22.13", - "@babel/parser": "^7.22.15", - "@babel/types": "^7.22.15" - } - }, - "@babel/traverse": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.4.tgz", - "integrity": "sha512-IYM8wSUwunWTB6tFC2dkKZhxbIjHoWemdK+3f8/wq8aKhbUscxD5MX72ubd90fxvFknaLPeGw5ycU84V1obHJg==", - "requires": { - "@babel/code-frame": "^7.23.4", - "@babel/generator": "^7.23.4", - "@babel/helper-environment-visitor": "^7.22.20", - "@babel/helper-function-name": "^7.23.0", - "@babel/helper-hoist-variables": "^7.22.5", - "@babel/helper-split-export-declaration": "^7.22.6", - "@babel/parser": "^7.23.4", - "@babel/types": "^7.23.4", - "debug": "^4.1.0", - "globals": "^11.1.0" - } - }, - "@babel/types": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.4.tgz", - "integrity": "sha512-7uIFwVYpoplT5jp/kVv6EF93VaJ8H+Yn5IczYiaAi98ajzjfoZfslet/e0sLh+wVBjb2qqIut1b0S26VSafsSQ==", - "requires": { - "@babel/helper-string-parser": "^7.23.4", - "@babel/helper-validator-identifier": "^7.22.20", - "to-fast-properties": "^2.0.0" - } - }, "@cspotcode/source-map-consumer": { "version": "0.8.0", "resolved": "https://registry.npmjs.org/@cspotcode/source-map-consumer/-/source-map-consumer-0.8.0.tgz", @@ -814,74 +199,12 @@ "@cspotcode/source-map-consumer": "0.8.0" } }, - "@emotion/is-prop-valid": { - "version": "0.8.8", - "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", - "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==", - "requires": { - "@emotion/memoize": "0.7.4" - } - }, - "@emotion/memoize": { - "version": "0.7.4", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", - "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==" - }, - "@emotion/stylis": { - "version": "0.8.5", - "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", - "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==" - }, - "@emotion/unitless": { - "version": "0.7.5", - "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", - "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" - }, - "@jridgewell/gen-mapping": { - "version": "0.3.3", - "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", - "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==", - "requires": { - "@jridgewell/set-array": "^1.0.1", - "@jridgewell/sourcemap-codec": "^1.4.10", - "@jridgewell/trace-mapping": "^0.3.9" - } - }, - "@jridgewell/resolve-uri": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz", - "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==" - }, - "@jridgewell/set-array": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", - "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==" - }, - "@jridgewell/sourcemap-codec": { - "version": "1.4.15", - "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", - "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==" - }, - "@jridgewell/trace-mapping": { - "version": "0.3.20", - "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz", - "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==", - "requires": { - "@jridgewell/resolve-uri": "^3.1.0", - "@jridgewell/sourcemap-codec": "^1.4.14" - } - }, - "@salutejs/data-themes": { - "version": "0.11.0", - "resolved": "https://registry.npmjs.org/@salutejs/data-themes/-/data-themes-0.11.0.tgz", - "integrity": "sha512-thx8Mmxu1vpe70vhYh6rgIYJpkSSYQOmb1ilLcurfCbwT92wM7KMwpsH1Kd9fPMJ5gOi6SP4HBv2d2dWF4bdqQ==", + "@salutejs/core-themes": { + "version": "0.12.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/core-themes/-/core-themes-0.12.0-dev.0.tgz", + "integrity": "sha512-4WCxFt222gIWwWVIcDRbSJbaZJGgXGkvH3LNb2xoq9DU502h+U3DNlubMYY4grjopZMgCDSesYNNrLgRNHpQlA==", "dev": true }, - "@salutejs/plasma-typo": { - "version": "0.40.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-typo/-/plasma-typo-0.40.0.tgz", - "integrity": "sha512-wjIJwHb/N5wFyTwTKt4bimt0UpM0/TS3ZsKtJVBS5foqxxJFgv32Ma75RCnnqol38M+KHDa6Lrnu2po0jiicow==" - }, "@tsconfig/node10": { "version": "1.0.8", "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.8.tgz", @@ -918,196 +241,27 @@ "integrity": "sha512-asabaBSkEKosYKMITunzX177CXxQ4Q8BSSzMTKD+FefUhipQC70gfW5SiUDhYQ3vk8G+81HqQk7Fv9OXwwn9KA==", "dev": true }, - "ansi-styles": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", - "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "requires": { - "color-convert": "^1.9.0" - } - }, "arg": { "version": "4.1.3", "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==", "dev": true }, - "babel-plugin-styled-components": { - "version": "2.0.7", - "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.7.tgz", - "integrity": "sha512-i7YhvPgVqRKfoQ66toiZ06jPNA3p6ierpfUuEWxNF+fV27Uv5gxBkf8KZLHUCc1nFA9j6+80pYoIpqCeyW3/bA==", - "requires": { - "@babel/helper-annotate-as-pure": "^7.16.0", - "@babel/helper-module-imports": "^7.16.0", - "babel-plugin-syntax-jsx": "^6.18.0", - "lodash": "^4.17.11", - "picomatch": "^2.3.0" - } - }, - "babel-plugin-syntax-jsx": { - "version": "6.18.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", - "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==" - }, - "camelize": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", - "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==" - }, - "chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - } - }, - "color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "requires": { - "color-name": "1.1.3" - } - }, - "color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==" - }, "create-require": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz", "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==", "dev": true }, - "css-color-keywords": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", - "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==" - }, - "css-to-react-native": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.0.0.tgz", - "integrity": "sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==", - "requires": { - "camelize": "^1.0.0", - "css-color-keywords": "^1.0.0", - "postcss-value-parser": "^4.0.2" - } - }, - "debug": { - "version": "4.3.2", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.2.tgz", - "integrity": "sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==", - "requires": { - "ms": "2.1.2" - } - }, "diff": { "version": "4.0.2", "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==", "dev": true }, - "escape-string-regexp": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==" - }, - "globals": { - "version": "11.12.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", - "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==" - }, - "has-flag": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==" - }, - "hoist-non-react-statics": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", - "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", - "requires": { - "react-is": "^16.7.0" - } - }, - "js-tokens": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" - }, - "jsesc": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", - "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==" - }, - "lodash": { - "version": "4.17.21", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", - "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" - }, "make-error": { "version": "1.3.6", "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==", "dev": true }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" - }, - "picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==" - }, - "postcss-value-parser": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==" - }, - "react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" - }, - "shallowequal": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", - "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" - }, - "styled-components": { - "version": "5.3.1", - "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.1.tgz", - "integrity": "sha512-JThv2JRzyH0NOIURrk9iskdxMSAAtCfj/b2Sf1WJaCUsloQkblepy1jaCLX/bYE+mhYo3unmwVSI9I5d9ncSiQ==", - "requires": { - "@babel/helper-module-imports": "^7.0.0", - "@babel/traverse": "^7.4.5", - "@emotion/is-prop-valid": "^0.8.8", - "@emotion/stylis": "^0.8.4", - "@emotion/unitless": "^0.7.4", - "babel-plugin-styled-components": ">= 1.12.0", - "css-to-react-native": "^3.0.0", - "hoist-non-react-statics": "^3.0.0", - "shallowequal": "^1.1.0", - "supports-color": "^5.5.0" - } - }, - "supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "requires": { - "has-flag": "^3.0.0" - } - }, - "to-fast-properties": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", - "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==" - }, "ts-node": { "version": "10.2.1", "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.2.1.tgz", diff --git a/packages/themes/plasma-themes/package.json b/packages/themes/plasma-themes/package.json index 389d3cce25..533c2395f1 100644 --- a/packages/themes/plasma-themes/package.json +++ b/packages/themes/plasma-themes/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-themes", - "version": "0.12.0", + "version": "0.13.0-dev.0", "description": "Plasma-themes package", "author": "Salute Frontend Team <salute.developers@gmail.com>", "license": "MIT", @@ -30,12 +30,8 @@ "index.js", "index.js.map" ], - "dependencies": { - "@salutejs/plasma-typo": "0.40.0", - "styled-components": "5.3.1" - }, "devDependencies": { - "@salutejs/data-themes": "0.11.0", + "@salutejs/core-themes": "0.12.0-dev.0", "@types/node": "16.7.13", "ts-node": "10.2.1", "typescript": "4.2.4" @@ -46,4 +42,4 @@ "Vasiliy Loginevskiy" ], "sideEffects": false -} +} \ No newline at end of file diff --git a/packages/themes/plasma-themes/src/css/plasma_b2c.module.css b/packages/themes/plasma-themes/src/css/plasma_b2c.module.css index 98acff24cb..1f4feef8ee 100644 --- a/packages/themes/plasma-themes/src/css/plasma_b2c.module.css +++ b/packages/themes/plasma-themes/src/css/plasma_b2c.module.css @@ -3,22 +3,19 @@ .dark { --text-primary-hover: #FFFFFF93; --text-primary-active: #FFFFFFC4; - --text-primary: rgba(255, 255, 255, 0.96); + --text-primary: #FFFFFFF5; --text-secondary-hover: #FFFFFFFF; --text-secondary-active: #FFFFFFAB; - --text-secondary: rgba(255, 255, 255, 0.56); + --text-secondary: #FFFFFF8F; --text-tertiary-hover: #FFFFFFFF; --text-tertiary-active: #FFFFFF56; - --text-tertiary: rgba(255, 255, 255, 0.28); + --text-tertiary: #FFFFFF47; --text-paragraph-hover: #FFFFFF7A; --text-paragraph-active: #FFFFFFA3; - --text-paragraph: rgba(255, 255, 255, 0.8); + --text-paragraph: #FFFFFFCC; --text-accent-hover: #90B6FEFF; --text-accent-active: #216EFDFF; --text-accent: #3F81FD; - --text-accent-gradient-hover: #CCCCCCFF; - --text-accent-gradient-active: #E6E6E6FF; - --text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --text-positive-hover: #1EB83AFF; --text-positive-active: #15842AFF; --text-positive: #1A9E32; @@ -30,22 +27,19 @@ --text-negative: #FF293E; --on-dark-text-primary-hover: #FFFFFF93; --on-dark-text-primary-active: #FFFFFFC4; - --on-dark-text-primary: rgba(255, 255, 255, 0.96); + --on-dark-text-primary: #FFFFFFF5; --on-dark-text-secondary-hover: #FFFFFFFF; --on-dark-text-secondary-active: #FFFFFFAB; - --on-dark-text-secondary: rgba(255, 255, 255, 0.56); + --on-dark-text-secondary: #FFFFFF8F; --on-dark-text-tertiary-hover: #FFFFFFFF; --on-dark-text-tertiary-active: #FFFFFF56; - --on-dark-text-tertiary: rgba(255, 255, 255, 0.28); + --on-dark-text-tertiary: #FFFFFF47; --on-dark-text-paragraph-hover: #FFFFFF7A; --on-dark-text-paragraph-active: #FFFFFFA3; - --on-dark-text-paragraph: rgba(255, 255, 255, 0.8); + --on-dark-text-paragraph: #FFFFFFCC; --on-dark-text-accent-hover: #90B6FEFF; --on-dark-text-accent-active: #216EFDFF; --on-dark-text-accent: #3F81FD; - --on-dark-text-accent-gradient-hover: #CCCCCCFF; - --on-dark-text-accent-gradient-active: #E6E6E6FF; - --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --on-dark-text-positive-hover: #1EB83AFF; --on-dark-text-positive-active: #15842AFF; --on-dark-text-positive: #1A9E32; @@ -57,22 +51,19 @@ --on-dark-text-negative: #FF293E; --on-light-text-primary-hover: #08080893; --on-light-text-primary-active: #080808C4; - --on-light-text-primary: rgba(8, 8, 8, 0.96); + --on-light-text-primary: #080808F5; --on-light-text-secondary-hover: #080808FF; --on-light-text-secondary-active: #080808AB; - --on-light-text-secondary: rgba(8, 8, 8, 0.56); + --on-light-text-secondary: #0808088F; --on-light-text-tertiary-hover: #080808FF; --on-light-text-tertiary-active: #08080856; - --on-light-text-tertiary: rgba(8, 8, 8, 0.28); + --on-light-text-tertiary: #08080847; --on-light-text-paragraph-hover: #0808087A; --on-light-text-paragraph-active: #080808A3; - --on-light-text-paragraph: rgba(8, 8, 8, 0.8); + --on-light-text-paragraph: #080808CC; --on-light-text-accent-hover: #79A7FBFF; --on-light-text-accent-active: #0D5FF8FF; --on-light-text-accent: #2A72F8; - --on-light-text-accent-gradient-hover: #CCCCCCFF; - --on-light-text-accent-gradient-active: #E6E6E6FF; - --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-text-positive-hover: #1EB83AFF; --on-light-text-positive-active: #15842AFF; --on-light-text-positive: #1A9E32; @@ -84,16 +75,16 @@ --on-light-text-negative: #F31B31; --inverse-text-primary-hover: #08080893; --inverse-text-primary-active: #080808C4; - --inverse-text-primary: rgba(8, 8, 8, 0.96); + --inverse-text-primary: #080808F5; --inverse-text-secondary-hover: #080808FF; --inverse-text-secondary-active: #080808AB; - --inverse-text-secondary: rgba(8, 8, 8, 0.56); + --inverse-text-secondary: #0808088F; --inverse-text-tertiary-hover: #080808FF; --inverse-text-tertiary-active: #08080856; - --inverse-text-tertiary: rgba(8, 8, 8, 0.28); + --inverse-text-tertiary: #08080847; --inverse-text-paragraph-hover: #0808087A; --inverse-text-paragraph-active: #080808A3; - --inverse-text-paragraph: rgba(8, 8, 8, 0.8); + --inverse-text-paragraph: #080808CC; --surface-solid-primary-hover: #1C1C1CFF; --surface-solid-primary-active: #121212FF; --surface-solid-primary: #171717; @@ -108,31 +99,28 @@ --surface-solid-card: #171717; --surface-solid-default-hover: #FFFFFFFF; --surface-solid-default-active: #FFFFFFFF; - --surface-solid-default: rgba(255, 255, 255, 1); + --surface-solid-default: #FFFFFFFF; --surface-transparent-primary-hover: #FFFFFF1F; --surface-transparent-primary-active: #FFFFFF0A; - --surface-transparent-primary: rgba(255, 255, 255, 0.06); + --surface-transparent-primary: #FFFFFF0F; --surface-transparent-secondary-hover: #FFFFFF3D; --surface-transparent-secondary-active: #FFFFFF0F; - --surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --surface-transparent-secondary: #FFFFFF1F; --surface-transparent-tertiary-hover: #FFFFFF52; --surface-transparent-tertiary-active: #FFFFFF24; - --surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --surface-transparent-tertiary: #FFFFFF33; --surface-transparent-deep-hover: #FFFFFFC2; --surface-transparent-deep-active: #FFFFFF94; - --surface-transparent-deep: rgba(255, 255, 255, 0.64); + --surface-transparent-deep: #FFFFFFA3; --surface-transparent-card-hover: #FFFFFF3D; --surface-transparent-card-active: #FFFFFF0F; - --surface-transparent-card: rgba(255, 255, 255, 0.12); + --surface-transparent-card: #FFFFFF1F; --surface-clear-hover: #FFFFFF00; --surface-clear-active: #FFFFFF00; - --surface-clear: rgba(255, 255, 255, 0); + --surface-clear: #FFFFFF00; --surface-accent-hover: #5D95FDFF; --surface-accent-active: #357BFDFF; --surface-accent: #3F81FD; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%), linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --surface-transparent-accent-hover: #3F82FD3D; --surface-transparent-accent-active: #3F82FD0F; --surface-positive-hover: #1DAF37FF; @@ -150,10 +138,10 @@ --surface-transparent-warning-active: #FA5F050F; --surface-transparent-negative-hover: #FF293E3D; --surface-transparent-negative-active: #FF293E0F; - --surface-transparent-accent: rgba(63,129,253,0.12); - --surface-transparent-positive: rgba(26,158,50,0.12); - --surface-transparent-warning: rgba(250,95,5,0.12); - --surface-transparent-negative: rgba(255,41,62,0.12); + --surface-transparent-accent: #3F81FD1F; + --surface-transparent-positive: #1A9E321F; + --surface-transparent-warning: #FA5F051F; + --surface-transparent-negative: #FF293E1F; --on-dark-surface-solid-primary-hover: #1C1C1CFF; --on-dark-surface-solid-primary-active: #121212FF; --on-dark-surface-solid-primary: #171717; @@ -168,28 +156,25 @@ --on-dark-surface-solid-card: #171717; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: rgba(255, 255, 255, 1); + --on-dark-surface-solid-default: #FFFFFFFF; --on-dark-surface-transparent-primary-hover: #FFFFFF1F; --on-dark-surface-transparent-primary-active: #FFFFFF0A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; --on-dark-surface-transparent-secondary-active: #FFFFFF0F; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; --on-dark-surface-transparent-tertiary-active: #FFFFFF24; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-deep-hover: #FFFFFFC2; --on-dark-surface-transparent-deep-active: #FFFFFF94; - --on-dark-surface-transparent-deep: rgba(255, 255, 255, 0.64); + --on-dark-surface-transparent-deep: #FFFFFFA3; --on-dark-surface-transparent-card-hover: #FFFFFF3D; --on-dark-surface-transparent-card-active: #FFFFFF0F; - --on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-card: #FFFFFF1F; --on-dark-surface-accent-hover: #5D95FDFF; --on-dark-surface-accent-active: #357BFDFF; --on-dark-surface-accent: #3F81FD; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-dark-surface-positive-hover: #1DAF37FF; --on-dark-surface-positive-active: #18952FFF; --on-dark-surface-positive: #1A9E32; @@ -210,31 +195,28 @@ --on-light-surface-solid-tertiary: #DDDDDD; --on-light-surface-solid-card-hover: #FFFFFFFF; --on-light-surface-solid-card-active: #FFFFFFFF; - --on-light-surface-solid-card: rgba(255, 255, 255, 1); + --on-light-surface-solid-card: #FFFFFFFF; --on-light-surface-solid-default-hover: #0D0D0DFF; --on-light-surface-solid-default-active: #030303FF; --on-light-surface-solid-default: #080808; --on-light-surface-transparent-primary-hover: #08080812; --on-light-surface-transparent-primary-active: #08080803; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.03); + --on-light-surface-transparent-primary: #08080808; --on-light-surface-transparent-secondary-hover: #0808081F; --on-light-surface-transparent-secondary-active: #0808080A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808083D; --on-light-surface-transparent-tertiary-active: #0808080F; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #080808C2; --on-light-surface-transparent-deep-active: #08080894; - --on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64); + --on-light-surface-transparent-deep: #080808A3; --on-light-surface-transparent-card-hover: #FFFFFFFF; --on-light-surface-transparent-card-active: #FFFFFFFF; - --on-light-surface-transparent-card: rgba(255, 255, 255, 1); + --on-light-surface-transparent-card: #FFFFFFFF; --on-light-surface-accent-hover: #4886F9FF; --on-light-surface-accent-active: #206CF8FF; --on-light-surface-accent: #2A72F8; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-surface-positive-hover: #1DAF37FF; --on-light-surface-positive-active: #18952FFF; --on-light-surface-positive: #1A9E32; @@ -247,231 +229,247 @@ --background-primary: #080808; --dark-background-primary: #080808; --light-background-primary: #F9F9F9; - --overlay-soft: rgba(8, 8, 8, 0.56); - --overlay-hard: rgba(8, 8, 8, 0.96); - --overlay-blur: rgba(8, 8, 8, 0.28); - --on-dark-overlay-soft: rgba(8, 8, 8, 0.56); - --on-dark-overlay-hard: rgba(8, 8, 8, 0.96); - --on-dark-overlay-blur: rgba(8, 8, 8, 0.28); - --on-light-overlay-soft: rgba(249, 249, 249, 0.56); - --on-light-overlay-hard: rgba(249, 249, 249, 0.96); - --on-light-overlay-blur: rgba(249, 249, 249, 0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); - --shadow-down-soft-s: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); - --shadow-down-soft-m: 0px 24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-down-soft-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-down-hard-s: 0px 4px 12px -3px rgba(8, 8, 8, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.08); - --shadow-down-hard-m: 0px 16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-down-hard-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.40); - --shadow-up-soft-s: 0px -4px 14px -4px rgba(8, 8, 8, 0.08), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-soft-m: 0px -24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-up-soft-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-up-hard-s: 0px -4px 12px -3px rgba(8, 8, 8, 0.20), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-hard-m: 0px -16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-up-hard-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.40); + --overlay-soft: #0808088F; + --overlay-hard: #080808F5; + --overlay-blur: #08080847; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080847; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F947; color: var(--text-primary); background-color: var(--background-primary); } +.dark { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --on-dark-text-accent-gradient-hover: #CCCCCCFF; + --on-dark-text-accent-gradient-active: #E6E6E6FF; + --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --on-light-text-accent-gradient-hover: #CCCCCCFF; + --on-light-text-accent-gradient-active: #E6E6E6FF; + --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%),linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + .light { - --text-primary-hover: #08080893; - --text-primary-active: #080808C4; - --text-primary: rgba(8, 8, 8, 0.96); - --text-secondary-hover: #080808FF; - --text-secondary-active: #080808AB; - --text-secondary: rgba(8, 8, 8, 0.56); - --text-tertiary-hover: #080808FF; - --text-tertiary-active: #08080856; - --text-tertiary: rgba(8, 8, 8, 0.28); - --text-paragraph-hover: #0808087A; - --text-paragraph-active: #080808A3; - --text-paragraph: rgba(8, 8, 8, 0.8); - --text-accent-hover: #528DFAFF; - --text-accent-active: #075AF2FF; - --text-accent: #2A72F8; - --text-accent-gradient-hover: #000000FF; - --text-accent-gradient-active: #CCCCCCFF; - --text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); - --text-positive-hover: #1FC13DFF; - --text-positive-active: #147B27FF; + --text-primary-hover: #FFFFFF93; + --text-primary-active: #FFFFFFC4; + --text-primary: #FFFFFFF5; + --text-secondary-hover: #FFFFFFFF; + --text-secondary-active: #FFFFFFAB; + --text-secondary: #FFFFFF8F; + --text-tertiary-hover: #FFFFFFFF; + --text-tertiary-active: #FFFFFF56; + --text-tertiary: #FFFFFF47; + --text-paragraph-hover: #FFFFFF7A; + --text-paragraph-active: #FFFFFFA3; + --text-paragraph: #FFFFFFCC; + --text-accent-hover: #90B6FEFF; + --text-accent-active: #216EFDFF; + --text-accent: #3F81FD; + --text-positive-hover: #1EB83AFF; + --text-positive-active: #15842AFF; --text-positive: #1A9E32; - --text-warning-hover: #FB782DFF; - --text-warning-active: #D25004FF; + --text-warning-hover: #FB7223FF; + --text-warning-active: #DC5304FF; --text-warning: #FA5F05; - --text-negative-hover: #F54254FF; - --text-negative-active: #DA0B20FF; - --text-negative: #F31B31; + --text-negative-hover: #FF475AFF; + --text-negative-active: #FF0A23FF; + --text-negative: #FF293E; --on-dark-text-primary-hover: #FFFFFF93; --on-dark-text-primary-active: #FFFFFFC4; - --on-dark-text-primary: rgba(255, 255, 255, 0.96); + --on-dark-text-primary: #FFFFFFF5; --on-dark-text-secondary-hover: #FFFFFFFF; --on-dark-text-secondary-active: #FFFFFFAB; - --on-dark-text-secondary: rgba(255, 255, 255, 0.56); + --on-dark-text-secondary: #FFFFFF8F; --on-dark-text-tertiary-hover: #FFFFFFFF; --on-dark-text-tertiary-active: #FFFFFF56; - --on-dark-text-tertiary: rgba(255, 255, 255, 0.28); + --on-dark-text-tertiary: #FFFFFF47; --on-dark-text-paragraph-hover: #FFFFFF7A; --on-dark-text-paragraph-active: #FFFFFFA3; - --on-dark-text-paragraph: rgba(255, 255, 255, 0.8); - --on-dark-text-accent-hover: #689CFDFF; - --on-dark-text-accent-active: #1767FDFF; + --on-dark-text-paragraph: #FFFFFFCC; + --on-dark-text-accent-hover: #90B6FEFF; + --on-dark-text-accent-active: #216EFDFF; --on-dark-text-accent: #3F81FD; - --on-dark-text-accent-gradient-hover: #000000FF; - --on-dark-text-accent-gradient-active: #CCCCCCFF; - --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); - --on-dark-text-positive-hover: #1FC13DFF; - --on-dark-text-positive-active: #147B27FF; + --on-dark-text-positive-hover: #1EB83AFF; + --on-dark-text-positive-active: #15842AFF; --on-dark-text-positive: #1A9E32; - --on-dark-text-warning-hover: #FB782DFF; - --on-dark-text-warning-active: #D25004FF; + --on-dark-text-warning-hover: #FB7223FF; + --on-dark-text-warning-active: #DC5304FF; --on-dark-text-warning: #FA5F05; - --on-dark-text-negative-hover: #FF5263FF; - --on-dark-text-negative-active: #FF001AFF; + --on-dark-text-negative-hover: #FF475AFF; + --on-dark-text-negative-active: #FF0A23FF; --on-dark-text-negative: #FF293E; --on-light-text-primary-hover: #08080893; --on-light-text-primary-active: #080808C4; - --on-light-text-primary: rgba(8, 8, 8, 0.96); + --on-light-text-primary: #080808F5; --on-light-text-secondary-hover: #080808FF; --on-light-text-secondary-active: #080808AB; - --on-light-text-secondary: rgba(8, 8, 8, 0.56); + --on-light-text-secondary: #0808088F; --on-light-text-tertiary-hover: #080808FF; --on-light-text-tertiary-active: #08080856; - --on-light-text-tertiary: rgba(8, 8, 8, 0.28); + --on-light-text-tertiary: #08080847; --on-light-text-paragraph-hover: #0808087A; --on-light-text-paragraph-active: #080808A3; - --on-light-text-paragraph: rgba(8, 8, 8, 0.8); - --on-light-text-accent-hover: #528DFAFF; - --on-light-text-accent-active: #075AF2FF; + --on-light-text-paragraph: #080808CC; + --on-light-text-accent-hover: #79A7FBFF; + --on-light-text-accent-active: #0D5FF8FF; --on-light-text-accent: #2A72F8; - --on-light-text-accent-gradient-hover: #000000FF; - --on-light-text-accent-gradient-active: #CCCCCCFF; - --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); - --on-light-text-positive-hover: #1FC13DFF; - --on-light-text-positive-active: #147B27FF; + --on-light-text-positive-hover: #1EB83AFF; + --on-light-text-positive-active: #15842AFF; --on-light-text-positive: #1A9E32; - --on-light-text-warning-hover: #FB782DFF; - --on-light-text-warning-active: #D25004FF; + --on-light-text-warning-hover: #FB7223FF; + --on-light-text-warning-active: #DC5304FF; --on-light-text-warning: #FA5F05; - --on-light-text-negative-hover: #F54254FF; - --on-light-text-negative-active: #DA0B20FF; + --on-light-text-negative-hover: #F5384BFF; + --on-light-text-negative-active: #E40C22FF; --on-light-text-negative: #F31B31; - --inverse-text-primary-hover: #FFFFFF93; - --inverse-text-primary-active: #FFFFFFC4; - --inverse-text-primary: rgba(255, 255, 255, 0.96); - --inverse-text-secondary-hover: #FFFFFFFF; - --inverse-text-secondary-active: #FFFFFFAB; - --inverse-text-secondary: rgba(255, 255, 255, 0.56); - --inverse-text-tertiary-hover: #FFFFFFFF; - --inverse-text-tertiary-active: #FFFFFF56; - --inverse-text-tertiary: rgba(255, 255, 255, 0.28); - --inverse-text-paragraph-hover: #FFFFFF7A; - --inverse-text-paragraph-active: #FFFFFFA3; - --inverse-text-paragraph: rgba(255, 255, 255, 0.8); - --surface-solid-primary-hover: #FAFAFAFF; - --surface-solid-primary-active: #F0F0F0FF; - --surface-solid-primary: #F5F5F5; - --surface-solid-secondary-hover: #F7F7F7FF; - --surface-solid-secondary-active: #E8E8E8FF; - --surface-solid-secondary: #ECECEC; - --surface-solid-tertiary-hover: #EDEDEDFF; - --surface-solid-tertiary-active: #D4D4D4FF; - --surface-solid-tertiary: #DDDDDD; - --surface-solid-card-hover: #FFFFFFFF; - --surface-solid-card-active: #FFFFFFFF; - --surface-solid-card: rgba(255, 255, 255, 1); - --surface-solid-default-hover: #262626FF; - --surface-solid-default-active: #030303FF; - --surface-solid-default: #080808; - --surface-transparent-primary-hover: #08080803; - --surface-transparent-primary-active: #0808080D; - --surface-transparent-primary: rgba(8, 8, 8, 0.03); - --surface-transparent-secondary-hover: #08080805; - --surface-transparent-secondary-active: #0808081A; - --surface-transparent-secondary: rgba(8, 8, 8, 0.06); - --surface-transparent-tertiary-hover: #0808080A; - --surface-transparent-tertiary-active: #08080829; - --surface-transparent-tertiary: rgba(8, 8, 8, 0.12); - --surface-transparent-deep-hover: #0808088F; - --surface-transparent-deep-active: #080808AD; - --surface-transparent-deep: rgba(8, 8, 8, 0.64); - --surface-transparent-card-hover: #FFFFFFFF; - --surface-transparent-card-active: #FFFFFFFF; - --surface-transparent-card: rgba(255, 255, 255, 1); + --inverse-text-primary-hover: #08080893; + --inverse-text-primary-active: #080808C4; + --inverse-text-primary: #080808F5; + --inverse-text-secondary-hover: #080808FF; + --inverse-text-secondary-active: #080808AB; + --inverse-text-secondary: #0808088F; + --inverse-text-tertiary-hover: #080808FF; + --inverse-text-tertiary-active: #08080856; + --inverse-text-tertiary: #08080847; + --inverse-text-paragraph-hover: #0808087A; + --inverse-text-paragraph-active: #080808A3; + --inverse-text-paragraph: #080808CC; + --surface-solid-primary-hover: #1C1C1CFF; + --surface-solid-primary-active: #121212FF; + --surface-solid-primary: #171717; + --surface-solid-secondary-hover: #303030FF; + --surface-solid-secondary-active: #212121FF; + --surface-solid-secondary: #262626; + --surface-solid-tertiary-hover: #404040FF; + --surface-solid-tertiary-active: #303030FF; + --surface-solid-tertiary: #363636; + --surface-solid-card-hover: #1C1C1CFF; + --surface-solid-card-active: #121212FF; + --surface-solid-card: #171717; + --surface-solid-default-hover: #FFFFFFFF; + --surface-solid-default-active: #FFFFFFFF; + --surface-solid-default: #FFFFFFFF; + --surface-transparent-primary-hover: #FFFFFF1F; + --surface-transparent-primary-active: #FFFFFF0A; + --surface-transparent-primary: #FFFFFF0F; + --surface-transparent-secondary-hover: #FFFFFF3D; + --surface-transparent-secondary-active: #FFFFFF0F; + --surface-transparent-secondary: #FFFFFF1F; + --surface-transparent-tertiary-hover: #FFFFFF52; + --surface-transparent-tertiary-active: #FFFFFF24; + --surface-transparent-tertiary: #FFFFFF33; + --surface-transparent-deep-hover: #FFFFFFC2; + --surface-transparent-deep-active: #FFFFFF94; + --surface-transparent-deep: #FFFFFFA3; + --surface-transparent-card-hover: #FFFFFF3D; + --surface-transparent-card-active: #FFFFFF0F; + --surface-transparent-card: #FFFFFF1F; --surface-clear-hover: #FFFFFF00; --surface-clear-active: #FFFFFF00; - --surface-clear: rgba(255, 255, 255, 0); - --surface-accent-hover: #528DFAFF; - --surface-accent-active: #1665F8FF; - --surface-accent: #2A72F8; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); - --surface-transparent-accent-hover: #2A72F805; - --surface-transparent-accent-active: #2A72F81A; - --surface-positive-hover: #1EB83AFF; - --surface-positive-active: #178C2CFF; + --surface-clear: #FFFFFF00; + --surface-accent-hover: #5D95FDFF; + --surface-accent-active: #357BFDFF; + --surface-accent: #3F81FD; + --surface-transparent-accent-hover: #3F82FD3D; + --surface-transparent-accent-active: #3F82FD0F; + --surface-positive-hover: #1DAF37FF; + --surface-positive-active: #18952FFF; --surface-positive: #1A9E32; - --surface-warning-hover: #FB782DFF; - --surface-warning-active: #E65705FF; + --surface-warning-hover: #FB7223FF; + --surface-warning-active: #F05B05FF; --surface-warning: #FA5F05; - --surface-negative-hover: #F54254FF; - --surface-negative-active: #ED0C23FF; - --surface-negative: #F31B31; - --surface-transparent-positive-hover: #1A9E3205; - --surface-transparent-positive-active: #1A9E321A; - --surface-transparent-warning-hover: #FA5F0505; - --surface-transparent-warning-active: #FA5F051A; - --surface-transparent-negative-hover: #F31B3105; - --surface-transparent-negative-active: #F31B311A; - --surface-transparent-accent: rgba(42,114,248,0.06); - --surface-transparent-positive: rgba(26,158,50,0.06); - --surface-transparent-warning: rgba(250,95,5,0.06); - --surface-transparent-negative: rgba(243,27,49,0.06); - --on-dark-surface-solid-primary-hover: #363636FF; - --on-dark-surface-solid-primary-active: #0D0D0DFF; + --surface-negative-hover: #FF475AFF; + --surface-negative-active: #FF1F35FF; + --surface-negative: #FF293E; + --surface-transparent-positive-hover: #1A9E323D; + --surface-transparent-positive-active: #1A9E320F; + --surface-transparent-warning-hover: #FA5F053D; + --surface-transparent-warning-active: #FA5F050F; + --surface-transparent-negative-hover: #FF293E3D; + --surface-transparent-negative-active: #FF293E0F; + --surface-transparent-accent: #3F81FD1F; + --surface-transparent-positive: #1A9E321F; + --surface-transparent-warning: #FA5F051F; + --surface-transparent-negative: #FF293E1F; + --on-dark-surface-solid-primary-hover: #1C1C1CFF; + --on-dark-surface-solid-primary-active: #121212FF; --on-dark-surface-solid-primary: #171717; - --on-dark-surface-solid-secondary-hover: #3B3B3BFF; - --on-dark-surface-solid-secondary-active: #1C1C1CFF; + --on-dark-surface-solid-secondary-hover: #303030FF; + --on-dark-surface-solid-secondary-active: #212121FF; --on-dark-surface-solid-secondary: #262626; - --on-dark-surface-solid-tertiary-hover: #4A4A4AFF; - --on-dark-surface-solid-tertiary-active: #2B2B2BFF; + --on-dark-surface-solid-tertiary-hover: #404040FF; + --on-dark-surface-solid-tertiary-active: #303030FF; --on-dark-surface-solid-tertiary: #363636; - --on-dark-surface-solid-card-hover: #363636FF; - --on-dark-surface-solid-card-active: #0D0D0DFF; + --on-dark-surface-solid-card-hover: #1C1C1CFF; + --on-dark-surface-solid-card-active: #121212FF; --on-dark-surface-solid-card: #171717; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: rgba(255, 255, 255, 1); - --on-dark-surface-transparent-primary-hover: #363636FF; - --on-dark-surface-transparent-primary-active: #0D0D0DFF; - --on-dark-surface-transparent-primary: #171717; - --on-dark-surface-transparent-secondary-hover: #3B3B3BFF; - --on-dark-surface-transparent-secondary-active: #1C1C1CFF; - --on-dark-surface-transparent-secondary: #262626; - --on-dark-surface-transparent-tertiary-hover: #4A4A4AFF; - --on-dark-surface-transparent-tertiary-active: #2B2B2BFF; - --on-dark-surface-transparent-tertiary: #363636; - --on-dark-surface-transparent-deep-hover: #FFFFFF8F; - --on-dark-surface-transparent-deep-active: #FFFFFFAD; - --on-dark-surface-transparent-deep: rgba(255, 255, 255, 0.64); - --on-dark-surface-transparent-card-hover: #FFFFFF0A; - --on-dark-surface-transparent-card-active: #FFFFFF29; - --on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12); - --on-dark-surface-accent-hover: #689CFDFF; - --on-dark-surface-accent-active: #2B74FDFF; + --on-dark-surface-solid-default: #FFFFFFFF; + --on-dark-surface-transparent-primary-hover: #FFFFFF1F; + --on-dark-surface-transparent-primary-active: #FFFFFF0A; + --on-dark-surface-transparent-primary: #FFFFFF0F; + --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; + --on-dark-surface-transparent-secondary-active: #FFFFFF0F; + --on-dark-surface-transparent-secondary: #FFFFFF1F; + --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; + --on-dark-surface-transparent-tertiary-active: #FFFFFF24; + --on-dark-surface-transparent-tertiary: #FFFFFF33; + --on-dark-surface-transparent-deep-hover: #FFFFFFC2; + --on-dark-surface-transparent-deep-active: #FFFFFF94; + --on-dark-surface-transparent-deep: #FFFFFFA3; + --on-dark-surface-transparent-card-hover: #FFFFFF3D; + --on-dark-surface-transparent-card-active: #FFFFFF0F; + --on-dark-surface-transparent-card: #FFFFFF1F; + --on-dark-surface-accent-hover: #5D95FDFF; + --on-dark-surface-accent-active: #357BFDFF; --on-dark-surface-accent: #3F81FD; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); - --on-dark-surface-positive-hover: #1EB83AFF; - --on-dark-surface-positive-active: #178C2CFF; + --on-dark-surface-positive-hover: #1DAF37FF; + --on-dark-surface-positive-active: #18952FFF; --on-dark-surface-positive: #1A9E32; - --on-dark-surface-warning-hover: #FB782DFF; - --on-dark-surface-warning-active: #E65705FF; + --on-dark-surface-warning-hover: #FB7223FF; + --on-dark-surface-warning-active: #F05B05FF; --on-dark-surface-warning: #FA5F05; - --on-dark-surface-negative-hover: #FF5263FF; - --on-dark-surface-negative-active: #FF142CFF; + --on-dark-surface-negative-hover: #FF475AFF; + --on-dark-surface-negative-active: #FF1F35FF; --on-dark-surface-negative: #FF293E; --on-light-surface-solid-primary-hover: #FAFAFAFF; --on-light-surface-solid-primary-active: #F0F0F0FF; @@ -479,81 +477,135 @@ --on-light-surface-solid-secondary-hover: #F7F7F7FF; --on-light-surface-solid-secondary-active: #E8E8E8FF; --on-light-surface-solid-secondary: #ECECEC; - --on-light-surface-solid-tertiary-hover: #EDEDEDFF; - --on-light-surface-solid-tertiary-active: #D4D4D4FF; + --on-light-surface-solid-tertiary-hover: #E8E8E8FF; + --on-light-surface-solid-tertiary-active: #D9D9D9FF; --on-light-surface-solid-tertiary: #DDDDDD; --on-light-surface-solid-card-hover: #FFFFFFFF; --on-light-surface-solid-card-active: #FFFFFFFF; - --on-light-surface-solid-card: rgba(255, 255, 255, 1); - --on-light-surface-solid-default-hover: #262626FF; + --on-light-surface-solid-card: #FFFFFFFF; + --on-light-surface-solid-default-hover: #0D0D0DFF; --on-light-surface-solid-default-active: #030303FF; --on-light-surface-solid-default: #080808; - --on-light-surface-transparent-primary-hover: #08080803; - --on-light-surface-transparent-primary-active: #0808080D; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.03); - --on-light-surface-transparent-secondary-hover: #08080805; - --on-light-surface-transparent-secondary-active: #0808081A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); - --on-light-surface-transparent-tertiary-hover: #0808080A; - --on-light-surface-transparent-tertiary-active: #08080829; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); - --on-light-surface-transparent-deep-hover: #0808088F; - --on-light-surface-transparent-deep-active: #080808AD; - --on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64); + --on-light-surface-transparent-primary-hover: #08080812; + --on-light-surface-transparent-primary-active: #08080803; + --on-light-surface-transparent-primary: #08080808; + --on-light-surface-transparent-secondary-hover: #0808081F; + --on-light-surface-transparent-secondary-active: #0808080A; + --on-light-surface-transparent-secondary: #0808080F; + --on-light-surface-transparent-tertiary-hover: #0808083D; + --on-light-surface-transparent-tertiary-active: #0808080F; + --on-light-surface-transparent-tertiary: #0808081F; + --on-light-surface-transparent-deep-hover: #080808C2; + --on-light-surface-transparent-deep-active: #08080894; + --on-light-surface-transparent-deep: #080808A3; --on-light-surface-transparent-card-hover: #FFFFFFFF; --on-light-surface-transparent-card-active: #FFFFFFFF; - --on-light-surface-transparent-card: rgba(255, 255, 255, 1); - --on-light-surface-accent-hover: #528DFAFF; - --on-light-surface-accent-active: #1665F8FF; + --on-light-surface-transparent-card: #FFFFFFFF; + --on-light-surface-accent-hover: #4886F9FF; + --on-light-surface-accent-active: #206CF8FF; --on-light-surface-accent: #2A72F8; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); - --on-light-surface-positive-hover: #1EB83AFF; - --on-light-surface-positive-active: #178C2CFF; + --on-light-surface-positive-hover: #1DAF37FF; + --on-light-surface-positive-active: #18952FFF; --on-light-surface-positive: #1A9E32; - --on-light-surface-warning-hover: #FB782DFF; - --on-light-surface-warning-active: #E65705FF; + --on-light-surface-warning-hover: #FB7223FF; + --on-light-surface-warning-active: #F05B05FF; --on-light-surface-warning: #FA5F05; - --on-light-surface-negative-hover: #F54254FF; - --on-light-surface-negative-active: #ED0C23FF; + --on-light-surface-negative-hover: #F5384BFF; + --on-light-surface-negative-active: #F31228FF; --on-light-surface-negative: #F31B31; - --background-primary: #F9F9F9; + --background-primary: #080808; --dark-background-primary: #080808; --light-background-primary: #F9F9F9; - --overlay-soft: rgba(249, 249, 249, 0.56); - --overlay-hard: rgba(249, 249, 249, 0.96); - --overlay-blur: rgba(249, 249, 249, 0.28); - --on-dark-overlay-soft: rgba(8, 8, 8, 0.56); - --on-dark-overlay-hard: rgba(8, 8, 8, 0.96); - --on-dark-overlay-blur: rgba(8, 8, 8, 0.28); - --on-light-overlay-soft: rgba(249, 249, 249, 0.56); - --on-light-overlay-hard: rgba(249, 249, 249, 0.96); - --on-light-overlay-blur: rgba(249, 249, 249, 0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); - --shadow-down-soft-s: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); - --shadow-down-soft-m: 0px 24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-down-soft-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-down-hard-s: 0px 4px 12px -3px rgba(8, 8, 8, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.08); - --shadow-down-hard-m: 0px 16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-down-hard-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.40); - --shadow-up-soft-s: 0px -4px 14px -4px rgba(8, 8, 8, 0.08), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-soft-m: 0px -24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-up-soft-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-up-hard-s: 0px -4px 12px -3px rgba(8, 8, 8, 0.20), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-hard-m: 0px -16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-up-hard-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.40); + --overlay-soft: #0808088F; + --overlay-hard: #080808F5; + --overlay-blur: #08080847; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080847; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F947; color: var(--text-primary); background-color: var(--background-primary); } -.light, - .dark { +.light { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --on-dark-text-accent-gradient-hover: #CCCCCCFF; + --on-dark-text-accent-gradient-active: #E6E6E6FF; + --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --on-light-text-accent-gradient-hover: #CCCCCCFF; + --on-light-text-accent-gradient-active: #E6E6E6FF; + --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%),linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +.dark, .light { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +.dark, .light { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + +.dark, .light { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -573,64 +625,64 @@ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -649,7 +701,7 @@ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -660,8 +712,7 @@ } @media (max-width: 559px) { - .light, - .dark { + .dark, .light { --plasma-typo-dspl-l-font-size: 5.5rem; --plasma-typo-dspl-l-font-weight: 300; --plasma-typo-dspl-l-line-height: 5.75rem; @@ -768,8 +819,7 @@ } @media (min-width: 560px) and (max-width: 959px) { - .light, - .dark { + .dark, .light { --plasma-typo-dspl-l-font-size: 7rem; --plasma-typo-dspl-l-font-weight: 300; --plasma-typo-dspl-l-line-height: 7rem; @@ -876,8 +926,7 @@ } @media (min-width: 960px) { - .light, - .dark { + .dark, .light { --plasma-typo-dspl-l-font-size: 8rem; --plasma-typo-dspl-l-font-weight: 300; --plasma-typo-dspl-l-line-height: 8rem; @@ -981,4 +1030,4 @@ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} +} \ No newline at end of file diff --git a/packages/themes/plasma-themes/src/css/plasma_b2c__dark.css b/packages/themes/plasma-themes/src/css/plasma_b2c__dark.css index 3d78d43f39..0a309e1ac0 100644 --- a/packages/themes/plasma-themes/src/css/plasma_b2c__dark.css +++ b/packages/themes/plasma-themes/src/css/plasma_b2c__dark.css @@ -3,22 +3,19 @@ :root { --text-primary-hover: #FFFFFF93; --text-primary-active: #FFFFFFC4; - --text-primary: rgba(255, 255, 255, 0.96); + --text-primary: #FFFFFFF5; --text-secondary-hover: #FFFFFFFF; --text-secondary-active: #FFFFFFAB; - --text-secondary: rgba(255, 255, 255, 0.56); + --text-secondary: #FFFFFF8F; --text-tertiary-hover: #FFFFFFFF; --text-tertiary-active: #FFFFFF56; - --text-tertiary: rgba(255, 255, 255, 0.28); + --text-tertiary: #FFFFFF47; --text-paragraph-hover: #FFFFFF7A; --text-paragraph-active: #FFFFFFA3; - --text-paragraph: rgba(255, 255, 255, 0.8); + --text-paragraph: #FFFFFFCC; --text-accent-hover: #90B6FEFF; --text-accent-active: #216EFDFF; --text-accent: #3F81FD; - --text-accent-gradient-hover: #CCCCCCFF; - --text-accent-gradient-active: #E6E6E6FF; - --text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --text-positive-hover: #1EB83AFF; --text-positive-active: #15842AFF; --text-positive: #1A9E32; @@ -30,22 +27,19 @@ --text-negative: #FF293E; --on-dark-text-primary-hover: #FFFFFF93; --on-dark-text-primary-active: #FFFFFFC4; - --on-dark-text-primary: rgba(255, 255, 255, 0.96); + --on-dark-text-primary: #FFFFFFF5; --on-dark-text-secondary-hover: #FFFFFFFF; --on-dark-text-secondary-active: #FFFFFFAB; - --on-dark-text-secondary: rgba(255, 255, 255, 0.56); + --on-dark-text-secondary: #FFFFFF8F; --on-dark-text-tertiary-hover: #FFFFFFFF; --on-dark-text-tertiary-active: #FFFFFF56; - --on-dark-text-tertiary: rgba(255, 255, 255, 0.28); + --on-dark-text-tertiary: #FFFFFF47; --on-dark-text-paragraph-hover: #FFFFFF7A; --on-dark-text-paragraph-active: #FFFFFFA3; - --on-dark-text-paragraph: rgba(255, 255, 255, 0.8); + --on-dark-text-paragraph: #FFFFFFCC; --on-dark-text-accent-hover: #90B6FEFF; --on-dark-text-accent-active: #216EFDFF; --on-dark-text-accent: #3F81FD; - --on-dark-text-accent-gradient-hover: #CCCCCCFF; - --on-dark-text-accent-gradient-active: #E6E6E6FF; - --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --on-dark-text-positive-hover: #1EB83AFF; --on-dark-text-positive-active: #15842AFF; --on-dark-text-positive: #1A9E32; @@ -57,22 +51,19 @@ --on-dark-text-negative: #FF293E; --on-light-text-primary-hover: #08080893; --on-light-text-primary-active: #080808C4; - --on-light-text-primary: rgba(8, 8, 8, 0.96); + --on-light-text-primary: #080808F5; --on-light-text-secondary-hover: #080808FF; --on-light-text-secondary-active: #080808AB; - --on-light-text-secondary: rgba(8, 8, 8, 0.56); + --on-light-text-secondary: #0808088F; --on-light-text-tertiary-hover: #080808FF; --on-light-text-tertiary-active: #08080856; - --on-light-text-tertiary: rgba(8, 8, 8, 0.28); + --on-light-text-tertiary: #08080847; --on-light-text-paragraph-hover: #0808087A; --on-light-text-paragraph-active: #080808A3; - --on-light-text-paragraph: rgba(8, 8, 8, 0.8); + --on-light-text-paragraph: #080808CC; --on-light-text-accent-hover: #79A7FBFF; --on-light-text-accent-active: #0D5FF8FF; --on-light-text-accent: #2A72F8; - --on-light-text-accent-gradient-hover: #CCCCCCFF; - --on-light-text-accent-gradient-active: #E6E6E6FF; - --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-text-positive-hover: #1EB83AFF; --on-light-text-positive-active: #15842AFF; --on-light-text-positive: #1A9E32; @@ -84,16 +75,16 @@ --on-light-text-negative: #F31B31; --inverse-text-primary-hover: #08080893; --inverse-text-primary-active: #080808C4; - --inverse-text-primary: rgba(8, 8, 8, 0.96); + --inverse-text-primary: #080808F5; --inverse-text-secondary-hover: #080808FF; --inverse-text-secondary-active: #080808AB; - --inverse-text-secondary: rgba(8, 8, 8, 0.56); + --inverse-text-secondary: #0808088F; --inverse-text-tertiary-hover: #080808FF; --inverse-text-tertiary-active: #08080856; - --inverse-text-tertiary: rgba(8, 8, 8, 0.28); + --inverse-text-tertiary: #08080847; --inverse-text-paragraph-hover: #0808087A; --inverse-text-paragraph-active: #080808A3; - --inverse-text-paragraph: rgba(8, 8, 8, 0.8); + --inverse-text-paragraph: #080808CC; --surface-solid-primary-hover: #1C1C1CFF; --surface-solid-primary-active: #121212FF; --surface-solid-primary: #171717; @@ -108,31 +99,28 @@ --surface-solid-card: #171717; --surface-solid-default-hover: #FFFFFFFF; --surface-solid-default-active: #FFFFFFFF; - --surface-solid-default: rgba(255, 255, 255, 1); + --surface-solid-default: #FFFFFFFF; --surface-transparent-primary-hover: #FFFFFF1F; --surface-transparent-primary-active: #FFFFFF0A; - --surface-transparent-primary: rgba(255, 255, 255, 0.06); + --surface-transparent-primary: #FFFFFF0F; --surface-transparent-secondary-hover: #FFFFFF3D; --surface-transparent-secondary-active: #FFFFFF0F; - --surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --surface-transparent-secondary: #FFFFFF1F; --surface-transparent-tertiary-hover: #FFFFFF52; --surface-transparent-tertiary-active: #FFFFFF24; - --surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --surface-transparent-tertiary: #FFFFFF33; --surface-transparent-deep-hover: #FFFFFFC2; --surface-transparent-deep-active: #FFFFFF94; - --surface-transparent-deep: rgba(255, 255, 255, 0.64); + --surface-transparent-deep: #FFFFFFA3; --surface-transparent-card-hover: #FFFFFF3D; --surface-transparent-card-active: #FFFFFF0F; - --surface-transparent-card: rgba(255, 255, 255, 0.12); + --surface-transparent-card: #FFFFFF1F; --surface-clear-hover: #FFFFFF00; --surface-clear-active: #FFFFFF00; - --surface-clear: rgba(255, 255, 255, 0); + --surface-clear: #FFFFFF00; --surface-accent-hover: #5D95FDFF; --surface-accent-active: #357BFDFF; --surface-accent: #3F81FD; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%), linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --surface-transparent-accent-hover: #3F82FD3D; --surface-transparent-accent-active: #3F82FD0F; --surface-positive-hover: #1DAF37FF; @@ -150,10 +138,10 @@ --surface-transparent-warning-active: #FA5F050F; --surface-transparent-negative-hover: #FF293E3D; --surface-transparent-negative-active: #FF293E0F; - --surface-transparent-accent: rgba(63,129,253,0.12); - --surface-transparent-positive: rgba(26,158,50,0.12); - --surface-transparent-warning: rgba(250,95,5,0.12); - --surface-transparent-negative: rgba(255,41,62,0.12); + --surface-transparent-accent: #3F81FD1F; + --surface-transparent-positive: #1A9E321F; + --surface-transparent-warning: #FA5F051F; + --surface-transparent-negative: #FF293E1F; --on-dark-surface-solid-primary-hover: #1C1C1CFF; --on-dark-surface-solid-primary-active: #121212FF; --on-dark-surface-solid-primary: #171717; @@ -168,28 +156,25 @@ --on-dark-surface-solid-card: #171717; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: rgba(255, 255, 255, 1); + --on-dark-surface-solid-default: #FFFFFFFF; --on-dark-surface-transparent-primary-hover: #FFFFFF1F; --on-dark-surface-transparent-primary-active: #FFFFFF0A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; --on-dark-surface-transparent-secondary-active: #FFFFFF0F; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; --on-dark-surface-transparent-tertiary-active: #FFFFFF24; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-deep-hover: #FFFFFFC2; --on-dark-surface-transparent-deep-active: #FFFFFF94; - --on-dark-surface-transparent-deep: rgba(255, 255, 255, 0.64); + --on-dark-surface-transparent-deep: #FFFFFFA3; --on-dark-surface-transparent-card-hover: #FFFFFF3D; --on-dark-surface-transparent-card-active: #FFFFFF0F; - --on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-card: #FFFFFF1F; --on-dark-surface-accent-hover: #5D95FDFF; --on-dark-surface-accent-active: #357BFDFF; --on-dark-surface-accent: #3F81FD; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-dark-surface-positive-hover: #1DAF37FF; --on-dark-surface-positive-active: #18952FFF; --on-dark-surface-positive: #1A9E32; @@ -210,31 +195,28 @@ --on-light-surface-solid-tertiary: #DDDDDD; --on-light-surface-solid-card-hover: #FFFFFFFF; --on-light-surface-solid-card-active: #FFFFFFFF; - --on-light-surface-solid-card: rgba(255, 255, 255, 1); + --on-light-surface-solid-card: #FFFFFFFF; --on-light-surface-solid-default-hover: #0D0D0DFF; --on-light-surface-solid-default-active: #030303FF; --on-light-surface-solid-default: #080808; --on-light-surface-transparent-primary-hover: #08080812; --on-light-surface-transparent-primary-active: #08080803; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.03); + --on-light-surface-transparent-primary: #08080808; --on-light-surface-transparent-secondary-hover: #0808081F; --on-light-surface-transparent-secondary-active: #0808080A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808083D; --on-light-surface-transparent-tertiary-active: #0808080F; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #080808C2; --on-light-surface-transparent-deep-active: #08080894; - --on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64); + --on-light-surface-transparent-deep: #080808A3; --on-light-surface-transparent-card-hover: #FFFFFFFF; --on-light-surface-transparent-card-active: #FFFFFFFF; - --on-light-surface-transparent-card: rgba(255, 255, 255, 1); + --on-light-surface-transparent-card: #FFFFFFFF; --on-light-surface-accent-hover: #4886F9FF; --on-light-surface-accent-active: #206CF8FF; --on-light-surface-accent: #2A72F8; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-surface-positive-hover: #1DAF37FF; --on-light-surface-positive-active: #18952FFF; --on-light-surface-positive: #1A9E32; @@ -247,38 +229,96 @@ --background-primary: #080808; --dark-background-primary: #080808; --light-background-primary: #F9F9F9; - --overlay-soft: rgba(8, 8, 8, 0.56); - --overlay-hard: rgba(8, 8, 8, 0.96); - --overlay-blur: rgba(8, 8, 8, 0.28); - --on-dark-overlay-soft: rgba(8, 8, 8, 0.56); - --on-dark-overlay-hard: rgba(8, 8, 8, 0.96); - --on-dark-overlay-blur: rgba(8, 8, 8, 0.28); - --on-light-overlay-soft: rgba(249, 249, 249, 0.56); - --on-light-overlay-hard: rgba(249, 249, 249, 0.96); - --on-light-overlay-blur: rgba(249, 249, 249, 0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); - --shadow-down-soft-s: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); - --shadow-down-soft-m: 0px 24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-down-soft-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-down-hard-s: 0px 4px 12px -3px rgba(8, 8, 8, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.08); - --shadow-down-hard-m: 0px 16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-down-hard-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.40); - --shadow-up-soft-s: 0px -4px 14px -4px rgba(8, 8, 8, 0.08), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-soft-m: 0px -24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-up-soft-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-up-hard-s: 0px -4px 12px -3px rgba(8, 8, 8, 0.20), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-hard-m: 0px -16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-up-hard-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.40); + --overlay-soft: #0808088F; + --overlay-hard: #080808F5; + --overlay-blur: #08080847; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080847; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F947; color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --on-dark-text-accent-gradient-hover: #CCCCCCFF; + --on-dark-text-accent-gradient-active: #E6E6E6FF; + --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --on-light-text-accent-gradient-hover: #CCCCCCFF; + --on-light-text-accent-gradient-active: #E6E6E6FF; + --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%),linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -298,64 +338,64 @@ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -374,7 +414,7 @@ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -703,4 +743,4 @@ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} +} \ No newline at end of file diff --git a/packages/themes/plasma-themes/src/css/plasma_b2c__light.css b/packages/themes/plasma-themes/src/css/plasma_b2c__light.css index 11ed9b7af0..9247ea5d94 100644 --- a/packages/themes/plasma-themes/src/css/plasma_b2c__light.css +++ b/packages/themes/plasma-themes/src/css/plasma_b2c__light.css @@ -3,22 +3,19 @@ :root { --text-primary-hover: #08080893; --text-primary-active: #080808C4; - --text-primary: rgba(8, 8, 8, 0.96); + --text-primary: #080808F5; --text-secondary-hover: #080808FF; --text-secondary-active: #080808AB; - --text-secondary: rgba(8, 8, 8, 0.56); + --text-secondary: #0808088F; --text-tertiary-hover: #080808FF; --text-tertiary-active: #08080856; - --text-tertiary: rgba(8, 8, 8, 0.28); + --text-tertiary: #08080847; --text-paragraph-hover: #0808087A; --text-paragraph-active: #080808A3; - --text-paragraph: rgba(8, 8, 8, 0.8); + --text-paragraph: #080808CC; --text-accent-hover: #528DFAFF; --text-accent-active: #075AF2FF; --text-accent: #2A72F8; - --text-accent-gradient-hover: #000000FF; - --text-accent-gradient-active: #CCCCCCFF; - --text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --text-positive-hover: #1FC13DFF; --text-positive-active: #147B27FF; --text-positive: #1A9E32; @@ -30,22 +27,19 @@ --text-negative: #F31B31; --on-dark-text-primary-hover: #FFFFFF93; --on-dark-text-primary-active: #FFFFFFC4; - --on-dark-text-primary: rgba(255, 255, 255, 0.96); + --on-dark-text-primary: #FFFFFFF5; --on-dark-text-secondary-hover: #FFFFFFFF; --on-dark-text-secondary-active: #FFFFFFAB; - --on-dark-text-secondary: rgba(255, 255, 255, 0.56); + --on-dark-text-secondary: #FFFFFF8F; --on-dark-text-tertiary-hover: #FFFFFFFF; --on-dark-text-tertiary-active: #FFFFFF56; - --on-dark-text-tertiary: rgba(255, 255, 255, 0.28); + --on-dark-text-tertiary: #FFFFFF47; --on-dark-text-paragraph-hover: #FFFFFF7A; --on-dark-text-paragraph-active: #FFFFFFA3; - --on-dark-text-paragraph: rgba(255, 255, 255, 0.8); + --on-dark-text-paragraph: #FFFFFFCC; --on-dark-text-accent-hover: #689CFDFF; --on-dark-text-accent-active: #1767FDFF; --on-dark-text-accent: #3F81FD; - --on-dark-text-accent-gradient-hover: #000000FF; - --on-dark-text-accent-gradient-active: #CCCCCCFF; - --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --on-dark-text-positive-hover: #1FC13DFF; --on-dark-text-positive-active: #147B27FF; --on-dark-text-positive: #1A9E32; @@ -57,22 +51,19 @@ --on-dark-text-negative: #FF293E; --on-light-text-primary-hover: #08080893; --on-light-text-primary-active: #080808C4; - --on-light-text-primary: rgba(8, 8, 8, 0.96); + --on-light-text-primary: #080808F5; --on-light-text-secondary-hover: #080808FF; --on-light-text-secondary-active: #080808AB; - --on-light-text-secondary: rgba(8, 8, 8, 0.56); + --on-light-text-secondary: #0808088F; --on-light-text-tertiary-hover: #080808FF; --on-light-text-tertiary-active: #08080856; - --on-light-text-tertiary: rgba(8, 8, 8, 0.28); + --on-light-text-tertiary: #08080847; --on-light-text-paragraph-hover: #0808087A; --on-light-text-paragraph-active: #080808A3; - --on-light-text-paragraph: rgba(8, 8, 8, 0.8); + --on-light-text-paragraph: #080808CC; --on-light-text-accent-hover: #528DFAFF; --on-light-text-accent-active: #075AF2FF; --on-light-text-accent: #2A72F8; - --on-light-text-accent-gradient-hover: #000000FF; - --on-light-text-accent-gradient-active: #CCCCCCFF; - --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-text-positive-hover: #1FC13DFF; --on-light-text-positive-active: #147B27FF; --on-light-text-positive: #1A9E32; @@ -84,16 +75,16 @@ --on-light-text-negative: #F31B31; --inverse-text-primary-hover: #FFFFFF93; --inverse-text-primary-active: #FFFFFFC4; - --inverse-text-primary: rgba(255, 255, 255, 0.96); + --inverse-text-primary: #FFFFFFF5; --inverse-text-secondary-hover: #FFFFFFFF; --inverse-text-secondary-active: #FFFFFFAB; - --inverse-text-secondary: rgba(255, 255, 255, 0.56); + --inverse-text-secondary: #FFFFFF8F; --inverse-text-tertiary-hover: #FFFFFFFF; --inverse-text-tertiary-active: #FFFFFF56; - --inverse-text-tertiary: rgba(255, 255, 255, 0.28); + --inverse-text-tertiary: #FFFFFF47; --inverse-text-paragraph-hover: #FFFFFF7A; --inverse-text-paragraph-active: #FFFFFFA3; - --inverse-text-paragraph: rgba(255, 255, 255, 0.8); + --inverse-text-paragraph: #FFFFFFCC; --surface-solid-primary-hover: #FAFAFAFF; --surface-solid-primary-active: #F0F0F0FF; --surface-solid-primary: #F5F5F5; @@ -105,34 +96,31 @@ --surface-solid-tertiary: #DDDDDD; --surface-solid-card-hover: #FFFFFFFF; --surface-solid-card-active: #FFFFFFFF; - --surface-solid-card: rgba(255, 255, 255, 1); + --surface-solid-card: #FFFFFFFF; --surface-solid-default-hover: #262626FF; --surface-solid-default-active: #030303FF; --surface-solid-default: #080808; --surface-transparent-primary-hover: #08080803; --surface-transparent-primary-active: #0808080D; - --surface-transparent-primary: rgba(8, 8, 8, 0.03); + --surface-transparent-primary: #08080808; --surface-transparent-secondary-hover: #08080805; --surface-transparent-secondary-active: #0808081A; - --surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --surface-transparent-secondary: #0808080F; --surface-transparent-tertiary-hover: #0808080A; --surface-transparent-tertiary-active: #08080829; - --surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --surface-transparent-tertiary: #0808081F; --surface-transparent-deep-hover: #0808088F; --surface-transparent-deep-active: #080808AD; - --surface-transparent-deep: rgba(8, 8, 8, 0.64); + --surface-transparent-deep: #080808A3; --surface-transparent-card-hover: #FFFFFFFF; --surface-transparent-card-active: #FFFFFFFF; - --surface-transparent-card: rgba(255, 255, 255, 1); + --surface-transparent-card: #FFFFFFFF; --surface-clear-hover: #FFFFFF00; --surface-clear-active: #FFFFFF00; - --surface-clear: rgba(255, 255, 255, 0); + --surface-clear: #FFFFFF00; --surface-accent-hover: #528DFAFF; --surface-accent-active: #1665F8FF; --surface-accent: #2A72F8; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --surface-transparent-accent-hover: #2A72F805; --surface-transparent-accent-active: #2A72F81A; --surface-positive-hover: #1EB83AFF; @@ -150,10 +138,10 @@ --surface-transparent-warning-active: #FA5F051A; --surface-transparent-negative-hover: #F31B3105; --surface-transparent-negative-active: #F31B311A; - --surface-transparent-accent: rgba(42,114,248,0.06); - --surface-transparent-positive: rgba(26,158,50,0.06); - --surface-transparent-warning: rgba(250,95,5,0.06); - --surface-transparent-negative: rgba(243,27,49,0.06); + --surface-transparent-accent: #2A72F80F; + --surface-transparent-positive: #1A9E320F; + --surface-transparent-warning: #FA5F050F; + --surface-transparent-negative: #F31B310F; --on-dark-surface-solid-primary-hover: #363636FF; --on-dark-surface-solid-primary-active: #0D0D0DFF; --on-dark-surface-solid-primary: #171717; @@ -168,7 +156,7 @@ --on-dark-surface-solid-card: #171717; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: rgba(255, 255, 255, 1); + --on-dark-surface-solid-default: #FFFFFFFF; --on-dark-surface-transparent-primary-hover: #363636FF; --on-dark-surface-transparent-primary-active: #0D0D0DFF; --on-dark-surface-transparent-primary: #171717; @@ -180,16 +168,13 @@ --on-dark-surface-transparent-tertiary: #363636; --on-dark-surface-transparent-deep-hover: #FFFFFF8F; --on-dark-surface-transparent-deep-active: #FFFFFFAD; - --on-dark-surface-transparent-deep: rgba(255, 255, 255, 0.64); + --on-dark-surface-transparent-deep: #FFFFFFA3; --on-dark-surface-transparent-card-hover: #FFFFFF0A; --on-dark-surface-transparent-card-active: #FFFFFF29; - --on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-card: #FFFFFF1F; --on-dark-surface-accent-hover: #689CFDFF; --on-dark-surface-accent-active: #2B74FDFF; --on-dark-surface-accent: #3F81FD; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-dark-surface-positive-hover: #1EB83AFF; --on-dark-surface-positive-active: #178C2CFF; --on-dark-surface-positive: #1A9E32; @@ -210,31 +195,28 @@ --on-light-surface-solid-tertiary: #DDDDDD; --on-light-surface-solid-card-hover: #FFFFFFFF; --on-light-surface-solid-card-active: #FFFFFFFF; - --on-light-surface-solid-card: rgba(255, 255, 255, 1); + --on-light-surface-solid-card: #FFFFFFFF; --on-light-surface-solid-default-hover: #262626FF; --on-light-surface-solid-default-active: #030303FF; --on-light-surface-solid-default: #080808; --on-light-surface-transparent-primary-hover: #08080803; --on-light-surface-transparent-primary-active: #0808080D; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.03); + --on-light-surface-transparent-primary: #08080808; --on-light-surface-transparent-secondary-hover: #08080805; --on-light-surface-transparent-secondary-active: #0808081A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808080A; --on-light-surface-transparent-tertiary-active: #08080829; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #0808088F; --on-light-surface-transparent-deep-active: #080808AD; - --on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64); + --on-light-surface-transparent-deep: #080808A3; --on-light-surface-transparent-card-hover: #FFFFFFFF; --on-light-surface-transparent-card-active: #FFFFFFFF; - --on-light-surface-transparent-card: rgba(255, 255, 255, 1); + --on-light-surface-transparent-card: #FFFFFFFF; --on-light-surface-accent-hover: #528DFAFF; --on-light-surface-accent-active: #1665F8FF; --on-light-surface-accent: #2A72F8; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-surface-positive-hover: #1EB83AFF; --on-light-surface-positive-active: #178C2CFF; --on-light-surface-positive: #1A9E32; @@ -247,38 +229,96 @@ --background-primary: #F9F9F9; --dark-background-primary: #080808; --light-background-primary: #F9F9F9; - --overlay-soft: rgba(249, 249, 249, 0.56); - --overlay-hard: rgba(249, 249, 249, 0.96); - --overlay-blur: rgba(249, 249, 249, 0.28); - --on-dark-overlay-soft: rgba(8, 8, 8, 0.56); - --on-dark-overlay-hard: rgba(8, 8, 8, 0.96); - --on-dark-overlay-blur: rgba(8, 8, 8, 0.28); - --on-light-overlay-soft: rgba(249, 249, 249, 0.56); - --on-light-overlay-hard: rgba(249, 249, 249, 0.96); - --on-light-overlay-blur: rgba(249, 249, 249, 0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); - --shadow-down-soft-s: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); - --shadow-down-soft-m: 0px 24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-down-soft-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-down-hard-s: 0px 4px 12px -3px rgba(8, 8, 8, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.08); - --shadow-down-hard-m: 0px 16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-down-hard-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.40); - --shadow-up-soft-s: 0px -4px 14px -4px rgba(8, 8, 8, 0.08), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-soft-m: 0px -24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-up-soft-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-up-hard-s: 0px -4px 12px -3px rgba(8, 8, 8, 0.20), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-hard-m: 0px -16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-up-hard-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.40); + --overlay-soft: #F9F9F98F; + --overlay-hard: #F9F9F9F5; + --overlay-blur: #F9F9F947; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080847; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F947; color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-accent-gradient-hover: #000000FF; + --text-accent-gradient-active: #CCCCCCFF; + --text-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-dark-text-accent-gradient-hover: #000000FF; + --on-dark-text-accent-gradient-active: #CCCCCCFF; + --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --on-light-text-accent-gradient-hover: #000000FF; + --on-light-text-accent-gradient-active: #CCCCCCFF; + --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -298,64 +338,64 @@ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -374,7 +414,7 @@ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -703,4 +743,4 @@ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} +} \ No newline at end of file diff --git a/packages/themes/plasma-themes/src/css/plasma_web.module.css b/packages/themes/plasma-themes/src/css/plasma_web.module.css index 98acff24cb..1f4feef8ee 100644 --- a/packages/themes/plasma-themes/src/css/plasma_web.module.css +++ b/packages/themes/plasma-themes/src/css/plasma_web.module.css @@ -3,22 +3,19 @@ .dark { --text-primary-hover: #FFFFFF93; --text-primary-active: #FFFFFFC4; - --text-primary: rgba(255, 255, 255, 0.96); + --text-primary: #FFFFFFF5; --text-secondary-hover: #FFFFFFFF; --text-secondary-active: #FFFFFFAB; - --text-secondary: rgba(255, 255, 255, 0.56); + --text-secondary: #FFFFFF8F; --text-tertiary-hover: #FFFFFFFF; --text-tertiary-active: #FFFFFF56; - --text-tertiary: rgba(255, 255, 255, 0.28); + --text-tertiary: #FFFFFF47; --text-paragraph-hover: #FFFFFF7A; --text-paragraph-active: #FFFFFFA3; - --text-paragraph: rgba(255, 255, 255, 0.8); + --text-paragraph: #FFFFFFCC; --text-accent-hover: #90B6FEFF; --text-accent-active: #216EFDFF; --text-accent: #3F81FD; - --text-accent-gradient-hover: #CCCCCCFF; - --text-accent-gradient-active: #E6E6E6FF; - --text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --text-positive-hover: #1EB83AFF; --text-positive-active: #15842AFF; --text-positive: #1A9E32; @@ -30,22 +27,19 @@ --text-negative: #FF293E; --on-dark-text-primary-hover: #FFFFFF93; --on-dark-text-primary-active: #FFFFFFC4; - --on-dark-text-primary: rgba(255, 255, 255, 0.96); + --on-dark-text-primary: #FFFFFFF5; --on-dark-text-secondary-hover: #FFFFFFFF; --on-dark-text-secondary-active: #FFFFFFAB; - --on-dark-text-secondary: rgba(255, 255, 255, 0.56); + --on-dark-text-secondary: #FFFFFF8F; --on-dark-text-tertiary-hover: #FFFFFFFF; --on-dark-text-tertiary-active: #FFFFFF56; - --on-dark-text-tertiary: rgba(255, 255, 255, 0.28); + --on-dark-text-tertiary: #FFFFFF47; --on-dark-text-paragraph-hover: #FFFFFF7A; --on-dark-text-paragraph-active: #FFFFFFA3; - --on-dark-text-paragraph: rgba(255, 255, 255, 0.8); + --on-dark-text-paragraph: #FFFFFFCC; --on-dark-text-accent-hover: #90B6FEFF; --on-dark-text-accent-active: #216EFDFF; --on-dark-text-accent: #3F81FD; - --on-dark-text-accent-gradient-hover: #CCCCCCFF; - --on-dark-text-accent-gradient-active: #E6E6E6FF; - --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --on-dark-text-positive-hover: #1EB83AFF; --on-dark-text-positive-active: #15842AFF; --on-dark-text-positive: #1A9E32; @@ -57,22 +51,19 @@ --on-dark-text-negative: #FF293E; --on-light-text-primary-hover: #08080893; --on-light-text-primary-active: #080808C4; - --on-light-text-primary: rgba(8, 8, 8, 0.96); + --on-light-text-primary: #080808F5; --on-light-text-secondary-hover: #080808FF; --on-light-text-secondary-active: #080808AB; - --on-light-text-secondary: rgba(8, 8, 8, 0.56); + --on-light-text-secondary: #0808088F; --on-light-text-tertiary-hover: #080808FF; --on-light-text-tertiary-active: #08080856; - --on-light-text-tertiary: rgba(8, 8, 8, 0.28); + --on-light-text-tertiary: #08080847; --on-light-text-paragraph-hover: #0808087A; --on-light-text-paragraph-active: #080808A3; - --on-light-text-paragraph: rgba(8, 8, 8, 0.8); + --on-light-text-paragraph: #080808CC; --on-light-text-accent-hover: #79A7FBFF; --on-light-text-accent-active: #0D5FF8FF; --on-light-text-accent: #2A72F8; - --on-light-text-accent-gradient-hover: #CCCCCCFF; - --on-light-text-accent-gradient-active: #E6E6E6FF; - --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-text-positive-hover: #1EB83AFF; --on-light-text-positive-active: #15842AFF; --on-light-text-positive: #1A9E32; @@ -84,16 +75,16 @@ --on-light-text-negative: #F31B31; --inverse-text-primary-hover: #08080893; --inverse-text-primary-active: #080808C4; - --inverse-text-primary: rgba(8, 8, 8, 0.96); + --inverse-text-primary: #080808F5; --inverse-text-secondary-hover: #080808FF; --inverse-text-secondary-active: #080808AB; - --inverse-text-secondary: rgba(8, 8, 8, 0.56); + --inverse-text-secondary: #0808088F; --inverse-text-tertiary-hover: #080808FF; --inverse-text-tertiary-active: #08080856; - --inverse-text-tertiary: rgba(8, 8, 8, 0.28); + --inverse-text-tertiary: #08080847; --inverse-text-paragraph-hover: #0808087A; --inverse-text-paragraph-active: #080808A3; - --inverse-text-paragraph: rgba(8, 8, 8, 0.8); + --inverse-text-paragraph: #080808CC; --surface-solid-primary-hover: #1C1C1CFF; --surface-solid-primary-active: #121212FF; --surface-solid-primary: #171717; @@ -108,31 +99,28 @@ --surface-solid-card: #171717; --surface-solid-default-hover: #FFFFFFFF; --surface-solid-default-active: #FFFFFFFF; - --surface-solid-default: rgba(255, 255, 255, 1); + --surface-solid-default: #FFFFFFFF; --surface-transparent-primary-hover: #FFFFFF1F; --surface-transparent-primary-active: #FFFFFF0A; - --surface-transparent-primary: rgba(255, 255, 255, 0.06); + --surface-transparent-primary: #FFFFFF0F; --surface-transparent-secondary-hover: #FFFFFF3D; --surface-transparent-secondary-active: #FFFFFF0F; - --surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --surface-transparent-secondary: #FFFFFF1F; --surface-transparent-tertiary-hover: #FFFFFF52; --surface-transparent-tertiary-active: #FFFFFF24; - --surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --surface-transparent-tertiary: #FFFFFF33; --surface-transparent-deep-hover: #FFFFFFC2; --surface-transparent-deep-active: #FFFFFF94; - --surface-transparent-deep: rgba(255, 255, 255, 0.64); + --surface-transparent-deep: #FFFFFFA3; --surface-transparent-card-hover: #FFFFFF3D; --surface-transparent-card-active: #FFFFFF0F; - --surface-transparent-card: rgba(255, 255, 255, 0.12); + --surface-transparent-card: #FFFFFF1F; --surface-clear-hover: #FFFFFF00; --surface-clear-active: #FFFFFF00; - --surface-clear: rgba(255, 255, 255, 0); + --surface-clear: #FFFFFF00; --surface-accent-hover: #5D95FDFF; --surface-accent-active: #357BFDFF; --surface-accent: #3F81FD; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%), linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --surface-transparent-accent-hover: #3F82FD3D; --surface-transparent-accent-active: #3F82FD0F; --surface-positive-hover: #1DAF37FF; @@ -150,10 +138,10 @@ --surface-transparent-warning-active: #FA5F050F; --surface-transparent-negative-hover: #FF293E3D; --surface-transparent-negative-active: #FF293E0F; - --surface-transparent-accent: rgba(63,129,253,0.12); - --surface-transparent-positive: rgba(26,158,50,0.12); - --surface-transparent-warning: rgba(250,95,5,0.12); - --surface-transparent-negative: rgba(255,41,62,0.12); + --surface-transparent-accent: #3F81FD1F; + --surface-transparent-positive: #1A9E321F; + --surface-transparent-warning: #FA5F051F; + --surface-transparent-negative: #FF293E1F; --on-dark-surface-solid-primary-hover: #1C1C1CFF; --on-dark-surface-solid-primary-active: #121212FF; --on-dark-surface-solid-primary: #171717; @@ -168,28 +156,25 @@ --on-dark-surface-solid-card: #171717; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: rgba(255, 255, 255, 1); + --on-dark-surface-solid-default: #FFFFFFFF; --on-dark-surface-transparent-primary-hover: #FFFFFF1F; --on-dark-surface-transparent-primary-active: #FFFFFF0A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; --on-dark-surface-transparent-secondary-active: #FFFFFF0F; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; --on-dark-surface-transparent-tertiary-active: #FFFFFF24; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-deep-hover: #FFFFFFC2; --on-dark-surface-transparent-deep-active: #FFFFFF94; - --on-dark-surface-transparent-deep: rgba(255, 255, 255, 0.64); + --on-dark-surface-transparent-deep: #FFFFFFA3; --on-dark-surface-transparent-card-hover: #FFFFFF3D; --on-dark-surface-transparent-card-active: #FFFFFF0F; - --on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-card: #FFFFFF1F; --on-dark-surface-accent-hover: #5D95FDFF; --on-dark-surface-accent-active: #357BFDFF; --on-dark-surface-accent: #3F81FD; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-dark-surface-positive-hover: #1DAF37FF; --on-dark-surface-positive-active: #18952FFF; --on-dark-surface-positive: #1A9E32; @@ -210,31 +195,28 @@ --on-light-surface-solid-tertiary: #DDDDDD; --on-light-surface-solid-card-hover: #FFFFFFFF; --on-light-surface-solid-card-active: #FFFFFFFF; - --on-light-surface-solid-card: rgba(255, 255, 255, 1); + --on-light-surface-solid-card: #FFFFFFFF; --on-light-surface-solid-default-hover: #0D0D0DFF; --on-light-surface-solid-default-active: #030303FF; --on-light-surface-solid-default: #080808; --on-light-surface-transparent-primary-hover: #08080812; --on-light-surface-transparent-primary-active: #08080803; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.03); + --on-light-surface-transparent-primary: #08080808; --on-light-surface-transparent-secondary-hover: #0808081F; --on-light-surface-transparent-secondary-active: #0808080A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808083D; --on-light-surface-transparent-tertiary-active: #0808080F; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #080808C2; --on-light-surface-transparent-deep-active: #08080894; - --on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64); + --on-light-surface-transparent-deep: #080808A3; --on-light-surface-transparent-card-hover: #FFFFFFFF; --on-light-surface-transparent-card-active: #FFFFFFFF; - --on-light-surface-transparent-card: rgba(255, 255, 255, 1); + --on-light-surface-transparent-card: #FFFFFFFF; --on-light-surface-accent-hover: #4886F9FF; --on-light-surface-accent-active: #206CF8FF; --on-light-surface-accent: #2A72F8; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-surface-positive-hover: #1DAF37FF; --on-light-surface-positive-active: #18952FFF; --on-light-surface-positive: #1A9E32; @@ -247,231 +229,247 @@ --background-primary: #080808; --dark-background-primary: #080808; --light-background-primary: #F9F9F9; - --overlay-soft: rgba(8, 8, 8, 0.56); - --overlay-hard: rgba(8, 8, 8, 0.96); - --overlay-blur: rgba(8, 8, 8, 0.28); - --on-dark-overlay-soft: rgba(8, 8, 8, 0.56); - --on-dark-overlay-hard: rgba(8, 8, 8, 0.96); - --on-dark-overlay-blur: rgba(8, 8, 8, 0.28); - --on-light-overlay-soft: rgba(249, 249, 249, 0.56); - --on-light-overlay-hard: rgba(249, 249, 249, 0.96); - --on-light-overlay-blur: rgba(249, 249, 249, 0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); - --shadow-down-soft-s: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); - --shadow-down-soft-m: 0px 24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-down-soft-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-down-hard-s: 0px 4px 12px -3px rgba(8, 8, 8, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.08); - --shadow-down-hard-m: 0px 16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-down-hard-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.40); - --shadow-up-soft-s: 0px -4px 14px -4px rgba(8, 8, 8, 0.08), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-soft-m: 0px -24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-up-soft-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-up-hard-s: 0px -4px 12px -3px rgba(8, 8, 8, 0.20), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-hard-m: 0px -16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-up-hard-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.40); + --overlay-soft: #0808088F; + --overlay-hard: #080808F5; + --overlay-blur: #08080847; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080847; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F947; color: var(--text-primary); background-color: var(--background-primary); } +.dark { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --on-dark-text-accent-gradient-hover: #CCCCCCFF; + --on-dark-text-accent-gradient-active: #E6E6E6FF; + --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --on-light-text-accent-gradient-hover: #CCCCCCFF; + --on-light-text-accent-gradient-active: #E6E6E6FF; + --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%),linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + .light { - --text-primary-hover: #08080893; - --text-primary-active: #080808C4; - --text-primary: rgba(8, 8, 8, 0.96); - --text-secondary-hover: #080808FF; - --text-secondary-active: #080808AB; - --text-secondary: rgba(8, 8, 8, 0.56); - --text-tertiary-hover: #080808FF; - --text-tertiary-active: #08080856; - --text-tertiary: rgba(8, 8, 8, 0.28); - --text-paragraph-hover: #0808087A; - --text-paragraph-active: #080808A3; - --text-paragraph: rgba(8, 8, 8, 0.8); - --text-accent-hover: #528DFAFF; - --text-accent-active: #075AF2FF; - --text-accent: #2A72F8; - --text-accent-gradient-hover: #000000FF; - --text-accent-gradient-active: #CCCCCCFF; - --text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); - --text-positive-hover: #1FC13DFF; - --text-positive-active: #147B27FF; + --text-primary-hover: #FFFFFF93; + --text-primary-active: #FFFFFFC4; + --text-primary: #FFFFFFF5; + --text-secondary-hover: #FFFFFFFF; + --text-secondary-active: #FFFFFFAB; + --text-secondary: #FFFFFF8F; + --text-tertiary-hover: #FFFFFFFF; + --text-tertiary-active: #FFFFFF56; + --text-tertiary: #FFFFFF47; + --text-paragraph-hover: #FFFFFF7A; + --text-paragraph-active: #FFFFFFA3; + --text-paragraph: #FFFFFFCC; + --text-accent-hover: #90B6FEFF; + --text-accent-active: #216EFDFF; + --text-accent: #3F81FD; + --text-positive-hover: #1EB83AFF; + --text-positive-active: #15842AFF; --text-positive: #1A9E32; - --text-warning-hover: #FB782DFF; - --text-warning-active: #D25004FF; + --text-warning-hover: #FB7223FF; + --text-warning-active: #DC5304FF; --text-warning: #FA5F05; - --text-negative-hover: #F54254FF; - --text-negative-active: #DA0B20FF; - --text-negative: #F31B31; + --text-negative-hover: #FF475AFF; + --text-negative-active: #FF0A23FF; + --text-negative: #FF293E; --on-dark-text-primary-hover: #FFFFFF93; --on-dark-text-primary-active: #FFFFFFC4; - --on-dark-text-primary: rgba(255, 255, 255, 0.96); + --on-dark-text-primary: #FFFFFFF5; --on-dark-text-secondary-hover: #FFFFFFFF; --on-dark-text-secondary-active: #FFFFFFAB; - --on-dark-text-secondary: rgba(255, 255, 255, 0.56); + --on-dark-text-secondary: #FFFFFF8F; --on-dark-text-tertiary-hover: #FFFFFFFF; --on-dark-text-tertiary-active: #FFFFFF56; - --on-dark-text-tertiary: rgba(255, 255, 255, 0.28); + --on-dark-text-tertiary: #FFFFFF47; --on-dark-text-paragraph-hover: #FFFFFF7A; --on-dark-text-paragraph-active: #FFFFFFA3; - --on-dark-text-paragraph: rgba(255, 255, 255, 0.8); - --on-dark-text-accent-hover: #689CFDFF; - --on-dark-text-accent-active: #1767FDFF; + --on-dark-text-paragraph: #FFFFFFCC; + --on-dark-text-accent-hover: #90B6FEFF; + --on-dark-text-accent-active: #216EFDFF; --on-dark-text-accent: #3F81FD; - --on-dark-text-accent-gradient-hover: #000000FF; - --on-dark-text-accent-gradient-active: #CCCCCCFF; - --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); - --on-dark-text-positive-hover: #1FC13DFF; - --on-dark-text-positive-active: #147B27FF; + --on-dark-text-positive-hover: #1EB83AFF; + --on-dark-text-positive-active: #15842AFF; --on-dark-text-positive: #1A9E32; - --on-dark-text-warning-hover: #FB782DFF; - --on-dark-text-warning-active: #D25004FF; + --on-dark-text-warning-hover: #FB7223FF; + --on-dark-text-warning-active: #DC5304FF; --on-dark-text-warning: #FA5F05; - --on-dark-text-negative-hover: #FF5263FF; - --on-dark-text-negative-active: #FF001AFF; + --on-dark-text-negative-hover: #FF475AFF; + --on-dark-text-negative-active: #FF0A23FF; --on-dark-text-negative: #FF293E; --on-light-text-primary-hover: #08080893; --on-light-text-primary-active: #080808C4; - --on-light-text-primary: rgba(8, 8, 8, 0.96); + --on-light-text-primary: #080808F5; --on-light-text-secondary-hover: #080808FF; --on-light-text-secondary-active: #080808AB; - --on-light-text-secondary: rgba(8, 8, 8, 0.56); + --on-light-text-secondary: #0808088F; --on-light-text-tertiary-hover: #080808FF; --on-light-text-tertiary-active: #08080856; - --on-light-text-tertiary: rgba(8, 8, 8, 0.28); + --on-light-text-tertiary: #08080847; --on-light-text-paragraph-hover: #0808087A; --on-light-text-paragraph-active: #080808A3; - --on-light-text-paragraph: rgba(8, 8, 8, 0.8); - --on-light-text-accent-hover: #528DFAFF; - --on-light-text-accent-active: #075AF2FF; + --on-light-text-paragraph: #080808CC; + --on-light-text-accent-hover: #79A7FBFF; + --on-light-text-accent-active: #0D5FF8FF; --on-light-text-accent: #2A72F8; - --on-light-text-accent-gradient-hover: #000000FF; - --on-light-text-accent-gradient-active: #CCCCCCFF; - --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); - --on-light-text-positive-hover: #1FC13DFF; - --on-light-text-positive-active: #147B27FF; + --on-light-text-positive-hover: #1EB83AFF; + --on-light-text-positive-active: #15842AFF; --on-light-text-positive: #1A9E32; - --on-light-text-warning-hover: #FB782DFF; - --on-light-text-warning-active: #D25004FF; + --on-light-text-warning-hover: #FB7223FF; + --on-light-text-warning-active: #DC5304FF; --on-light-text-warning: #FA5F05; - --on-light-text-negative-hover: #F54254FF; - --on-light-text-negative-active: #DA0B20FF; + --on-light-text-negative-hover: #F5384BFF; + --on-light-text-negative-active: #E40C22FF; --on-light-text-negative: #F31B31; - --inverse-text-primary-hover: #FFFFFF93; - --inverse-text-primary-active: #FFFFFFC4; - --inverse-text-primary: rgba(255, 255, 255, 0.96); - --inverse-text-secondary-hover: #FFFFFFFF; - --inverse-text-secondary-active: #FFFFFFAB; - --inverse-text-secondary: rgba(255, 255, 255, 0.56); - --inverse-text-tertiary-hover: #FFFFFFFF; - --inverse-text-tertiary-active: #FFFFFF56; - --inverse-text-tertiary: rgba(255, 255, 255, 0.28); - --inverse-text-paragraph-hover: #FFFFFF7A; - --inverse-text-paragraph-active: #FFFFFFA3; - --inverse-text-paragraph: rgba(255, 255, 255, 0.8); - --surface-solid-primary-hover: #FAFAFAFF; - --surface-solid-primary-active: #F0F0F0FF; - --surface-solid-primary: #F5F5F5; - --surface-solid-secondary-hover: #F7F7F7FF; - --surface-solid-secondary-active: #E8E8E8FF; - --surface-solid-secondary: #ECECEC; - --surface-solid-tertiary-hover: #EDEDEDFF; - --surface-solid-tertiary-active: #D4D4D4FF; - --surface-solid-tertiary: #DDDDDD; - --surface-solid-card-hover: #FFFFFFFF; - --surface-solid-card-active: #FFFFFFFF; - --surface-solid-card: rgba(255, 255, 255, 1); - --surface-solid-default-hover: #262626FF; - --surface-solid-default-active: #030303FF; - --surface-solid-default: #080808; - --surface-transparent-primary-hover: #08080803; - --surface-transparent-primary-active: #0808080D; - --surface-transparent-primary: rgba(8, 8, 8, 0.03); - --surface-transparent-secondary-hover: #08080805; - --surface-transparent-secondary-active: #0808081A; - --surface-transparent-secondary: rgba(8, 8, 8, 0.06); - --surface-transparent-tertiary-hover: #0808080A; - --surface-transparent-tertiary-active: #08080829; - --surface-transparent-tertiary: rgba(8, 8, 8, 0.12); - --surface-transparent-deep-hover: #0808088F; - --surface-transparent-deep-active: #080808AD; - --surface-transparent-deep: rgba(8, 8, 8, 0.64); - --surface-transparent-card-hover: #FFFFFFFF; - --surface-transparent-card-active: #FFFFFFFF; - --surface-transparent-card: rgba(255, 255, 255, 1); + --inverse-text-primary-hover: #08080893; + --inverse-text-primary-active: #080808C4; + --inverse-text-primary: #080808F5; + --inverse-text-secondary-hover: #080808FF; + --inverse-text-secondary-active: #080808AB; + --inverse-text-secondary: #0808088F; + --inverse-text-tertiary-hover: #080808FF; + --inverse-text-tertiary-active: #08080856; + --inverse-text-tertiary: #08080847; + --inverse-text-paragraph-hover: #0808087A; + --inverse-text-paragraph-active: #080808A3; + --inverse-text-paragraph: #080808CC; + --surface-solid-primary-hover: #1C1C1CFF; + --surface-solid-primary-active: #121212FF; + --surface-solid-primary: #171717; + --surface-solid-secondary-hover: #303030FF; + --surface-solid-secondary-active: #212121FF; + --surface-solid-secondary: #262626; + --surface-solid-tertiary-hover: #404040FF; + --surface-solid-tertiary-active: #303030FF; + --surface-solid-tertiary: #363636; + --surface-solid-card-hover: #1C1C1CFF; + --surface-solid-card-active: #121212FF; + --surface-solid-card: #171717; + --surface-solid-default-hover: #FFFFFFFF; + --surface-solid-default-active: #FFFFFFFF; + --surface-solid-default: #FFFFFFFF; + --surface-transparent-primary-hover: #FFFFFF1F; + --surface-transparent-primary-active: #FFFFFF0A; + --surface-transparent-primary: #FFFFFF0F; + --surface-transparent-secondary-hover: #FFFFFF3D; + --surface-transparent-secondary-active: #FFFFFF0F; + --surface-transparent-secondary: #FFFFFF1F; + --surface-transparent-tertiary-hover: #FFFFFF52; + --surface-transparent-tertiary-active: #FFFFFF24; + --surface-transparent-tertiary: #FFFFFF33; + --surface-transparent-deep-hover: #FFFFFFC2; + --surface-transparent-deep-active: #FFFFFF94; + --surface-transparent-deep: #FFFFFFA3; + --surface-transparent-card-hover: #FFFFFF3D; + --surface-transparent-card-active: #FFFFFF0F; + --surface-transparent-card: #FFFFFF1F; --surface-clear-hover: #FFFFFF00; --surface-clear-active: #FFFFFF00; - --surface-clear: rgba(255, 255, 255, 0); - --surface-accent-hover: #528DFAFF; - --surface-accent-active: #1665F8FF; - --surface-accent: #2A72F8; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); - --surface-transparent-accent-hover: #2A72F805; - --surface-transparent-accent-active: #2A72F81A; - --surface-positive-hover: #1EB83AFF; - --surface-positive-active: #178C2CFF; + --surface-clear: #FFFFFF00; + --surface-accent-hover: #5D95FDFF; + --surface-accent-active: #357BFDFF; + --surface-accent: #3F81FD; + --surface-transparent-accent-hover: #3F82FD3D; + --surface-transparent-accent-active: #3F82FD0F; + --surface-positive-hover: #1DAF37FF; + --surface-positive-active: #18952FFF; --surface-positive: #1A9E32; - --surface-warning-hover: #FB782DFF; - --surface-warning-active: #E65705FF; + --surface-warning-hover: #FB7223FF; + --surface-warning-active: #F05B05FF; --surface-warning: #FA5F05; - --surface-negative-hover: #F54254FF; - --surface-negative-active: #ED0C23FF; - --surface-negative: #F31B31; - --surface-transparent-positive-hover: #1A9E3205; - --surface-transparent-positive-active: #1A9E321A; - --surface-transparent-warning-hover: #FA5F0505; - --surface-transparent-warning-active: #FA5F051A; - --surface-transparent-negative-hover: #F31B3105; - --surface-transparent-negative-active: #F31B311A; - --surface-transparent-accent: rgba(42,114,248,0.06); - --surface-transparent-positive: rgba(26,158,50,0.06); - --surface-transparent-warning: rgba(250,95,5,0.06); - --surface-transparent-negative: rgba(243,27,49,0.06); - --on-dark-surface-solid-primary-hover: #363636FF; - --on-dark-surface-solid-primary-active: #0D0D0DFF; + --surface-negative-hover: #FF475AFF; + --surface-negative-active: #FF1F35FF; + --surface-negative: #FF293E; + --surface-transparent-positive-hover: #1A9E323D; + --surface-transparent-positive-active: #1A9E320F; + --surface-transparent-warning-hover: #FA5F053D; + --surface-transparent-warning-active: #FA5F050F; + --surface-transparent-negative-hover: #FF293E3D; + --surface-transparent-negative-active: #FF293E0F; + --surface-transparent-accent: #3F81FD1F; + --surface-transparent-positive: #1A9E321F; + --surface-transparent-warning: #FA5F051F; + --surface-transparent-negative: #FF293E1F; + --on-dark-surface-solid-primary-hover: #1C1C1CFF; + --on-dark-surface-solid-primary-active: #121212FF; --on-dark-surface-solid-primary: #171717; - --on-dark-surface-solid-secondary-hover: #3B3B3BFF; - --on-dark-surface-solid-secondary-active: #1C1C1CFF; + --on-dark-surface-solid-secondary-hover: #303030FF; + --on-dark-surface-solid-secondary-active: #212121FF; --on-dark-surface-solid-secondary: #262626; - --on-dark-surface-solid-tertiary-hover: #4A4A4AFF; - --on-dark-surface-solid-tertiary-active: #2B2B2BFF; + --on-dark-surface-solid-tertiary-hover: #404040FF; + --on-dark-surface-solid-tertiary-active: #303030FF; --on-dark-surface-solid-tertiary: #363636; - --on-dark-surface-solid-card-hover: #363636FF; - --on-dark-surface-solid-card-active: #0D0D0DFF; + --on-dark-surface-solid-card-hover: #1C1C1CFF; + --on-dark-surface-solid-card-active: #121212FF; --on-dark-surface-solid-card: #171717; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: rgba(255, 255, 255, 1); - --on-dark-surface-transparent-primary-hover: #363636FF; - --on-dark-surface-transparent-primary-active: #0D0D0DFF; - --on-dark-surface-transparent-primary: #171717; - --on-dark-surface-transparent-secondary-hover: #3B3B3BFF; - --on-dark-surface-transparent-secondary-active: #1C1C1CFF; - --on-dark-surface-transparent-secondary: #262626; - --on-dark-surface-transparent-tertiary-hover: #4A4A4AFF; - --on-dark-surface-transparent-tertiary-active: #2B2B2BFF; - --on-dark-surface-transparent-tertiary: #363636; - --on-dark-surface-transparent-deep-hover: #FFFFFF8F; - --on-dark-surface-transparent-deep-active: #FFFFFFAD; - --on-dark-surface-transparent-deep: rgba(255, 255, 255, 0.64); - --on-dark-surface-transparent-card-hover: #FFFFFF0A; - --on-dark-surface-transparent-card-active: #FFFFFF29; - --on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12); - --on-dark-surface-accent-hover: #689CFDFF; - --on-dark-surface-accent-active: #2B74FDFF; + --on-dark-surface-solid-default: #FFFFFFFF; + --on-dark-surface-transparent-primary-hover: #FFFFFF1F; + --on-dark-surface-transparent-primary-active: #FFFFFF0A; + --on-dark-surface-transparent-primary: #FFFFFF0F; + --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; + --on-dark-surface-transparent-secondary-active: #FFFFFF0F; + --on-dark-surface-transparent-secondary: #FFFFFF1F; + --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; + --on-dark-surface-transparent-tertiary-active: #FFFFFF24; + --on-dark-surface-transparent-tertiary: #FFFFFF33; + --on-dark-surface-transparent-deep-hover: #FFFFFFC2; + --on-dark-surface-transparent-deep-active: #FFFFFF94; + --on-dark-surface-transparent-deep: #FFFFFFA3; + --on-dark-surface-transparent-card-hover: #FFFFFF3D; + --on-dark-surface-transparent-card-active: #FFFFFF0F; + --on-dark-surface-transparent-card: #FFFFFF1F; + --on-dark-surface-accent-hover: #5D95FDFF; + --on-dark-surface-accent-active: #357BFDFF; --on-dark-surface-accent: #3F81FD; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); - --on-dark-surface-positive-hover: #1EB83AFF; - --on-dark-surface-positive-active: #178C2CFF; + --on-dark-surface-positive-hover: #1DAF37FF; + --on-dark-surface-positive-active: #18952FFF; --on-dark-surface-positive: #1A9E32; - --on-dark-surface-warning-hover: #FB782DFF; - --on-dark-surface-warning-active: #E65705FF; + --on-dark-surface-warning-hover: #FB7223FF; + --on-dark-surface-warning-active: #F05B05FF; --on-dark-surface-warning: #FA5F05; - --on-dark-surface-negative-hover: #FF5263FF; - --on-dark-surface-negative-active: #FF142CFF; + --on-dark-surface-negative-hover: #FF475AFF; + --on-dark-surface-negative-active: #FF1F35FF; --on-dark-surface-negative: #FF293E; --on-light-surface-solid-primary-hover: #FAFAFAFF; --on-light-surface-solid-primary-active: #F0F0F0FF; @@ -479,81 +477,135 @@ --on-light-surface-solid-secondary-hover: #F7F7F7FF; --on-light-surface-solid-secondary-active: #E8E8E8FF; --on-light-surface-solid-secondary: #ECECEC; - --on-light-surface-solid-tertiary-hover: #EDEDEDFF; - --on-light-surface-solid-tertiary-active: #D4D4D4FF; + --on-light-surface-solid-tertiary-hover: #E8E8E8FF; + --on-light-surface-solid-tertiary-active: #D9D9D9FF; --on-light-surface-solid-tertiary: #DDDDDD; --on-light-surface-solid-card-hover: #FFFFFFFF; --on-light-surface-solid-card-active: #FFFFFFFF; - --on-light-surface-solid-card: rgba(255, 255, 255, 1); - --on-light-surface-solid-default-hover: #262626FF; + --on-light-surface-solid-card: #FFFFFFFF; + --on-light-surface-solid-default-hover: #0D0D0DFF; --on-light-surface-solid-default-active: #030303FF; --on-light-surface-solid-default: #080808; - --on-light-surface-transparent-primary-hover: #08080803; - --on-light-surface-transparent-primary-active: #0808080D; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.03); - --on-light-surface-transparent-secondary-hover: #08080805; - --on-light-surface-transparent-secondary-active: #0808081A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); - --on-light-surface-transparent-tertiary-hover: #0808080A; - --on-light-surface-transparent-tertiary-active: #08080829; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); - --on-light-surface-transparent-deep-hover: #0808088F; - --on-light-surface-transparent-deep-active: #080808AD; - --on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64); + --on-light-surface-transparent-primary-hover: #08080812; + --on-light-surface-transparent-primary-active: #08080803; + --on-light-surface-transparent-primary: #08080808; + --on-light-surface-transparent-secondary-hover: #0808081F; + --on-light-surface-transparent-secondary-active: #0808080A; + --on-light-surface-transparent-secondary: #0808080F; + --on-light-surface-transparent-tertiary-hover: #0808083D; + --on-light-surface-transparent-tertiary-active: #0808080F; + --on-light-surface-transparent-tertiary: #0808081F; + --on-light-surface-transparent-deep-hover: #080808C2; + --on-light-surface-transparent-deep-active: #08080894; + --on-light-surface-transparent-deep: #080808A3; --on-light-surface-transparent-card-hover: #FFFFFFFF; --on-light-surface-transparent-card-active: #FFFFFFFF; - --on-light-surface-transparent-card: rgba(255, 255, 255, 1); - --on-light-surface-accent-hover: #528DFAFF; - --on-light-surface-accent-active: #1665F8FF; + --on-light-surface-transparent-card: #FFFFFFFF; + --on-light-surface-accent-hover: #4886F9FF; + --on-light-surface-accent-active: #206CF8FF; --on-light-surface-accent: #2A72F8; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); - --on-light-surface-positive-hover: #1EB83AFF; - --on-light-surface-positive-active: #178C2CFF; + --on-light-surface-positive-hover: #1DAF37FF; + --on-light-surface-positive-active: #18952FFF; --on-light-surface-positive: #1A9E32; - --on-light-surface-warning-hover: #FB782DFF; - --on-light-surface-warning-active: #E65705FF; + --on-light-surface-warning-hover: #FB7223FF; + --on-light-surface-warning-active: #F05B05FF; --on-light-surface-warning: #FA5F05; - --on-light-surface-negative-hover: #F54254FF; - --on-light-surface-negative-active: #ED0C23FF; + --on-light-surface-negative-hover: #F5384BFF; + --on-light-surface-negative-active: #F31228FF; --on-light-surface-negative: #F31B31; - --background-primary: #F9F9F9; + --background-primary: #080808; --dark-background-primary: #080808; --light-background-primary: #F9F9F9; - --overlay-soft: rgba(249, 249, 249, 0.56); - --overlay-hard: rgba(249, 249, 249, 0.96); - --overlay-blur: rgba(249, 249, 249, 0.28); - --on-dark-overlay-soft: rgba(8, 8, 8, 0.56); - --on-dark-overlay-hard: rgba(8, 8, 8, 0.96); - --on-dark-overlay-blur: rgba(8, 8, 8, 0.28); - --on-light-overlay-soft: rgba(249, 249, 249, 0.56); - --on-light-overlay-hard: rgba(249, 249, 249, 0.96); - --on-light-overlay-blur: rgba(249, 249, 249, 0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); - --shadow-down-soft-s: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); - --shadow-down-soft-m: 0px 24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-down-soft-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-down-hard-s: 0px 4px 12px -3px rgba(8, 8, 8, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.08); - --shadow-down-hard-m: 0px 16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-down-hard-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.40); - --shadow-up-soft-s: 0px -4px 14px -4px rgba(8, 8, 8, 0.08), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-soft-m: 0px -24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-up-soft-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-up-hard-s: 0px -4px 12px -3px rgba(8, 8, 8, 0.20), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-hard-m: 0px -16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-up-hard-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.40); + --overlay-soft: #0808088F; + --overlay-hard: #080808F5; + --overlay-blur: #08080847; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080847; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F947; color: var(--text-primary); background-color: var(--background-primary); } -.light, - .dark { +.light { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --on-dark-text-accent-gradient-hover: #CCCCCCFF; + --on-dark-text-accent-gradient-active: #E6E6E6FF; + --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --on-light-text-accent-gradient-hover: #CCCCCCFF; + --on-light-text-accent-gradient-active: #E6E6E6FF; + --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%),linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +.dark, .light { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +.dark, .light { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + +.dark, .light { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -573,64 +625,64 @@ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -649,7 +701,7 @@ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -660,8 +712,7 @@ } @media (max-width: 559px) { - .light, - .dark { + .dark, .light { --plasma-typo-dspl-l-font-size: 5.5rem; --plasma-typo-dspl-l-font-weight: 300; --plasma-typo-dspl-l-line-height: 5.75rem; @@ -768,8 +819,7 @@ } @media (min-width: 560px) and (max-width: 959px) { - .light, - .dark { + .dark, .light { --plasma-typo-dspl-l-font-size: 7rem; --plasma-typo-dspl-l-font-weight: 300; --plasma-typo-dspl-l-line-height: 7rem; @@ -876,8 +926,7 @@ } @media (min-width: 960px) { - .light, - .dark { + .dark, .light { --plasma-typo-dspl-l-font-size: 8rem; --plasma-typo-dspl-l-font-weight: 300; --plasma-typo-dspl-l-line-height: 8rem; @@ -981,4 +1030,4 @@ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} +} \ No newline at end of file diff --git a/packages/themes/plasma-themes/src/css/plasma_web__dark.css b/packages/themes/plasma-themes/src/css/plasma_web__dark.css index 3d78d43f39..0a309e1ac0 100644 --- a/packages/themes/plasma-themes/src/css/plasma_web__dark.css +++ b/packages/themes/plasma-themes/src/css/plasma_web__dark.css @@ -3,22 +3,19 @@ :root { --text-primary-hover: #FFFFFF93; --text-primary-active: #FFFFFFC4; - --text-primary: rgba(255, 255, 255, 0.96); + --text-primary: #FFFFFFF5; --text-secondary-hover: #FFFFFFFF; --text-secondary-active: #FFFFFFAB; - --text-secondary: rgba(255, 255, 255, 0.56); + --text-secondary: #FFFFFF8F; --text-tertiary-hover: #FFFFFFFF; --text-tertiary-active: #FFFFFF56; - --text-tertiary: rgba(255, 255, 255, 0.28); + --text-tertiary: #FFFFFF47; --text-paragraph-hover: #FFFFFF7A; --text-paragraph-active: #FFFFFFA3; - --text-paragraph: rgba(255, 255, 255, 0.8); + --text-paragraph: #FFFFFFCC; --text-accent-hover: #90B6FEFF; --text-accent-active: #216EFDFF; --text-accent: #3F81FD; - --text-accent-gradient-hover: #CCCCCCFF; - --text-accent-gradient-active: #E6E6E6FF; - --text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --text-positive-hover: #1EB83AFF; --text-positive-active: #15842AFF; --text-positive: #1A9E32; @@ -30,22 +27,19 @@ --text-negative: #FF293E; --on-dark-text-primary-hover: #FFFFFF93; --on-dark-text-primary-active: #FFFFFFC4; - --on-dark-text-primary: rgba(255, 255, 255, 0.96); + --on-dark-text-primary: #FFFFFFF5; --on-dark-text-secondary-hover: #FFFFFFFF; --on-dark-text-secondary-active: #FFFFFFAB; - --on-dark-text-secondary: rgba(255, 255, 255, 0.56); + --on-dark-text-secondary: #FFFFFF8F; --on-dark-text-tertiary-hover: #FFFFFFFF; --on-dark-text-tertiary-active: #FFFFFF56; - --on-dark-text-tertiary: rgba(255, 255, 255, 0.28); + --on-dark-text-tertiary: #FFFFFF47; --on-dark-text-paragraph-hover: #FFFFFF7A; --on-dark-text-paragraph-active: #FFFFFFA3; - --on-dark-text-paragraph: rgba(255, 255, 255, 0.8); + --on-dark-text-paragraph: #FFFFFFCC; --on-dark-text-accent-hover: #90B6FEFF; --on-dark-text-accent-active: #216EFDFF; --on-dark-text-accent: #3F81FD; - --on-dark-text-accent-gradient-hover: #CCCCCCFF; - --on-dark-text-accent-gradient-active: #E6E6E6FF; - --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --on-dark-text-positive-hover: #1EB83AFF; --on-dark-text-positive-active: #15842AFF; --on-dark-text-positive: #1A9E32; @@ -57,22 +51,19 @@ --on-dark-text-negative: #FF293E; --on-light-text-primary-hover: #08080893; --on-light-text-primary-active: #080808C4; - --on-light-text-primary: rgba(8, 8, 8, 0.96); + --on-light-text-primary: #080808F5; --on-light-text-secondary-hover: #080808FF; --on-light-text-secondary-active: #080808AB; - --on-light-text-secondary: rgba(8, 8, 8, 0.56); + --on-light-text-secondary: #0808088F; --on-light-text-tertiary-hover: #080808FF; --on-light-text-tertiary-active: #08080856; - --on-light-text-tertiary: rgba(8, 8, 8, 0.28); + --on-light-text-tertiary: #08080847; --on-light-text-paragraph-hover: #0808087A; --on-light-text-paragraph-active: #080808A3; - --on-light-text-paragraph: rgba(8, 8, 8, 0.8); + --on-light-text-paragraph: #080808CC; --on-light-text-accent-hover: #79A7FBFF; --on-light-text-accent-active: #0D5FF8FF; --on-light-text-accent: #2A72F8; - --on-light-text-accent-gradient-hover: #CCCCCCFF; - --on-light-text-accent-gradient-active: #E6E6E6FF; - --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-text-positive-hover: #1EB83AFF; --on-light-text-positive-active: #15842AFF; --on-light-text-positive: #1A9E32; @@ -84,16 +75,16 @@ --on-light-text-negative: #F31B31; --inverse-text-primary-hover: #08080893; --inverse-text-primary-active: #080808C4; - --inverse-text-primary: rgba(8, 8, 8, 0.96); + --inverse-text-primary: #080808F5; --inverse-text-secondary-hover: #080808FF; --inverse-text-secondary-active: #080808AB; - --inverse-text-secondary: rgba(8, 8, 8, 0.56); + --inverse-text-secondary: #0808088F; --inverse-text-tertiary-hover: #080808FF; --inverse-text-tertiary-active: #08080856; - --inverse-text-tertiary: rgba(8, 8, 8, 0.28); + --inverse-text-tertiary: #08080847; --inverse-text-paragraph-hover: #0808087A; --inverse-text-paragraph-active: #080808A3; - --inverse-text-paragraph: rgba(8, 8, 8, 0.8); + --inverse-text-paragraph: #080808CC; --surface-solid-primary-hover: #1C1C1CFF; --surface-solid-primary-active: #121212FF; --surface-solid-primary: #171717; @@ -108,31 +99,28 @@ --surface-solid-card: #171717; --surface-solid-default-hover: #FFFFFFFF; --surface-solid-default-active: #FFFFFFFF; - --surface-solid-default: rgba(255, 255, 255, 1); + --surface-solid-default: #FFFFFFFF; --surface-transparent-primary-hover: #FFFFFF1F; --surface-transparent-primary-active: #FFFFFF0A; - --surface-transparent-primary: rgba(255, 255, 255, 0.06); + --surface-transparent-primary: #FFFFFF0F; --surface-transparent-secondary-hover: #FFFFFF3D; --surface-transparent-secondary-active: #FFFFFF0F; - --surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --surface-transparent-secondary: #FFFFFF1F; --surface-transparent-tertiary-hover: #FFFFFF52; --surface-transparent-tertiary-active: #FFFFFF24; - --surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --surface-transparent-tertiary: #FFFFFF33; --surface-transparent-deep-hover: #FFFFFFC2; --surface-transparent-deep-active: #FFFFFF94; - --surface-transparent-deep: rgba(255, 255, 255, 0.64); + --surface-transparent-deep: #FFFFFFA3; --surface-transparent-card-hover: #FFFFFF3D; --surface-transparent-card-active: #FFFFFF0F; - --surface-transparent-card: rgba(255, 255, 255, 0.12); + --surface-transparent-card: #FFFFFF1F; --surface-clear-hover: #FFFFFF00; --surface-clear-active: #FFFFFF00; - --surface-clear: rgba(255, 255, 255, 0); + --surface-clear: #FFFFFF00; --surface-accent-hover: #5D95FDFF; --surface-accent-active: #357BFDFF; --surface-accent: #3F81FD; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%), linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --surface-transparent-accent-hover: #3F82FD3D; --surface-transparent-accent-active: #3F82FD0F; --surface-positive-hover: #1DAF37FF; @@ -150,10 +138,10 @@ --surface-transparent-warning-active: #FA5F050F; --surface-transparent-negative-hover: #FF293E3D; --surface-transparent-negative-active: #FF293E0F; - --surface-transparent-accent: rgba(63,129,253,0.12); - --surface-transparent-positive: rgba(26,158,50,0.12); - --surface-transparent-warning: rgba(250,95,5,0.12); - --surface-transparent-negative: rgba(255,41,62,0.12); + --surface-transparent-accent: #3F81FD1F; + --surface-transparent-positive: #1A9E321F; + --surface-transparent-warning: #FA5F051F; + --surface-transparent-negative: #FF293E1F; --on-dark-surface-solid-primary-hover: #1C1C1CFF; --on-dark-surface-solid-primary-active: #121212FF; --on-dark-surface-solid-primary: #171717; @@ -168,28 +156,25 @@ --on-dark-surface-solid-card: #171717; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: rgba(255, 255, 255, 1); + --on-dark-surface-solid-default: #FFFFFFFF; --on-dark-surface-transparent-primary-hover: #FFFFFF1F; --on-dark-surface-transparent-primary-active: #FFFFFF0A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; --on-dark-surface-transparent-secondary-active: #FFFFFF0F; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; --on-dark-surface-transparent-tertiary-active: #FFFFFF24; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-deep-hover: #FFFFFFC2; --on-dark-surface-transparent-deep-active: #FFFFFF94; - --on-dark-surface-transparent-deep: rgba(255, 255, 255, 0.64); + --on-dark-surface-transparent-deep: #FFFFFFA3; --on-dark-surface-transparent-card-hover: #FFFFFF3D; --on-dark-surface-transparent-card-active: #FFFFFF0F; - --on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-card: #FFFFFF1F; --on-dark-surface-accent-hover: #5D95FDFF; --on-dark-surface-accent-active: #357BFDFF; --on-dark-surface-accent: #3F81FD; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-dark-surface-positive-hover: #1DAF37FF; --on-dark-surface-positive-active: #18952FFF; --on-dark-surface-positive: #1A9E32; @@ -210,31 +195,28 @@ --on-light-surface-solid-tertiary: #DDDDDD; --on-light-surface-solid-card-hover: #FFFFFFFF; --on-light-surface-solid-card-active: #FFFFFFFF; - --on-light-surface-solid-card: rgba(255, 255, 255, 1); + --on-light-surface-solid-card: #FFFFFFFF; --on-light-surface-solid-default-hover: #0D0D0DFF; --on-light-surface-solid-default-active: #030303FF; --on-light-surface-solid-default: #080808; --on-light-surface-transparent-primary-hover: #08080812; --on-light-surface-transparent-primary-active: #08080803; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.03); + --on-light-surface-transparent-primary: #08080808; --on-light-surface-transparent-secondary-hover: #0808081F; --on-light-surface-transparent-secondary-active: #0808080A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808083D; --on-light-surface-transparent-tertiary-active: #0808080F; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #080808C2; --on-light-surface-transparent-deep-active: #08080894; - --on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64); + --on-light-surface-transparent-deep: #080808A3; --on-light-surface-transparent-card-hover: #FFFFFFFF; --on-light-surface-transparent-card-active: #FFFFFFFF; - --on-light-surface-transparent-card: rgba(255, 255, 255, 1); + --on-light-surface-transparent-card: #FFFFFFFF; --on-light-surface-accent-hover: #4886F9FF; --on-light-surface-accent-active: #206CF8FF; --on-light-surface-accent: #2A72F8; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-surface-positive-hover: #1DAF37FF; --on-light-surface-positive-active: #18952FFF; --on-light-surface-positive: #1A9E32; @@ -247,38 +229,96 @@ --background-primary: #080808; --dark-background-primary: #080808; --light-background-primary: #F9F9F9; - --overlay-soft: rgba(8, 8, 8, 0.56); - --overlay-hard: rgba(8, 8, 8, 0.96); - --overlay-blur: rgba(8, 8, 8, 0.28); - --on-dark-overlay-soft: rgba(8, 8, 8, 0.56); - --on-dark-overlay-hard: rgba(8, 8, 8, 0.96); - --on-dark-overlay-blur: rgba(8, 8, 8, 0.28); - --on-light-overlay-soft: rgba(249, 249, 249, 0.56); - --on-light-overlay-hard: rgba(249, 249, 249, 0.96); - --on-light-overlay-blur: rgba(249, 249, 249, 0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); - --shadow-down-soft-s: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); - --shadow-down-soft-m: 0px 24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-down-soft-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-down-hard-s: 0px 4px 12px -3px rgba(8, 8, 8, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.08); - --shadow-down-hard-m: 0px 16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-down-hard-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.40); - --shadow-up-soft-s: 0px -4px 14px -4px rgba(8, 8, 8, 0.08), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-soft-m: 0px -24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-up-soft-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-up-hard-s: 0px -4px 12px -3px rgba(8, 8, 8, 0.20), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-hard-m: 0px -16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-up-hard-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.40); + --overlay-soft: #0808088F; + --overlay-hard: #080808F5; + --overlay-blur: #08080847; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080847; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F947; color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --on-dark-text-accent-gradient-hover: #CCCCCCFF; + --on-dark-text-accent-gradient-active: #E6E6E6FF; + --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --on-light-text-accent-gradient-hover: #CCCCCCFF; + --on-light-text-accent-gradient-active: #E6E6E6FF; + --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%),linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -298,64 +338,64 @@ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -374,7 +414,7 @@ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -703,4 +743,4 @@ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} +} \ No newline at end of file diff --git a/packages/themes/plasma-themes/src/css/plasma_web__light.css b/packages/themes/plasma-themes/src/css/plasma_web__light.css index 11ed9b7af0..9247ea5d94 100644 --- a/packages/themes/plasma-themes/src/css/plasma_web__light.css +++ b/packages/themes/plasma-themes/src/css/plasma_web__light.css @@ -3,22 +3,19 @@ :root { --text-primary-hover: #08080893; --text-primary-active: #080808C4; - --text-primary: rgba(8, 8, 8, 0.96); + --text-primary: #080808F5; --text-secondary-hover: #080808FF; --text-secondary-active: #080808AB; - --text-secondary: rgba(8, 8, 8, 0.56); + --text-secondary: #0808088F; --text-tertiary-hover: #080808FF; --text-tertiary-active: #08080856; - --text-tertiary: rgba(8, 8, 8, 0.28); + --text-tertiary: #08080847; --text-paragraph-hover: #0808087A; --text-paragraph-active: #080808A3; - --text-paragraph: rgba(8, 8, 8, 0.8); + --text-paragraph: #080808CC; --text-accent-hover: #528DFAFF; --text-accent-active: #075AF2FF; --text-accent: #2A72F8; - --text-accent-gradient-hover: #000000FF; - --text-accent-gradient-active: #CCCCCCFF; - --text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --text-positive-hover: #1FC13DFF; --text-positive-active: #147B27FF; --text-positive: #1A9E32; @@ -30,22 +27,19 @@ --text-negative: #F31B31; --on-dark-text-primary-hover: #FFFFFF93; --on-dark-text-primary-active: #FFFFFFC4; - --on-dark-text-primary: rgba(255, 255, 255, 0.96); + --on-dark-text-primary: #FFFFFFF5; --on-dark-text-secondary-hover: #FFFFFFFF; --on-dark-text-secondary-active: #FFFFFFAB; - --on-dark-text-secondary: rgba(255, 255, 255, 0.56); + --on-dark-text-secondary: #FFFFFF8F; --on-dark-text-tertiary-hover: #FFFFFFFF; --on-dark-text-tertiary-active: #FFFFFF56; - --on-dark-text-tertiary: rgba(255, 255, 255, 0.28); + --on-dark-text-tertiary: #FFFFFF47; --on-dark-text-paragraph-hover: #FFFFFF7A; --on-dark-text-paragraph-active: #FFFFFFA3; - --on-dark-text-paragraph: rgba(255, 255, 255, 0.8); + --on-dark-text-paragraph: #FFFFFFCC; --on-dark-text-accent-hover: #689CFDFF; --on-dark-text-accent-active: #1767FDFF; --on-dark-text-accent: #3F81FD; - --on-dark-text-accent-gradient-hover: #000000FF; - --on-dark-text-accent-gradient-active: #CCCCCCFF; - --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --on-dark-text-positive-hover: #1FC13DFF; --on-dark-text-positive-active: #147B27FF; --on-dark-text-positive: #1A9E32; @@ -57,22 +51,19 @@ --on-dark-text-negative: #FF293E; --on-light-text-primary-hover: #08080893; --on-light-text-primary-active: #080808C4; - --on-light-text-primary: rgba(8, 8, 8, 0.96); + --on-light-text-primary: #080808F5; --on-light-text-secondary-hover: #080808FF; --on-light-text-secondary-active: #080808AB; - --on-light-text-secondary: rgba(8, 8, 8, 0.56); + --on-light-text-secondary: #0808088F; --on-light-text-tertiary-hover: #080808FF; --on-light-text-tertiary-active: #08080856; - --on-light-text-tertiary: rgba(8, 8, 8, 0.28); + --on-light-text-tertiary: #08080847; --on-light-text-paragraph-hover: #0808087A; --on-light-text-paragraph-active: #080808A3; - --on-light-text-paragraph: rgba(8, 8, 8, 0.8); + --on-light-text-paragraph: #080808CC; --on-light-text-accent-hover: #528DFAFF; --on-light-text-accent-active: #075AF2FF; --on-light-text-accent: #2A72F8; - --on-light-text-accent-gradient-hover: #000000FF; - --on-light-text-accent-gradient-active: #CCCCCCFF; - --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-text-positive-hover: #1FC13DFF; --on-light-text-positive-active: #147B27FF; --on-light-text-positive: #1A9E32; @@ -84,16 +75,16 @@ --on-light-text-negative: #F31B31; --inverse-text-primary-hover: #FFFFFF93; --inverse-text-primary-active: #FFFFFFC4; - --inverse-text-primary: rgba(255, 255, 255, 0.96); + --inverse-text-primary: #FFFFFFF5; --inverse-text-secondary-hover: #FFFFFFFF; --inverse-text-secondary-active: #FFFFFFAB; - --inverse-text-secondary: rgba(255, 255, 255, 0.56); + --inverse-text-secondary: #FFFFFF8F; --inverse-text-tertiary-hover: #FFFFFFFF; --inverse-text-tertiary-active: #FFFFFF56; - --inverse-text-tertiary: rgba(255, 255, 255, 0.28); + --inverse-text-tertiary: #FFFFFF47; --inverse-text-paragraph-hover: #FFFFFF7A; --inverse-text-paragraph-active: #FFFFFFA3; - --inverse-text-paragraph: rgba(255, 255, 255, 0.8); + --inverse-text-paragraph: #FFFFFFCC; --surface-solid-primary-hover: #FAFAFAFF; --surface-solid-primary-active: #F0F0F0FF; --surface-solid-primary: #F5F5F5; @@ -105,34 +96,31 @@ --surface-solid-tertiary: #DDDDDD; --surface-solid-card-hover: #FFFFFFFF; --surface-solid-card-active: #FFFFFFFF; - --surface-solid-card: rgba(255, 255, 255, 1); + --surface-solid-card: #FFFFFFFF; --surface-solid-default-hover: #262626FF; --surface-solid-default-active: #030303FF; --surface-solid-default: #080808; --surface-transparent-primary-hover: #08080803; --surface-transparent-primary-active: #0808080D; - --surface-transparent-primary: rgba(8, 8, 8, 0.03); + --surface-transparent-primary: #08080808; --surface-transparent-secondary-hover: #08080805; --surface-transparent-secondary-active: #0808081A; - --surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --surface-transparent-secondary: #0808080F; --surface-transparent-tertiary-hover: #0808080A; --surface-transparent-tertiary-active: #08080829; - --surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --surface-transparent-tertiary: #0808081F; --surface-transparent-deep-hover: #0808088F; --surface-transparent-deep-active: #080808AD; - --surface-transparent-deep: rgba(8, 8, 8, 0.64); + --surface-transparent-deep: #080808A3; --surface-transparent-card-hover: #FFFFFFFF; --surface-transparent-card-active: #FFFFFFFF; - --surface-transparent-card: rgba(255, 255, 255, 1); + --surface-transparent-card: #FFFFFFFF; --surface-clear-hover: #FFFFFF00; --surface-clear-active: #FFFFFF00; - --surface-clear: rgba(255, 255, 255, 0); + --surface-clear: #FFFFFF00; --surface-accent-hover: #528DFAFF; --surface-accent-active: #1665F8FF; --surface-accent: #2A72F8; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --surface-transparent-accent-hover: #2A72F805; --surface-transparent-accent-active: #2A72F81A; --surface-positive-hover: #1EB83AFF; @@ -150,10 +138,10 @@ --surface-transparent-warning-active: #FA5F051A; --surface-transparent-negative-hover: #F31B3105; --surface-transparent-negative-active: #F31B311A; - --surface-transparent-accent: rgba(42,114,248,0.06); - --surface-transparent-positive: rgba(26,158,50,0.06); - --surface-transparent-warning: rgba(250,95,5,0.06); - --surface-transparent-negative: rgba(243,27,49,0.06); + --surface-transparent-accent: #2A72F80F; + --surface-transparent-positive: #1A9E320F; + --surface-transparent-warning: #FA5F050F; + --surface-transparent-negative: #F31B310F; --on-dark-surface-solid-primary-hover: #363636FF; --on-dark-surface-solid-primary-active: #0D0D0DFF; --on-dark-surface-solid-primary: #171717; @@ -168,7 +156,7 @@ --on-dark-surface-solid-card: #171717; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: rgba(255, 255, 255, 1); + --on-dark-surface-solid-default: #FFFFFFFF; --on-dark-surface-transparent-primary-hover: #363636FF; --on-dark-surface-transparent-primary-active: #0D0D0DFF; --on-dark-surface-transparent-primary: #171717; @@ -180,16 +168,13 @@ --on-dark-surface-transparent-tertiary: #363636; --on-dark-surface-transparent-deep-hover: #FFFFFF8F; --on-dark-surface-transparent-deep-active: #FFFFFFAD; - --on-dark-surface-transparent-deep: rgba(255, 255, 255, 0.64); + --on-dark-surface-transparent-deep: #FFFFFFA3; --on-dark-surface-transparent-card-hover: #FFFFFF0A; --on-dark-surface-transparent-card-active: #FFFFFF29; - --on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-card: #FFFFFF1F; --on-dark-surface-accent-hover: #689CFDFF; --on-dark-surface-accent-active: #2B74FDFF; --on-dark-surface-accent: #3F81FD; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-dark-surface-positive-hover: #1EB83AFF; --on-dark-surface-positive-active: #178C2CFF; --on-dark-surface-positive: #1A9E32; @@ -210,31 +195,28 @@ --on-light-surface-solid-tertiary: #DDDDDD; --on-light-surface-solid-card-hover: #FFFFFFFF; --on-light-surface-solid-card-active: #FFFFFFFF; - --on-light-surface-solid-card: rgba(255, 255, 255, 1); + --on-light-surface-solid-card: #FFFFFFFF; --on-light-surface-solid-default-hover: #262626FF; --on-light-surface-solid-default-active: #030303FF; --on-light-surface-solid-default: #080808; --on-light-surface-transparent-primary-hover: #08080803; --on-light-surface-transparent-primary-active: #0808080D; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.03); + --on-light-surface-transparent-primary: #08080808; --on-light-surface-transparent-secondary-hover: #08080805; --on-light-surface-transparent-secondary-active: #0808081A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808080A; --on-light-surface-transparent-tertiary-active: #08080829; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #0808088F; --on-light-surface-transparent-deep-active: #080808AD; - --on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64); + --on-light-surface-transparent-deep: #080808A3; --on-light-surface-transparent-card-hover: #FFFFFFFF; --on-light-surface-transparent-card-active: #FFFFFFFF; - --on-light-surface-transparent-card: rgba(255, 255, 255, 1); + --on-light-surface-transparent-card: #FFFFFFFF; --on-light-surface-accent-hover: #528DFAFF; --on-light-surface-accent-active: #1665F8FF; --on-light-surface-accent: #2A72F8; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-surface-positive-hover: #1EB83AFF; --on-light-surface-positive-active: #178C2CFF; --on-light-surface-positive: #1A9E32; @@ -247,38 +229,96 @@ --background-primary: #F9F9F9; --dark-background-primary: #080808; --light-background-primary: #F9F9F9; - --overlay-soft: rgba(249, 249, 249, 0.56); - --overlay-hard: rgba(249, 249, 249, 0.96); - --overlay-blur: rgba(249, 249, 249, 0.28); - --on-dark-overlay-soft: rgba(8, 8, 8, 0.56); - --on-dark-overlay-hard: rgba(8, 8, 8, 0.96); - --on-dark-overlay-blur: rgba(8, 8, 8, 0.28); - --on-light-overlay-soft: rgba(249, 249, 249, 0.56); - --on-light-overlay-hard: rgba(249, 249, 249, 0.96); - --on-light-overlay-blur: rgba(249, 249, 249, 0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); - --shadow-down-soft-s: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); - --shadow-down-soft-m: 0px 24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-down-soft-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-down-hard-s: 0px 4px 12px -3px rgba(8, 8, 8, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.08); - --shadow-down-hard-m: 0px 16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-down-hard-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.40); - --shadow-up-soft-s: 0px -4px 14px -4px rgba(8, 8, 8, 0.08), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-soft-m: 0px -24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-up-soft-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-up-hard-s: 0px -4px 12px -3px rgba(8, 8, 8, 0.20), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-hard-m: 0px -16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-up-hard-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.40); + --overlay-soft: #F9F9F98F; + --overlay-hard: #F9F9F9F5; + --overlay-blur: #F9F9F947; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080847; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F947; color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-accent-gradient-hover: #000000FF; + --text-accent-gradient-active: #CCCCCCFF; + --text-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-dark-text-accent-gradient-hover: #000000FF; + --on-dark-text-accent-gradient-active: #CCCCCCFF; + --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --on-light-text-accent-gradient-hover: #000000FF; + --on-light-text-accent-gradient-active: #CCCCCCFF; + --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -298,64 +338,64 @@ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -374,7 +414,7 @@ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -703,4 +743,4 @@ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} +} \ No newline at end of file diff --git a/packages/themes/plasma-themes/src/css/stylesSalute.module.css b/packages/themes/plasma-themes/src/css/stylesSalute.module.css index 4a1627091f..97276d7d0f 100644 --- a/packages/themes/plasma-themes/src/css/stylesSalute.module.css +++ b/packages/themes/plasma-themes/src/css/stylesSalute.module.css @@ -34,21 +34,6 @@ --text-accent-brand-hover: #A3C3FFFF; --text-accent-brand-active: #337AFFFF; --text-accent-brand: #528EFF; - --text-gradient-athena-hover: #CCCCCCFF; - --text-gradient-athena-active: #E6E6E6FF; - --text-gradient-athena: linear-gradient(93.97deg, #52BAFF 6.49%, #ADADFF 93.51%); - --text-gradient-joy-hover: #CCCCCCFF; - --text-gradient-joy-active: #E6E6E6FF; - --text-gradient-joy: linear-gradient(93.97deg, #FD9C68 6.49%, #F391E2 93.51%); - --text-gradient-b2-e-hover: #CCCCCCFF; - --text-gradient-b2-e-active: #E6E6E6FF; - --text-gradient-b2-e: linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%); - --text-gradient-brand-hover: #CCCCCCFF; - --text-gradient-brand-active: #E6E6E6FF; - --text-gradient-brand: linear-gradient(89.83deg, #528EFF 0%, #04C6C9 100%); - --text-gradient-main-hover: #CCCCCCFF; - --text-gradient-main-active: #E6E6E6FF; - --text-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%); --text-accent-main-hover: #2ACB47FF; --text-accent-main-active: #1F9835FF; --text-accent-main: #24B23E; @@ -85,36 +70,21 @@ --on-dark-text-accent-brand-hover: #A3C3FFFF; --on-dark-text-accent-brand-active: #337AFFFF; --on-dark-text-accent-brand: #528EFF; - --on-dark-text-gradient-athena-hover: #CCCCCCFF; - --on-dark-text-gradient-athena-active: #E6E6E6FF; - --on-dark-text-gradient-athena: linear-gradient(93.97deg, #52BAFF 6.49%, #ADADFF 93.51%); - --on-dark-text-gradient-joy-hover: #CCCCCCFF; - --on-dark-text-gradient-joy-active: #E6E6E6FF; - --on-dark-text-gradient-joy: linear-gradient(93.97deg, #FD9C68 6.49%, #F391E2 93.51%); - --on-dark-text-gradient-b2-e-hover: #CCCCCCFF; - --on-dark-text-gradient-b2-e-active: #E6E6E6FF; - --on-dark-text-gradient-b2-e: linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%); - --on-dark-text-gradient-brand-hover: #CCCCCCFF; - --on-dark-text-gradient-brand-active: #E6E6E6FF; - --on-dark-text-gradient-brand: linear-gradient(89.83deg, #528EFF 0%, #04C6C9 100%); - --on-dark-text-gradient-main-hover: #CCCCCCFF; - --on-dark-text-gradient-main-active: #E6E6E6FF; - --on-dark-text-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%); --on-dark-text-accent-main-hover: #2ACB47FF; --on-dark-text-accent-main-active: #1F9835FF; --on-dark-text-accent-main: #24B23E; --on-light-text-primary-hover: #08080893; --on-light-text-primary-active: #080808C4; - --on-light-text-primary: rgba(8, 8, 8, 0.96); + --on-light-text-primary: #080808F5; --on-light-text-secondary-hover: #080808FF; --on-light-text-secondary-active: #080808AB; - --on-light-text-secondary: rgba(8, 8, 8, 0.56); + --on-light-text-secondary: #0808088F; --on-light-text-tertiary-hover: #080808FF; --on-light-text-tertiary-active: #08080856; --on-light-text-tertiary: #08080847; --on-light-text-paragraph-hover: #0808087A; --on-light-text-paragraph-active: #080808A3; - --on-light-text-paragraph: rgba(8, 8, 8, 0.8); + --on-light-text-paragraph: #080808CC; --on-light-text-positive-hover: #1EB83AFF; --on-light-text-positive-active: #15842AFF; --on-light-text-positive: #1A9E32; @@ -136,36 +106,21 @@ --on-light-text-accent-brand-hover: #90B6FEFF; --on-light-text-accent-brand-active: #216EFDFF; --on-light-text-accent-brand: #3F81FD; - --on-light-text-gradient-athena-hover: #CCCCCCFF; - --on-light-text-gradient-athena-active: #E6E6E6FF; - --on-light-text-gradient-athena: linear-gradient(89.83deg, #118CDF 0%, #7A7AFF 100%); - --on-light-text-gradient-joy-hover: #CCCCCCFF; - --on-light-text-gradient-joy-active: #E6E6E6FF; - --on-light-text-gradient-joy: linear-gradient(89.83deg, #FCA349 0%, #FF52C5 100%); - --on-light-text-gradient-b2-e-hover: #CCCCCCFF; - --on-light-text-gradient-b2-e-active: #E6E6E6FF; - --on-light-text-gradient-b2-e: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); - --on-light-text-gradient-brand-hover: #CCCCCCFF; - --on-light-text-gradient-brand-active: #E6E6E6FF; - --on-light-text-gradient-brand: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); - --on-light-text-gradient-main-hover: #CCCCCCFF; - --on-light-text-gradient-main-active: #E6E6E6FF; - --on-light-text-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); --on-light-text-accent-main-hover: #1EB83AFF; --on-light-text-accent-main-active: #15842AFF; --on-light-text-accent-main: #1A9E32; --inverse-text-primary-hover: #08080893; --inverse-text-primary-active: #080808C4; - --inverse-text-primary: rgba(8, 8, 8, 0.96); + --inverse-text-primary: #080808F5; --inverse-text-secondary-hover: #080808FF; --inverse-text-secondary-active: #080808AB; - --inverse-text-secondary: rgba(8, 8, 8, 0.56); + --inverse-text-secondary: #0808088F; --inverse-text-tertiary-hover: #080808FF; --inverse-text-tertiary-active: #08080856; --inverse-text-tertiary: #08080847; --inverse-text-paragraph-hover: #0808087A; --inverse-text-paragraph-active: #080808A3; - --inverse-text-paragraph: rgba(8, 8, 8, 0.8); + --inverse-text-paragraph: #080808CC; --surface-solid-primary-hover: #1C1C1CFF; --surface-solid-primary-active: #121212FF; --surface-solid-primary: #171717; @@ -180,22 +135,22 @@ --surface-solid-card: #171717; --surface-solid-default-hover: #FFFFFFFF; --surface-solid-default-active: #FFFFFFFF; - --surface-solid-default: #FFFFFF; + --surface-solid-default: #FFFFFFFF; --surface-transparent-primary-hover: #FFFFFF1F; --surface-transparent-primary-active: #FFFFFF0A; - --surface-transparent-primary: rgba(255, 255, 255, 0.06); + --surface-transparent-primary: #FFFFFF0F; --surface-transparent-secondary-hover: #FFFFFF3D; --surface-transparent-secondary-active: #FFFFFF0F; - --surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --surface-transparent-secondary: #FFFFFF1F; --surface-transparent-tertiary-hover: #FFFFFF52; --surface-transparent-tertiary-active: #FFFFFF24; - --surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --surface-transparent-tertiary: #FFFFFF33; --surface-transparent-card-hover: #FFFFFF1F; --surface-transparent-card-active: #FFFFFF0A; - --surface-transparent-card: rgba(255,255,255,0.06); + --surface-transparent-card: #FFFFFF0F; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0, 0, 0, 0); + --surface-clear: #00000000; --surface-positive-hover: #1DAF37FF; --surface-positive-active: #18952FFF; --surface-positive: #1A9E32; @@ -225,13 +180,9 @@ --surface-speech-bubble-received: #FFFFFF0F; --surface-skeleton-hover: #FFFFFFFF; --surface-skeleton-active: #FFFFFFFF; - --surface-skeleton: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.01) 17.19%, rgba(255, 255, 255, 0.05) 40.24%, rgba(255, 255, 255, 0.06) 51.17%, rgba(255, 255, 255, 0.05) 62.12%, rgba(255, 255, 255, 0.01) 82.81%, rgba(255, 255, 255, 0.00) 100%); --surface-accent-main-hover: #1DAF37FF; --surface-accent-main-active: #18952FFF; --surface-accent-main: #1A9E32; - --surface-gradient-main-hover: #FFFFFFFF; - --surface-gradient-main-active: #FFFFFFFF; - --surface-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); --on-dark-surface-solid-primary-hover: #1C1C1CFF; --on-dark-surface-solid-primary-active: #121212FF; --on-dark-surface-solid-primary: #171717; @@ -246,19 +197,19 @@ --on-dark-surface-solid-card: #171717; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: #FFFFFF; + --on-dark-surface-solid-default: #FFFFFFFF; --on-dark-surface-transparent-primary-hover: #FFFFFF1F; --on-dark-surface-transparent-primary-active: #FFFFFF0A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; --on-dark-surface-transparent-secondary-active: #FFFFFF0F; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; --on-dark-surface-transparent-tertiary-active: #FFFFFF24; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-card-hover: #FFFFFF1F; --on-dark-surface-transparent-card-active: #FFFFFF0A; - --on-dark-surface-transparent-card: rgba(255,255,255,0.06); + --on-dark-surface-transparent-card: #FFFFFF0F; --on-dark-surface-positive-hover: #1DAF37FF; --on-dark-surface-positive-active: #18952FFF; --on-dark-surface-positive: #1A9E32; @@ -283,9 +234,6 @@ --on-dark-surface-accent-main-hover: #1DAF37FF; --on-dark-surface-accent-main-active: #18952FFF; --on-dark-surface-accent-main: #1A9E32; - --on-dark-surface-gradient-main-hover: #FFFFFFFF; - --on-dark-surface-gradient-main-active: #FFFFFFFF; - --on-dark-surface-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); --on-light-surface-solid-primary-hover: #FAFAFAFF; --on-light-surface-solid-primary-active: #F0F0F0FF; --on-light-surface-solid-primary: #F5F5F5; @@ -306,10 +254,10 @@ --on-light-surface-transparent-primary: #08080808; --on-light-surface-transparent-secondary-hover: #0808081F; --on-light-surface-transparent-secondary-active: #0808080A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808083D; --on-light-surface-transparent-tertiary-active: #0808080F; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #080808C2; --on-light-surface-transparent-deep-active: #08080894; --on-light-surface-transparent-deep: #080808A2; @@ -340,78 +288,140 @@ --on-light-surface-accent-main-hover: #1DAF37FF; --on-light-surface-accent-main-active: #18952FFF; --on-light-surface-accent-main: #1A9E32; - --on-light-surface-gradient-main-hover: #FFFFFFFF; - --on-light-surface-gradient-main-active: #FFFFFFFF; - --on-light-surface-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); --background-primary: #000000FF; --background-secondary: #171717; - --background-modal-sheet: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(1, 182, 255, 0) 50%), #080808FF; - --background-mobile-assistant-athena: linear-gradient(336.9deg, #143787 0%, rgba(8, 8, 8, 0) 64.95%), radial-gradient(66.53% 100% at 73.33% 100%, rgba(110, 5, 193, 0.44) 0%, rgba(53, 19, 149, 0.1) 99.69%), linear-gradient(180.03deg, rgba(8, 8, 8, 0) 50%, rgba(25, 63, 152, 0.41) 99.97%), linear-gradient(270deg, rgba(39, 15, 107, 0.3) 0%, rgba(8, 8, 8, 0) 100%), #080808FF; - --background-mobile-assistant-joy: linear-gradient(336.9deg, rgba(255, 156, 101, 0.24) 0%, rgba(8, 8, 8, 0) 64.95%), radial-gradient(66.53% 100% at 73.33% 100%, rgba(61, 19, 149, 0.34) 0%, rgba(19, 24, 149, 0.1) 99.69%), linear-gradient(180.03deg, rgba(8, 8, 8, 0) 50%, rgba(255, 215, 179, 0.15) 99.97%), linear-gradient(270deg, rgba(107, 15, 87, 0.2) 0%, rgba(8, 8, 8, 0) 100%), #080808FF; - --background-mobile-assistant-b2-e: linear-gradient(336.84deg, rgba(20, 116, 70, 0.6) 0%, rgba(8, 8, 8, 0) 64.88%), radial-gradient(100% 100% at 75.89% 100%, rgba(0, 133, 255, 0.24) 0%, rgba(0, 71, 255, 0.03) 100%), linear-gradient(180deg, rgba(8, 8, 8, 0) 50%, rgba(7, 71, 33, 0.3) 100%), linear-gradient(270deg, #061621 0%, rgba(8, 8, 8, 0) 100%), #080808FF; - --background-mobile-assistant-brand: linear-gradient(336.9deg, #184BAB 0%, rgba(8, 8, 8, 0) 64.95%), radial-gradient(66.53% 100% at 73.33% 100%, rgba(22, 69, 164, 0.44) 0%, rgba(11, 39, 45, 0.1) 100%), linear-gradient(180.03deg, rgba(8, 8, 8, 0) 50%, rgba(22, 69, 164, 0.41) 99.97%), linear-gradient(269.47deg, rgba(22, 69, 164, 0.3) 0.52%, rgba(8, 8, 8, 0) 99.61%), #080808FF; - --background-mobile-assistant-main: linear-gradient(336.84deg, rgba(20, 116, 70, 0.6) 0%, rgba(8, 8, 8, 0) 64.88%), radial-gradient(100% 100% at 75.89% 100%, rgba(0, 133, 255, 0.24) 0%, rgba(0, 71, 255, 0.03) 100%), linear-gradient(180deg, rgba(8, 8, 8, 0) 50%, rgba(7, 71, 33, 0.3) 100%), linear-gradient(270deg, #061621 0%, rgba(8, 8, 8, 0) 100%), #080808FF; - --on-dark-overlay-soft: rgba(0, 0, 0, 0.56); + --on-dark-overlay-soft: #0000008F; --on-dark-overlay-hard: #000000EB; --on-dark-overlay-blur: #26262647; - --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); color: var(--text-primary); background-color: var(--background-primary); } +.dark { + --text-gradient-athena-hover: #CCCCCCFF; + --text-gradient-athena-active: #E6E6E6FF; + --text-gradient-athena: linear-gradient(93.97deg, #52BAFFFF 6.49%, #ADADFFFF 93.51%); + --text-gradient-joy-hover: #CCCCCCFF; + --text-gradient-joy-active: #E6E6E6FF; + --text-gradient-joy: linear-gradient(93.97deg, #FD9C68FF 6.49%, #F391E2FF 93.51%); + --text-gradient-b2-e-hover: #CCCCCCFF; + --text-gradient-b2-e-active: #E6E6E6FF; + --text-gradient-b2-e: linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%); + --text-gradient-brand-hover: #CCCCCCFF; + --text-gradient-brand-active: #E6E6E6FF; + --text-gradient-brand: linear-gradient(89.83deg, #528EFFFF 0%, #04C6C9FF 100%); + --text-gradient-main-hover: #CCCCCCFF; + --text-gradient-main-active: #E6E6E6FF; + --text-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%); + --on-dark-text-gradient-athena-hover: #CCCCCCFF; + --on-dark-text-gradient-athena-active: #E6E6E6FF; + --on-dark-text-gradient-athena: linear-gradient(93.97deg, #52BAFFFF 6.49%, #ADADFFFF 93.51%); + --on-dark-text-gradient-joy-hover: #CCCCCCFF; + --on-dark-text-gradient-joy-active: #E6E6E6FF; + --on-dark-text-gradient-joy: linear-gradient(93.97deg, #FD9C68FF 6.49%, #F391E2FF 93.51%); + --on-dark-text-gradient-b2-e-hover: #CCCCCCFF; + --on-dark-text-gradient-b2-e-active: #E6E6E6FF; + --on-dark-text-gradient-b2-e: linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%); + --on-dark-text-gradient-brand-hover: #CCCCCCFF; + --on-dark-text-gradient-brand-active: #E6E6E6FF; + --on-dark-text-gradient-brand: linear-gradient(89.83deg, #528EFFFF 0%, #04C6C9FF 100%); + --on-dark-text-gradient-main-hover: #CCCCCCFF; + --on-dark-text-gradient-main-active: #E6E6E6FF; + --on-dark-text-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%); + --on-light-text-gradient-athena-hover: #CCCCCCFF; + --on-light-text-gradient-athena-active: #E6E6E6FF; + --on-light-text-gradient-athena: linear-gradient(89.83deg, #118CDFFF 0%, #7A7AFFFF 100%); + --on-light-text-gradient-joy-hover: #CCCCCCFF; + --on-light-text-gradient-joy-active: #E6E6E6FF; + --on-light-text-gradient-joy: linear-gradient(89.83deg, #FCA349FF 0%, #FF52C5FF 100%); + --on-light-text-gradient-b2-e-hover: #CCCCCCFF; + --on-light-text-gradient-b2-e-active: #E6E6E6FF; + --on-light-text-gradient-b2-e: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --on-light-text-gradient-brand-hover: #CCCCCCFF; + --on-light-text-gradient-brand-active: #E6E6E6FF; + --on-light-text-gradient-brand: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-light-text-gradient-main-hover: #CCCCCCFF; + --on-light-text-gradient-main-active: #E6E6E6FF; + --on-light-text-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --surface-skeleton: linear-gradient(90deg, #FFFFFF00 0%, #FFFFFF03 17.19%, #FFFFFF0D 40.24%, #FFFFFF0F 51.17%, #FFFFFF0D 62.12%, #FFFFFF03 82.81%, #FFFFFF00 100%); + --surface-gradient-main-hover: #FFFFFFFF; + --surface-gradient-main-active: #FFFFFFFF; + --surface-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-gradient-main-hover: #FFFFFFFF; + --on-dark-surface-gradient-main-active: #FFFFFFFF; + --on-dark-surface-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-gradient-main-hover: #FFFFFFFF; + --on-light-surface-gradient-main-active: #FFFFFFFF; + --on-light-surface-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --background-modal-sheet: linear-gradient(180deg, #FFFFFF1A 0%, #01B6FF00 50%),#080808FF; + --background-mobile-assistant-athena: linear-gradient(336.9deg, #143787FF 0%, #08080800 64.95%),radial-gradient(66.53% 100% at 73.33% 100%, #6E05C170 0%, #3513951A 99.69%),linear-gradient(180.03deg, #08080800 50%, #193F9869 99.97%),linear-gradient(270deg, #270F6B4D 0%, #08080800 100%),#080808FF; + --background-mobile-assistant-joy: linear-gradient(336.9deg, #FF9C653D 0%, #08080800 64.95%),radial-gradient(66.53% 100% at 73.33% 100%, #3D139557 0%, #1318951A 99.69%),linear-gradient(180.03deg, #08080800 50%, #FFD7B326 99.97%),linear-gradient(270deg, #6B0F5733 0%, #08080800 100%),#080808FF; + --background-mobile-assistant-b2-e: linear-gradient(336.84deg, #14744699 0%, #08080800 64.88%),radial-gradient(100% 100% at 75.89% 100%, #0085FF3D 0%, #0047FF08 100%),linear-gradient(180deg, #08080800 50%, #0747214D 100%),linear-gradient(270deg, #061621FF 0%, #08080800 100%),#080808FF; + --background-mobile-assistant-brand: linear-gradient(336.9deg, #184BABFF 0%, #08080800 64.95%),radial-gradient(66.53% 100% at 73.33% 100%, #1645A470 0%, #0B272D1A 100%),linear-gradient(180.03deg, #08080800 50%, #1645A469 99.97%),linear-gradient(269.47deg, #1645A44D 0.52%, #08080800 99.61%),#080808FF; + --background-mobile-assistant-main: linear-gradient(336.84deg, #14744699 0%, #08080800 64.88%),radial-gradient(100% 100% at 75.89% 100%, #0085FF3D 0%, #0047FF08 100%),linear-gradient(180deg, #08080800 50%, #0747214D 100%),linear-gradient(270deg, #061621FF 0%, #08080800 100%),#080808FF; +} + .light { - --text-primary-hover: #08080893; - --text-primary-active: #080808C4; - --text-primary: rgba(8, 8, 8, 0.96); - --text-secondary-hover: #080808FF; - --text-secondary-active: #080808AB; - --text-secondary: rgba(8, 8, 8, 0.56); - --text-tertiary-hover: #080808FF; - --text-tertiary-active: #08080856; - --text-tertiary: #08080847; - --text-paragraph-hover: #0808087A; - --text-paragraph-active: #080808A3; - --text-paragraph: rgba(8, 8, 8, 0.8); - --text-positive-hover: #1FC13DFF; - --text-positive-active: #147B27FF; - --text-positive: #1A9E32; - --text-warning-hover: #FB782DFF; - --text-warning-active: #D25004FF; - --text-warning: #FA5F05; - --text-negative-hover: #FF5263FF; - --text-negative-active: #FF001AFF; + --text-primary-hover: #FFFFFF93; + --text-primary-active: #FFFFFFC4; + --text-primary: #FFFFFFF5; + --text-secondary-hover: #FFFFFFFF; + --text-secondary-active: #FFFFFFAB; + --text-secondary: #FFFFFF8F; + --text-tertiary-hover: #FFFFFFFF; + --text-tertiary-active: #FFFFFF56; + --text-tertiary: #FFFFFF47; + --text-paragraph-hover: #FFFFFF7A; + --text-paragraph-active: #FFFFFFA3; + --text-paragraph: #FFFFFFCC; + --text-positive-hover: #2ACB47FF; + --text-positive-active: #1F9835FF; + --text-positive: #24B23E; + --text-warning-hover: #FF8442FF; + --text-warning-active: #FF5D05FF; + --text-warning: #FF7024; + --text-negative-hover: #FF475AFF; + --text-negative-active: #FF0A23FF; --text-negative: #FF293E; - --text-accent-athena-hover: #2AA0EFFF; - --text-accent-athena-active: #0E75B9FF; - --text-accent-athena: #118CDF; - --text-accent-joy-hover: #C67EF6FF; - --text-accent-joy-active: #A432F1FF; - --text-accent-joy: #B559F3; - --text-accent-b2-e-hover: #1FC13DFF; - --text-accent-b2-e-active: #147B27FF; - --text-accent-b2-e: #1A9E32; - --text-accent-brand-hover: #689CFDFF; - --text-accent-brand-active: #1767FDFF; - --text-accent-brand: #3F81FD; - --text-gradient-athena-hover: #000000FF; - --text-gradient-athena-active: #CCCCCCFF; - --text-gradient-athena: linear-gradient(89.83deg, #118CDF 0%, #7A7AFF 100%); - --text-gradient-joy-hover: #000000FF; - --text-gradient-joy-active: #CCCCCCFF; - --text-gradient-joy: linear-gradient(89.83deg, #FCA349 0%, #FF52C5 100%); - --text-gradient-brand-hover: #000000FF; - --text-gradient-brand-active: #CCCCCCFF; - --text-gradient-brand: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); - --text-accent-main-hover: #1FC13DFF; - --text-accent-main-active: #147B27FF; - --text-accent-main: #1A9E32; - --text-gradient-b2-e-hover: #000000FF; - --text-gradient-b2-e-active: #CCCCCCFF; - --text-gradient-b2-e: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); - --text-gradient-main-hover: #000000FF; - --text-gradient-main-active: #CCCCCCFF; - --text-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); + --text-accent-athena-hover: #66BCF5FF; + --text-accent-athena-active: #0E8ADDFF; + --text-accent-athena: #199AF0; + --text-accent-joy-hover: #E4BDFFFF; + --text-accent-joy-active: #B84DFFFF; + --text-accent-joy: #C46BFF; + --text-accent-b2-e-hover: #2ACB47FF; + --text-accent-b2-e-active: #1F9835FF; + --text-accent-b2-e: #24B23E; + --text-accent-brand-hover: #A3C3FFFF; + --text-accent-brand-active: #337AFFFF; + --text-accent-brand: #528EFF; + --text-accent-main-hover: #2ACB47FF; + --text-accent-main-active: #1F9835FF; + --text-accent-main: #24B23E; --on-dark-text-primary-hover: #FFFFFF93; --on-dark-text-primary-active: #FFFFFFC4; --on-dark-text-primary: #FFFFFFF5; @@ -424,308 +434,374 @@ --on-dark-text-paragraph-hover: #FFFFFF7A; --on-dark-text-paragraph-active: #FFFFFFA3; --on-dark-text-paragraph: #FFFFFFCC; - --on-dark-text-positive-hover: #2BD44AFF; - --on-dark-text-positive-active: #1D9032FF; + --on-dark-text-positive-hover: #2ACB47FF; + --on-dark-text-positive-active: #1F9835FF; --on-dark-text-positive: #24B23E; - --on-dark-text-warning-hover: #FF8B4DFF; - --on-dark-text-warning-active: #FA5700FF; + --on-dark-text-warning-hover: #FF8442FF; + --on-dark-text-warning-active: #FF5D05FF; --on-dark-text-warning: #FF7024; - --on-dark-text-negative-hover: #FF5263FF; - --on-dark-text-negative-active: #FF001AFF; + --on-dark-text-negative-hover: #FF475AFF; + --on-dark-text-negative-active: #FF0A23FF; --on-dark-text-negative: #FF293E; - --on-dark-text-accent-athena-hover: #3FABF3FF; - --on-dark-text-accent-athena-active: #0D84D3FF; + --on-dark-text-accent-athena-hover: #66BCF5FF; + --on-dark-text-accent-athena-active: #0E8ADDFF; --on-dark-text-accent-athena: #199AF0; - --on-dark-text-accent-joy-hover: #D494FFFF; - --on-dark-text-accent-joy-active: #B442FFFF; + --on-dark-text-accent-joy-hover: #E4BDFFFF; + --on-dark-text-accent-joy-active: #B84DFFFF; --on-dark-text-accent-joy: #C46BFF; - --on-dark-text-accent-b2-e-hover: #2BD44AFF; - --on-dark-text-accent-b2-e-active: #1D9032FF; + --on-dark-text-accent-b2-e-hover: #2ACB47FF; + --on-dark-text-accent-b2-e-active: #1F9835FF; --on-dark-text-accent-b2-e: #24B23E; - --on-dark-text-accent-brand-hover: #7AA9FFFF; - --on-dark-text-accent-brand-active: #2974FFFF; + --on-dark-text-accent-brand-hover: #A3C3FFFF; + --on-dark-text-accent-brand-active: #337AFFFF; --on-dark-text-accent-brand: #528EFF; - --on-dark-text-gradient-athena-hover: #000000FF; - --on-dark-text-gradient-athena-active: #CCCCCCFF; - --on-dark-text-gradient-athena: linear-gradient(93.97deg, #52BAFF 6.49%, #ADADFF 93.51%); - --on-dark-text-gradient-joy-hover: #000000FF; - --on-dark-text-gradient-joy-active: #CCCCCCFF; - --on-dark-text-gradient-joy: linear-gradient(93.97deg, #FD9C68 6.49%, #F391E2 93.51%); - --on-dark-text-gradient-b2-e-hover: #000000FF; - --on-dark-text-gradient-b2-e-active: #CCCCCCFF; - --on-dark-text-gradient-b2-e: linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%); - --on-dark-text-gradient-brand-hover: #000000FF; - --on-dark-text-gradient-brand-active: #CCCCCCFF; - --on-dark-text-gradient-brand: linear-gradient(89.83deg, #528EFF 0%, #04C6C9 100%); - --on-dark-text-accent-main-hover: #2BD44AFF; - --on-dark-text-accent-main-active: #1D9032FF; + --on-dark-text-accent-main-hover: #2ACB47FF; + --on-dark-text-accent-main-active: #1F9835FF; --on-dark-text-accent-main: #24B23E; - --on-dark-text-gradient-main-hover: #000000FF; - --on-dark-text-gradient-main-active: #CCCCCCFF; - --on-dark-text-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%); --on-light-text-primary-hover: #08080893; --on-light-text-primary-active: #080808C4; - --on-light-text-primary: rgba(8, 8, 8, 0.96); + --on-light-text-primary: #080808F5; --on-light-text-secondary-hover: #080808FF; --on-light-text-secondary-active: #080808AB; - --on-light-text-secondary: rgba(8, 8, 8, 0.56); + --on-light-text-secondary: #0808088F; --on-light-text-tertiary-hover: #080808FF; --on-light-text-tertiary-active: #08080856; --on-light-text-tertiary: #08080847; --on-light-text-paragraph-hover: #0808087A; --on-light-text-paragraph-active: #080808A3; - --on-light-text-paragraph: rgba(8, 8, 8, 0.8); - --on-light-text-positive-hover: #1FC13DFF; - --on-light-text-positive-active: #147B27FF; + --on-light-text-paragraph: #080808CC; + --on-light-text-positive-hover: #1EB83AFF; + --on-light-text-positive-active: #15842AFF; --on-light-text-positive: #1A9E32; - --on-light-text-warning-hover: #FB782DFF; - --on-light-text-warning-active: #D25004FF; + --on-light-text-warning-hover: #FB7223FF; + --on-light-text-warning-active: #DC5304FF; --on-light-text-warning: #FA5F05; - --on-light-text-negative-hover: #FF5263FF; - --on-light-text-negative-active: #FF001AFF; + --on-light-text-negative-hover: #FF475AFF; + --on-light-text-negative-active: #FF0A23FF; --on-light-text-negative: #FF293E; - --on-light-text-accent-athena-hover: #2AA0EFFF; - --on-light-text-accent-athena-active: #0E75B9FF; + --on-light-text-accent-athena-hover: #50B1F2FF; + --on-light-text-accent-athena-active: #0F7BC2FF; --on-light-text-accent-athena: #118CDF; - --on-light-text-accent-joy-hover: #C67EF6FF; - --on-light-text-accent-joy-active: #A432F1FF; + --on-light-text-accent-joy-hover: #D7A4F9FF; + --on-light-text-accent-joy-active: #A93BF1FF; --on-light-text-accent-joy: #B559F3; - --on-light-text-accent-b2-e-hover: #1FC13DFF; - --on-light-text-accent-b2-e-active: #147B27FF; + --on-light-text-accent-b2-e-hover: #1EB83AFF; + --on-light-text-accent-b2-e-active: #15842AFF; --on-light-text-accent-b2-e: #1A9E32; - --on-light-text-accent-brand-hover: #689CFDFF; - --on-light-text-accent-brand-active: #1767FDFF; + --on-light-text-accent-brand-hover: #90B6FEFF; + --on-light-text-accent-brand-active: #216EFDFF; --on-light-text-accent-brand: #3F81FD; - --on-light-text-gradient-athena-hover: #000000FF; - --on-light-text-gradient-athena-active: #CCCCCCFF; - --on-light-text-gradient-athena: linear-gradient(89.83deg, #118CDF 0%, #7A7AFF 100%); - --on-light-text-gradient-joy-hover: #000000FF; - --on-light-text-gradient-joy-active: #CCCCCCFF; - --on-light-text-gradient-joy: linear-gradient(89.83deg, #FCA349 0%, #FF52C5 100%); - --on-light-text-gradient-b2-e-hover: #000000FF; - --on-light-text-gradient-b2-e-active: #CCCCCCFF; - --on-light-text-gradient-b2-e: linear-gradient(89.83deg, #24B23E 0%, #00A6C7 100%); - --on-light-text-gradient-brand-hover: #000000FF; - --on-light-text-gradient-brand-active: #CCCCCCFF; - --on-light-text-gradient-brand: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); - --on-light-text-accent-main-hover: #1FC13DFF; - --on-light-text-accent-main-active: #147B27FF; + --on-light-text-accent-main-hover: #1EB83AFF; + --on-light-text-accent-main-active: #15842AFF; --on-light-text-accent-main: #1A9E32; - --on-light-text-gradient-main-hover: #000000FF; - --on-light-text-gradient-main-active: #CCCCCCFF; - --on-light-text-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A6C7 100%); - --inverse-text-primary-hover: #FFFFFF93; - --inverse-text-primary-active: #FFFFFFC4; - --inverse-text-primary: #FFFFFFF5; - --inverse-text-secondary-hover: #FFFFFFFF; - --inverse-text-secondary-active: #FFFFFFAB; - --inverse-text-secondary: #FFFFFF8F; - --inverse-text-tertiary-hover: #FFFFFFFF; - --inverse-text-tertiary-active: #FFFFFF56; - --inverse-text-tertiary: #FFFFFF47; - --inverse-text-paragraph-hover: #FFFFFF7A; - --inverse-text-paragraph-active: #FFFFFFA3; - --inverse-text-paragraph: #FFFFFFCC; - --surface-solid-primary-hover: #FAFAFAFF; - --surface-solid-primary-active: #F0F0F0FF; - --surface-solid-primary: #F5F5F5; - --surface-solid-secondary-hover: #F7F7F7FF; - --surface-solid-secondary-active: #E8E8E8FF; - --surface-solid-secondary: #ECECEC; - --surface-solid-tertiary-hover: #EDEDEDFF; - --surface-solid-tertiary-active: #D4D4D4FF; - --surface-solid-tertiary: #DDDDDD; - --surface-solid-card-hover: #FFFFFFFF; - --surface-solid-card-active: #FFFFFFFF; - --surface-solid-card: #FFFFFFFF; - --surface-solid-default-hover: #262626FF; - --surface-solid-default-active: #030303FF; - --surface-solid-default: #080808; - --surface-transparent-primary-hover: #08080803; - --surface-transparent-primary-active: #0808080D; - --surface-transparent-primary: #08080808; - --surface-transparent-secondary-hover: #08080805; - --surface-transparent-secondary-active: #0808081A; - --surface-transparent-secondary: rgba(8, 8, 8, 0.06); - --surface-transparent-tertiary-hover: #0808080A; - --surface-transparent-tertiary-active: #08080829; - --surface-transparent-tertiary: rgba(8, 8, 8, 0.12); - --surface-transparent-card-hover: #FFFFFFFF; - --surface-transparent-card-active: #FFFFFFFF; - --surface-transparent-card: #FFFFFFFF; + --inverse-text-primary-hover: #08080893; + --inverse-text-primary-active: #080808C4; + --inverse-text-primary: #080808F5; + --inverse-text-secondary-hover: #080808FF; + --inverse-text-secondary-active: #080808AB; + --inverse-text-secondary: #0808088F; + --inverse-text-tertiary-hover: #080808FF; + --inverse-text-tertiary-active: #08080856; + --inverse-text-tertiary: #08080847; + --inverse-text-paragraph-hover: #0808087A; + --inverse-text-paragraph-active: #080808A3; + --inverse-text-paragraph: #080808CC; + --surface-solid-primary-hover: #1C1C1CFF; + --surface-solid-primary-active: #121212FF; + --surface-solid-primary: #171717; + --surface-solid-secondary-hover: #303030FF; + --surface-solid-secondary-active: #212121FF; + --surface-solid-secondary: #262626; + --surface-solid-tertiary-hover: #404040FF; + --surface-solid-tertiary-active: #303030FF; + --surface-solid-tertiary: #363636; + --surface-solid-card-hover: #1C1C1CFF; + --surface-solid-card-active: #121212FF; + --surface-solid-card: #171717; + --surface-solid-default-hover: #FFFFFFFF; + --surface-solid-default-active: #FFFFFFFF; + --surface-solid-default: #FFFFFFFF; + --surface-transparent-primary-hover: #FFFFFF1F; + --surface-transparent-primary-active: #FFFFFF0A; + --surface-transparent-primary: #FFFFFF0F; + --surface-transparent-secondary-hover: #FFFFFF3D; + --surface-transparent-secondary-active: #FFFFFF0F; + --surface-transparent-secondary: #FFFFFF1F; + --surface-transparent-tertiary-hover: #FFFFFF52; + --surface-transparent-tertiary-active: #FFFFFF24; + --surface-transparent-tertiary: #FFFFFF33; + --surface-transparent-card-hover: #FFFFFF1F; + --surface-transparent-card-active: #FFFFFF0A; + --surface-transparent-card: #FFFFFF0F; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0, 0, 0, 0); - --surface-positive-hover: #1EB83AFF; - --surface-positive-active: #178C2CFF; + --surface-clear: #00000000; + --surface-positive-hover: #1DAF37FF; + --surface-positive-active: #18952FFF; --surface-positive: #1A9E32; - --surface-warning-hover: #FB782DFF; - --surface-warning-active: #E65705FF; + --surface-warning-hover: #FB7223FF; + --surface-warning-active: #F05B05FF; --surface-warning: #FA5F05; - --surface-negative-hover: #FF5263FF; - --surface-negative-active: #FF142CFF; + --surface-negative-hover: #FF475AFF; + --surface-negative-active: #FF1F35FF; --surface-negative: #FF293E; --surface-accent-athena-hover: #1798EEFF; - --surface-accent-athena-active: #0F81CCFF; + --surface-accent-athena-active: #1086D5FF; --surface-accent-athena: #118CDF; --surface-accent-joy-hover: #C275F5FF; - --surface-accent-joy-active: #AD45F2FF; + --surface-accent-joy-active: #B14FF3FF; --surface-accent-joy: #B559F3; - --surface-accent-b2-e-hover: #1EB83AFF; - --surface-accent-b2-e-active: #178C2CFF; + --surface-accent-b2-e-hover: #1DAF37FF; + --surface-accent-b2-e-active: #18952FFF; --surface-accent-b2-e: #1A9E32; - --surface-accent-brand-hover: #689CFDFF; - --surface-accent-brand-active: #2B74FDFF; + --surface-accent-brand-hover: #5D95FDFF; + --surface-accent-brand-active: #357BFDFF; --surface-accent-brand: #3F81FD; - --surface-speech-bubble-sent-hover: #08080852; - --surface-speech-bubble-sent-active: #08080870; - --surface-speech-bubble-sent: #08080866; - --surface-speech-bubble-received-hover: #08080803; - --surface-speech-bubble-received-active: #0808080D; - --surface-speech-bubble-received: #08080808; + --surface-speech-bubble-sent-hover: #08080866; + --surface-speech-bubble-sent-active: #08080838; + --surface-speech-bubble-sent: #08080847; + --surface-speech-bubble-received-hover: #FFFFFF1F; + --surface-speech-bubble-received-active: #FFFFFF0A; + --surface-speech-bubble-received: #FFFFFF0F; --surface-skeleton-hover: #FFFFFFFF; --surface-skeleton-active: #FFFFFFFF; - --surface-skeleton: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.01) 17.19%, rgba(0, 0, 0, 0.05) 40.24%, rgba(0, 0, 0, 0.06) 51.17%, rgba(0, 0, 0, 0.05) 62.12%, rgba(0, 0, 0, 0.01) 82.81%, rgba(0, 0, 0, 0.00) 100%); - --surface-accent-main-hover: #1EB83AFF; - --surface-accent-main-active: #178C2CFF; + --surface-accent-main-hover: #1DAF37FF; + --surface-accent-main-active: #18952FFF; --surface-accent-main: #1A9E32; - --surface-gradient-main-hover: #FFFFFFFF; - --surface-gradient-main-active: #FFFFFFFF; - --surface-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); - --on-dark-surface-solid-primary-hover: #363636FF; - --on-dark-surface-solid-primary-active: #0D0D0DFF; + --on-dark-surface-solid-primary-hover: #1C1C1CFF; + --on-dark-surface-solid-primary-active: #121212FF; --on-dark-surface-solid-primary: #171717; - --on-dark-surface-solid-secondary-hover: #3B3B3BFF; - --on-dark-surface-solid-secondary-active: #1C1C1CFF; + --on-dark-surface-solid-secondary-hover: #303030FF; + --on-dark-surface-solid-secondary-active: #212121FF; --on-dark-surface-solid-secondary: #262626; - --on-dark-surface-solid-tertiary-hover: #4A4A4AFF; - --on-dark-surface-solid-tertiary-active: #2B2B2BFF; + --on-dark-surface-solid-tertiary-hover: #404040FF; + --on-dark-surface-solid-tertiary-active: #303030FF; --on-dark-surface-solid-tertiary: #363636; - --on-dark-surface-solid-card-hover: #363636FF; - --on-dark-surface-solid-card-active: #0D0D0DFF; + --on-dark-surface-solid-card-hover: #1C1C1CFF; + --on-dark-surface-solid-card-active: #121212FF; --on-dark-surface-solid-card: #171717; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: #FFFFFF; - --on-dark-surface-transparent-primary-hover: #FFFFFF05; - --on-dark-surface-transparent-primary-active: #FFFFFF1A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); - --on-dark-surface-transparent-secondary-hover: #FFFFFF0A; - --on-dark-surface-transparent-secondary-active: #FFFFFF29; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); - --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F; - --on-dark-surface-transparent-tertiary-active: #FFFFFF3D; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); - --on-dark-surface-transparent-card-hover: #FFFFFF05; - --on-dark-surface-transparent-card-active: #FFFFFF1A; - --on-dark-surface-transparent-card: rgba(255,255,255,0.06); - --on-dark-surface-positive-hover: #1EB83AFF; - --on-dark-surface-positive-active: #178C2CFF; + --on-dark-surface-solid-default: #FFFFFFFF; + --on-dark-surface-transparent-primary-hover: #FFFFFF1F; + --on-dark-surface-transparent-primary-active: #FFFFFF0A; + --on-dark-surface-transparent-primary: #FFFFFF0F; + --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; + --on-dark-surface-transparent-secondary-active: #FFFFFF0F; + --on-dark-surface-transparent-secondary: #FFFFFF1F; + --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; + --on-dark-surface-transparent-tertiary-active: #FFFFFF24; + --on-dark-surface-transparent-tertiary: #FFFFFF33; + --on-dark-surface-transparent-card-hover: #FFFFFF1F; + --on-dark-surface-transparent-card-active: #FFFFFF0A; + --on-dark-surface-transparent-card: #FFFFFF0F; + --on-dark-surface-positive-hover: #1DAF37FF; + --on-dark-surface-positive-active: #18952FFF; --on-dark-surface-positive: #1A9E32; - --on-dark-surface-warning-hover: #FB782DFF; - --on-dark-surface-warning-active: #E65705FF; + --on-dark-surface-warning-hover: #FB7223FF; + --on-dark-surface-warning-active: #F05B05FF; --on-dark-surface-warning: #FA5F05; - --on-dark-surface-negative-hover: #FF5263FF; - --on-dark-surface-negative-active: #FF142CFF; + --on-dark-surface-negative-hover: #FF475AFF; + --on-dark-surface-negative-active: #FF1F35FF; --on-dark-surface-negative: #FF293E; --on-dark-surface-accent-athena-hover: #1798EEFF; - --on-dark-surface-accent-athena-active: #0F81CCFF; + --on-dark-surface-accent-athena-active: #1086D5FF; --on-dark-surface-accent-athena: #118CDF; --on-dark-surface-accent-joy-hover: #C275F5FF; - --on-dark-surface-accent-joy-active: #AD45F2FF; + --on-dark-surface-accent-joy-active: #B14FF3FF; --on-dark-surface-accent-joy: #B559F3; - --on-dark-surface-accent-b2-e-hover: #1EB83AFF; - --on-dark-surface-accent-b2-e-active: #178C2CFF; + --on-dark-surface-accent-b2-e-hover: #1DAF37FF; + --on-dark-surface-accent-b2-e-active: #18952FFF; --on-dark-surface-accent-b2-e: #1A9E32; - --on-dark-surface-accent-brand-hover: #689CFDFF; - --on-dark-surface-accent-brand-active: #2B74FDFF; + --on-dark-surface-accent-brand-hover: #5D95FDFF; + --on-dark-surface-accent-brand-active: #357BFDFF; --on-dark-surface-accent-brand: #3F81FD; - --on-dark-surface-accent-main-hover: #1EB83AFF; - --on-dark-surface-accent-main-active: #178C2CFF; + --on-dark-surface-accent-main-hover: #1DAF37FF; + --on-dark-surface-accent-main-active: #18952FFF; --on-dark-surface-accent-main: #1A9E32; - --on-dark-surface-gradient-main-hover: #FFFFFFFF; - --on-dark-surface-gradient-main-active: #FFFFFFFF; - --on-dark-surface-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); --on-light-surface-solid-primary-hover: #FAFAFAFF; --on-light-surface-solid-primary-active: #F0F0F0FF; --on-light-surface-solid-primary: #F5F5F5; --on-light-surface-solid-secondary-hover: #F7F7F7FF; --on-light-surface-solid-secondary-active: #E8E8E8FF; --on-light-surface-solid-secondary: #ECECEC; - --on-light-surface-solid-tertiary-hover: #EDEDEDFF; - --on-light-surface-solid-tertiary-active: #D4D4D4FF; + --on-light-surface-solid-tertiary-hover: #E8E8E8FF; + --on-light-surface-solid-tertiary-active: #D9D9D9FF; --on-light-surface-solid-tertiary: #DDDDDD; --on-light-surface-solid-card-hover: #FFFFFFFF; --on-light-surface-solid-card-active: #FFFFFFFF; --on-light-surface-solid-card: #FFFFFFFF; - --on-light-surface-solid-default-hover: #262626FF; + --on-light-surface-solid-default-hover: #0D0D0DFF; --on-light-surface-solid-default-active: #030303FF; --on-light-surface-solid-default: #080808; - --on-light-surface-transparent-primary-hover: #08080803; - --on-light-surface-transparent-primary-active: #0808080D; + --on-light-surface-transparent-primary-hover: #08080812; + --on-light-surface-transparent-primary-active: #08080803; --on-light-surface-transparent-primary: #08080808; - --on-light-surface-transparent-secondary-hover: #08080805; - --on-light-surface-transparent-secondary-active: #0808081A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); - --on-light-surface-transparent-tertiary-hover: #0808080A; - --on-light-surface-transparent-tertiary-active: #08080829; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); - --on-light-surface-transparent-deep-hover: #0808088F; - --on-light-surface-transparent-deep-active: #080808AD; + --on-light-surface-transparent-secondary-hover: #0808081F; + --on-light-surface-transparent-secondary-active: #0808080A; + --on-light-surface-transparent-secondary: #0808080F; + --on-light-surface-transparent-tertiary-hover: #0808083D; + --on-light-surface-transparent-tertiary-active: #0808080F; + --on-light-surface-transparent-tertiary: #0808081F; + --on-light-surface-transparent-deep-hover: #080808C2; + --on-light-surface-transparent-deep-active: #08080894; --on-light-surface-transparent-deep: #080808A2; --on-light-surface-transparent-card-hover: #FFFFFFFF; --on-light-surface-transparent-card-active: #FFFFFFFF; --on-light-surface-transparent-card: #FFFFFFFF; - --on-light-surface-positive-hover: #1EB83AFF; - --on-light-surface-positive-active: #178C2CFF; + --on-light-surface-positive-hover: #1DAF37FF; + --on-light-surface-positive-active: #18952FFF; --on-light-surface-positive: #1A9E32; - --on-light-surface-warning-hover: #FB782DFF; - --on-light-surface-warning-active: #E65705FF; + --on-light-surface-warning-hover: #FB7223FF; + --on-light-surface-warning-active: #F05B05FF; --on-light-surface-warning: #FA5F05; - --on-light-surface-negative-hover: #FF5263FF; - --on-light-surface-negative-active: #FF142CFF; + --on-light-surface-negative-hover: #FF475AFF; + --on-light-surface-negative-active: #FF1F35FF; --on-light-surface-negative: #FF293E; --on-light-surface-accent-athena-hover: #1798EEFF; - --on-light-surface-accent-athena-active: #0F81CCFF; + --on-light-surface-accent-athena-active: #1086D5FF; --on-light-surface-accent-athena: #118CDF; --on-light-surface-accent-joy-hover: #C275F5FF; - --on-light-surface-accent-joy-active: #AD45F2FF; + --on-light-surface-accent-joy-active: #B14FF3FF; --on-light-surface-accent-joy: #B559F3; - --on-light-surface-accent-b2-e-hover: #1EB83AFF; - --on-light-surface-accent-b2-e-active: #178C2CFF; + --on-light-surface-accent-b2-e-hover: #1DAF37FF; + --on-light-surface-accent-b2-e-active: #18952FFF; --on-light-surface-accent-b2-e: #1A9E32; - --on-light-surface-accent-brand-hover: #689CFDFF; - --on-light-surface-accent-brand-active: #2B74FDFF; + --on-light-surface-accent-brand-hover: #5D95FDFF; + --on-light-surface-accent-brand-active: #357BFDFF; --on-light-surface-accent-brand: #3F81FD; - --on-light-surface-accent-main-hover: #1EB83AFF; - --on-light-surface-accent-main-active: #178C2CFF; + --on-light-surface-accent-main-hover: #1DAF37FF; + --on-light-surface-accent-main-active: #18952FFF; --on-light-surface-accent-main: #1A9E32; - --on-light-surface-gradient-main-hover: #FFFFFFFF; - --on-light-surface-gradient-main-active: #FFFFFFFF; - --on-light-surface-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); - --background-primary: #F2F2F2; - --background-secondary: #FFFFFF; - --background-mobile-assistant-athena: linear-gradient(336.9deg, rgba(0, 224, 255, 0.06) 0%, rgba(255, 255, 255, 0) 64.95%), radial-gradient(66.53% 100% at 73.33% 100%, rgba(0, 87, 255, 0.04) 0%, rgba(87, 8, 255, 0.01) 99.69%), linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(0, 224, 255, 0.06) 100%), linear-gradient(270deg, rgba(0, 71, 253, 0.02) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFFFF; - --background-mobile-assistant-joy: linear-gradient(336.9deg, rgba(240, 0, 187, 0.03) 0%, rgba(255, 255, 255, 0) 64.95%), radial-gradient(66.53% 100% at 73.33% 100%, rgba(148, 0, 238, 0.02) 0%, rgba(160, 4, 255, 0.01) 99.69%), linear-gradient(180.03deg, rgba(255, 255, 255, 0) 50%, rgba(255, 184, 0, 0.04) 99.97%), linear-gradient(270deg, rgba(240, 0, 187, 0.03) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFFFF; - --background-mobile-assistant-brand: linear-gradient(336.9deg, rgba(40, 197, 230, 0.06) 0%, rgba(255, 255, 255, 0) 64.95%), radial-gradient(66.53% 100% at 73.33% 100%, rgba(42, 114, 248, 0.04) 0%, rgba(41, 105, 227, 0.01) 99.69%), linear-gradient(180.03deg, rgba(42, 114, 248, 0) 50%, rgba(42, 114, 248, 0.04) 99.97%), linear-gradient(269.47deg, rgba(40, 197, 230, 0.03) 0.52%, rgba(255, 255, 255, 0) 99.61%), #FFFFFFFF; - --background-modal-sheet: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(1, 182, 255, 0.00) 100%), #F2F2F2; - --background-mobile-assistant-b2-e: linear-gradient(336.9deg, rgba(4, 255, 44, 0.02) 0%, rgba(255, 255, 255, 0) 64.95%), radial-gradient(100% 100% at 75.89% 100%, rgba(0, 179, 255, 0.06) 0%, rgba(0, 209, 255, 0.01) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(0, 251, 59, 0.05) 100%), linear-gradient(270deg, rgba(6, 195, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFFFF; - --background-mobile-assistant-main: linear-gradient(336.9deg, rgba(4, 255, 44, 0.02) 0%, rgba(255, 255, 255, 0) 64.95%), radial-gradient(100% 100% at 75.89% 100%, rgba(0, 179, 255, 0.06) 0%, rgba(0, 209, 255, 0.01) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(0, 251, 59, 0.05) 100%), linear-gradient(270deg, rgba(6, 195, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFFFF; - --on-dark-overlay-soft: rgba(0, 0, 0, 0.56); + --background-primary: #000000FF; + --background-secondary: #171717; + --on-dark-overlay-soft: #0000008F; --on-dark-overlay-hard: #000000EB; --on-dark-overlay-blur: #26262647; - --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); color: var(--text-primary); background-color: var(--background-primary); } -.light, - .dark { +.light { + --text-gradient-athena-hover: #CCCCCCFF; + --text-gradient-athena-active: #E6E6E6FF; + --text-gradient-athena: linear-gradient(93.97deg, #52BAFFFF 6.49%, #ADADFFFF 93.51%); + --text-gradient-joy-hover: #CCCCCCFF; + --text-gradient-joy-active: #E6E6E6FF; + --text-gradient-joy: linear-gradient(93.97deg, #FD9C68FF 6.49%, #F391E2FF 93.51%); + --text-gradient-b2-e-hover: #CCCCCCFF; + --text-gradient-b2-e-active: #E6E6E6FF; + --text-gradient-b2-e: linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%); + --text-gradient-brand-hover: #CCCCCCFF; + --text-gradient-brand-active: #E6E6E6FF; + --text-gradient-brand: linear-gradient(89.83deg, #528EFFFF 0%, #04C6C9FF 100%); + --text-gradient-main-hover: #CCCCCCFF; + --text-gradient-main-active: #E6E6E6FF; + --text-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%); + --on-dark-text-gradient-athena-hover: #CCCCCCFF; + --on-dark-text-gradient-athena-active: #E6E6E6FF; + --on-dark-text-gradient-athena: linear-gradient(93.97deg, #52BAFFFF 6.49%, #ADADFFFF 93.51%); + --on-dark-text-gradient-joy-hover: #CCCCCCFF; + --on-dark-text-gradient-joy-active: #E6E6E6FF; + --on-dark-text-gradient-joy: linear-gradient(93.97deg, #FD9C68FF 6.49%, #F391E2FF 93.51%); + --on-dark-text-gradient-b2-e-hover: #CCCCCCFF; + --on-dark-text-gradient-b2-e-active: #E6E6E6FF; + --on-dark-text-gradient-b2-e: linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%); + --on-dark-text-gradient-brand-hover: #CCCCCCFF; + --on-dark-text-gradient-brand-active: #E6E6E6FF; + --on-dark-text-gradient-brand: linear-gradient(89.83deg, #528EFFFF 0%, #04C6C9FF 100%); + --on-dark-text-gradient-main-hover: #CCCCCCFF; + --on-dark-text-gradient-main-active: #E6E6E6FF; + --on-dark-text-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%); + --on-light-text-gradient-athena-hover: #CCCCCCFF; + --on-light-text-gradient-athena-active: #E6E6E6FF; + --on-light-text-gradient-athena: linear-gradient(89.83deg, #118CDFFF 0%, #7A7AFFFF 100%); + --on-light-text-gradient-joy-hover: #CCCCCCFF; + --on-light-text-gradient-joy-active: #E6E6E6FF; + --on-light-text-gradient-joy: linear-gradient(89.83deg, #FCA349FF 0%, #FF52C5FF 100%); + --on-light-text-gradient-b2-e-hover: #CCCCCCFF; + --on-light-text-gradient-b2-e-active: #E6E6E6FF; + --on-light-text-gradient-b2-e: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --on-light-text-gradient-brand-hover: #CCCCCCFF; + --on-light-text-gradient-brand-active: #E6E6E6FF; + --on-light-text-gradient-brand: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-light-text-gradient-main-hover: #CCCCCCFF; + --on-light-text-gradient-main-active: #E6E6E6FF; + --on-light-text-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --surface-skeleton: linear-gradient(90deg, #FFFFFF00 0%, #FFFFFF03 17.19%, #FFFFFF0D 40.24%, #FFFFFF0F 51.17%, #FFFFFF0D 62.12%, #FFFFFF03 82.81%, #FFFFFF00 100%); + --surface-gradient-main-hover: #FFFFFFFF; + --surface-gradient-main-active: #FFFFFFFF; + --surface-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-gradient-main-hover: #FFFFFFFF; + --on-dark-surface-gradient-main-active: #FFFFFFFF; + --on-dark-surface-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-gradient-main-hover: #FFFFFFFF; + --on-light-surface-gradient-main-active: #FFFFFFFF; + --on-light-surface-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --background-modal-sheet: linear-gradient(180deg, #FFFFFF1A 0%, #01B6FF00 50%),#080808FF; + --background-mobile-assistant-athena: linear-gradient(336.9deg, #143787FF 0%, #08080800 64.95%),radial-gradient(66.53% 100% at 73.33% 100%, #6E05C170 0%, #3513951A 99.69%),linear-gradient(180.03deg, #08080800 50%, #193F9869 99.97%),linear-gradient(270deg, #270F6B4D 0%, #08080800 100%),#080808FF; + --background-mobile-assistant-joy: linear-gradient(336.9deg, #FF9C653D 0%, #08080800 64.95%),radial-gradient(66.53% 100% at 73.33% 100%, #3D139557 0%, #1318951A 99.69%),linear-gradient(180.03deg, #08080800 50%, #FFD7B326 99.97%),linear-gradient(270deg, #6B0F5733 0%, #08080800 100%),#080808FF; + --background-mobile-assistant-b2-e: linear-gradient(336.84deg, #14744699 0%, #08080800 64.88%),radial-gradient(100% 100% at 75.89% 100%, #0085FF3D 0%, #0047FF08 100%),linear-gradient(180deg, #08080800 50%, #0747214D 100%),linear-gradient(270deg, #061621FF 0%, #08080800 100%),#080808FF; + --background-mobile-assistant-brand: linear-gradient(336.9deg, #184BABFF 0%, #08080800 64.95%),radial-gradient(66.53% 100% at 73.33% 100%, #1645A470 0%, #0B272D1A 100%),linear-gradient(180.03deg, #08080800 50%, #1645A469 99.97%),linear-gradient(269.47deg, #1645A44D 0.52%, #08080800 99.61%),#080808FF; + --background-mobile-assistant-main: linear-gradient(336.84deg, #14744699 0%, #08080800 64.88%),radial-gradient(100% 100% at 75.89% 100%, #0085FF3D 0%, #0047FF08 100%),linear-gradient(180deg, #08080800 50%, #0747214D 100%),linear-gradient(270deg, #061621FF 0%, #08080800 100%),#080808FF; +} + +.dark, .light { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +.dark, .light { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + +.dark, .light { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -745,64 +821,64 @@ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -821,7 +897,7 @@ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -832,8 +908,7 @@ } @media (max-width: 559px) { - .light, - .dark { + .dark, .light { --plasma-typo-dspl-l-font-size: 5.5rem; --plasma-typo-dspl-l-font-weight: 300; --plasma-typo-dspl-l-line-height: 5.75rem; @@ -940,8 +1015,7 @@ } @media (min-width: 560px) and (max-width: 959px) { - .light, - .dark { + .dark, .light { --plasma-typo-dspl-l-font-size: 7rem; --plasma-typo-dspl-l-font-weight: 300; --plasma-typo-dspl-l-line-height: 7rem; @@ -1048,8 +1122,7 @@ } @media (min-width: 960px) { - .light, - .dark { + .dark, .light { --plasma-typo-dspl-l-font-size: 8rem; --plasma-typo-dspl-l-font-weight: 300; --plasma-typo-dspl-l-line-height: 8rem; @@ -1153,4 +1226,4 @@ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} +} \ No newline at end of file diff --git a/packages/themes/plasma-themes/src/css/stylesSalute__dark.css b/packages/themes/plasma-themes/src/css/stylesSalute__dark.css index bdfe4f729e..8c6bcfe41d 100644 --- a/packages/themes/plasma-themes/src/css/stylesSalute__dark.css +++ b/packages/themes/plasma-themes/src/css/stylesSalute__dark.css @@ -34,21 +34,6 @@ --text-accent-brand-hover: #A3C3FFFF; --text-accent-brand-active: #337AFFFF; --text-accent-brand: #528EFF; - --text-gradient-athena-hover: #CCCCCCFF; - --text-gradient-athena-active: #E6E6E6FF; - --text-gradient-athena: linear-gradient(93.97deg, #52BAFF 6.49%, #ADADFF 93.51%); - --text-gradient-joy-hover: #CCCCCCFF; - --text-gradient-joy-active: #E6E6E6FF; - --text-gradient-joy: linear-gradient(93.97deg, #FD9C68 6.49%, #F391E2 93.51%); - --text-gradient-b2-e-hover: #CCCCCCFF; - --text-gradient-b2-e-active: #E6E6E6FF; - --text-gradient-b2-e: linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%); - --text-gradient-brand-hover: #CCCCCCFF; - --text-gradient-brand-active: #E6E6E6FF; - --text-gradient-brand: linear-gradient(89.83deg, #528EFF 0%, #04C6C9 100%); - --text-gradient-main-hover: #CCCCCCFF; - --text-gradient-main-active: #E6E6E6FF; - --text-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%); --text-accent-main-hover: #2ACB47FF; --text-accent-main-active: #1F9835FF; --text-accent-main: #24B23E; @@ -85,36 +70,21 @@ --on-dark-text-accent-brand-hover: #A3C3FFFF; --on-dark-text-accent-brand-active: #337AFFFF; --on-dark-text-accent-brand: #528EFF; - --on-dark-text-gradient-athena-hover: #CCCCCCFF; - --on-dark-text-gradient-athena-active: #E6E6E6FF; - --on-dark-text-gradient-athena: linear-gradient(93.97deg, #52BAFF 6.49%, #ADADFF 93.51%); - --on-dark-text-gradient-joy-hover: #CCCCCCFF; - --on-dark-text-gradient-joy-active: #E6E6E6FF; - --on-dark-text-gradient-joy: linear-gradient(93.97deg, #FD9C68 6.49%, #F391E2 93.51%); - --on-dark-text-gradient-b2-e-hover: #CCCCCCFF; - --on-dark-text-gradient-b2-e-active: #E6E6E6FF; - --on-dark-text-gradient-b2-e: linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%); - --on-dark-text-gradient-brand-hover: #CCCCCCFF; - --on-dark-text-gradient-brand-active: #E6E6E6FF; - --on-dark-text-gradient-brand: linear-gradient(89.83deg, #528EFF 0%, #04C6C9 100%); - --on-dark-text-gradient-main-hover: #CCCCCCFF; - --on-dark-text-gradient-main-active: #E6E6E6FF; - --on-dark-text-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%); --on-dark-text-accent-main-hover: #2ACB47FF; --on-dark-text-accent-main-active: #1F9835FF; --on-dark-text-accent-main: #24B23E; --on-light-text-primary-hover: #08080893; --on-light-text-primary-active: #080808C4; - --on-light-text-primary: rgba(8, 8, 8, 0.96); + --on-light-text-primary: #080808F5; --on-light-text-secondary-hover: #080808FF; --on-light-text-secondary-active: #080808AB; - --on-light-text-secondary: rgba(8, 8, 8, 0.56); + --on-light-text-secondary: #0808088F; --on-light-text-tertiary-hover: #080808FF; --on-light-text-tertiary-active: #08080856; --on-light-text-tertiary: #08080847; --on-light-text-paragraph-hover: #0808087A; --on-light-text-paragraph-active: #080808A3; - --on-light-text-paragraph: rgba(8, 8, 8, 0.8); + --on-light-text-paragraph: #080808CC; --on-light-text-positive-hover: #1EB83AFF; --on-light-text-positive-active: #15842AFF; --on-light-text-positive: #1A9E32; @@ -136,36 +106,21 @@ --on-light-text-accent-brand-hover: #90B6FEFF; --on-light-text-accent-brand-active: #216EFDFF; --on-light-text-accent-brand: #3F81FD; - --on-light-text-gradient-athena-hover: #CCCCCCFF; - --on-light-text-gradient-athena-active: #E6E6E6FF; - --on-light-text-gradient-athena: linear-gradient(89.83deg, #118CDF 0%, #7A7AFF 100%); - --on-light-text-gradient-joy-hover: #CCCCCCFF; - --on-light-text-gradient-joy-active: #E6E6E6FF; - --on-light-text-gradient-joy: linear-gradient(89.83deg, #FCA349 0%, #FF52C5 100%); - --on-light-text-gradient-b2-e-hover: #CCCCCCFF; - --on-light-text-gradient-b2-e-active: #E6E6E6FF; - --on-light-text-gradient-b2-e: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); - --on-light-text-gradient-brand-hover: #CCCCCCFF; - --on-light-text-gradient-brand-active: #E6E6E6FF; - --on-light-text-gradient-brand: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); - --on-light-text-gradient-main-hover: #CCCCCCFF; - --on-light-text-gradient-main-active: #E6E6E6FF; - --on-light-text-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); --on-light-text-accent-main-hover: #1EB83AFF; --on-light-text-accent-main-active: #15842AFF; --on-light-text-accent-main: #1A9E32; --inverse-text-primary-hover: #08080893; --inverse-text-primary-active: #080808C4; - --inverse-text-primary: rgba(8, 8, 8, 0.96); + --inverse-text-primary: #080808F5; --inverse-text-secondary-hover: #080808FF; --inverse-text-secondary-active: #080808AB; - --inverse-text-secondary: rgba(8, 8, 8, 0.56); + --inverse-text-secondary: #0808088F; --inverse-text-tertiary-hover: #080808FF; --inverse-text-tertiary-active: #08080856; --inverse-text-tertiary: #08080847; --inverse-text-paragraph-hover: #0808087A; --inverse-text-paragraph-active: #080808A3; - --inverse-text-paragraph: rgba(8, 8, 8, 0.8); + --inverse-text-paragraph: #080808CC; --surface-solid-primary-hover: #1C1C1CFF; --surface-solid-primary-active: #121212FF; --surface-solid-primary: #171717; @@ -180,22 +135,22 @@ --surface-solid-card: #171717; --surface-solid-default-hover: #FFFFFFFF; --surface-solid-default-active: #FFFFFFFF; - --surface-solid-default: #FFFFFF; + --surface-solid-default: #FFFFFFFF; --surface-transparent-primary-hover: #FFFFFF1F; --surface-transparent-primary-active: #FFFFFF0A; - --surface-transparent-primary: rgba(255, 255, 255, 0.06); + --surface-transparent-primary: #FFFFFF0F; --surface-transparent-secondary-hover: #FFFFFF3D; --surface-transparent-secondary-active: #FFFFFF0F; - --surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --surface-transparent-secondary: #FFFFFF1F; --surface-transparent-tertiary-hover: #FFFFFF52; --surface-transparent-tertiary-active: #FFFFFF24; - --surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --surface-transparent-tertiary: #FFFFFF33; --surface-transparent-card-hover: #FFFFFF1F; --surface-transparent-card-active: #FFFFFF0A; - --surface-transparent-card: rgba(255,255,255,0.06); + --surface-transparent-card: #FFFFFF0F; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0, 0, 0, 0); + --surface-clear: #00000000; --surface-positive-hover: #1DAF37FF; --surface-positive-active: #18952FFF; --surface-positive: #1A9E32; @@ -225,13 +180,9 @@ --surface-speech-bubble-received: #FFFFFF0F; --surface-skeleton-hover: #FFFFFFFF; --surface-skeleton-active: #FFFFFFFF; - --surface-skeleton: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.01) 17.19%, rgba(255, 255, 255, 0.05) 40.24%, rgba(255, 255, 255, 0.06) 51.17%, rgba(255, 255, 255, 0.05) 62.12%, rgba(255, 255, 255, 0.01) 82.81%, rgba(255, 255, 255, 0.00) 100%); --surface-accent-main-hover: #1DAF37FF; --surface-accent-main-active: #18952FFF; --surface-accent-main: #1A9E32; - --surface-gradient-main-hover: #FFFFFFFF; - --surface-gradient-main-active: #FFFFFFFF; - --surface-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); --on-dark-surface-solid-primary-hover: #1C1C1CFF; --on-dark-surface-solid-primary-active: #121212FF; --on-dark-surface-solid-primary: #171717; @@ -246,19 +197,19 @@ --on-dark-surface-solid-card: #171717; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: #FFFFFF; + --on-dark-surface-solid-default: #FFFFFFFF; --on-dark-surface-transparent-primary-hover: #FFFFFF1F; --on-dark-surface-transparent-primary-active: #FFFFFF0A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; --on-dark-surface-transparent-secondary-active: #FFFFFF0F; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; --on-dark-surface-transparent-tertiary-active: #FFFFFF24; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-card-hover: #FFFFFF1F; --on-dark-surface-transparent-card-active: #FFFFFF0A; - --on-dark-surface-transparent-card: rgba(255,255,255,0.06); + --on-dark-surface-transparent-card: #FFFFFF0F; --on-dark-surface-positive-hover: #1DAF37FF; --on-dark-surface-positive-active: #18952FFF; --on-dark-surface-positive: #1A9E32; @@ -283,9 +234,6 @@ --on-dark-surface-accent-main-hover: #1DAF37FF; --on-dark-surface-accent-main-active: #18952FFF; --on-dark-surface-accent-main: #1A9E32; - --on-dark-surface-gradient-main-hover: #FFFFFFFF; - --on-dark-surface-gradient-main-active: #FFFFFFFF; - --on-dark-surface-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); --on-light-surface-solid-primary-hover: #FAFAFAFF; --on-light-surface-solid-primary-active: #F0F0F0FF; --on-light-surface-solid-primary: #F5F5F5; @@ -306,10 +254,10 @@ --on-light-surface-transparent-primary: #08080808; --on-light-surface-transparent-secondary-hover: #0808081F; --on-light-surface-transparent-secondary-active: #0808080A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808083D; --on-light-surface-transparent-tertiary-active: #0808080F; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #080808C2; --on-light-surface-transparent-deep-active: #08080894; --on-light-surface-transparent-deep: #080808A2; @@ -340,31 +288,135 @@ --on-light-surface-accent-main-hover: #1DAF37FF; --on-light-surface-accent-main-active: #18952FFF; --on-light-surface-accent-main: #1A9E32; - --on-light-surface-gradient-main-hover: #FFFFFFFF; - --on-light-surface-gradient-main-active: #FFFFFFFF; - --on-light-surface-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); --background-primary: #000000FF; --background-secondary: #171717; - --background-modal-sheet: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(1, 182, 255, 0) 50%), #080808FF; - --background-mobile-assistant-athena: linear-gradient(336.9deg, #143787 0%, rgba(8, 8, 8, 0) 64.95%), radial-gradient(66.53% 100% at 73.33% 100%, rgba(110, 5, 193, 0.44) 0%, rgba(53, 19, 149, 0.1) 99.69%), linear-gradient(180.03deg, rgba(8, 8, 8, 0) 50%, rgba(25, 63, 152, 0.41) 99.97%), linear-gradient(270deg, rgba(39, 15, 107, 0.3) 0%, rgba(8, 8, 8, 0) 100%), #080808FF; - --background-mobile-assistant-joy: linear-gradient(336.9deg, rgba(255, 156, 101, 0.24) 0%, rgba(8, 8, 8, 0) 64.95%), radial-gradient(66.53% 100% at 73.33% 100%, rgba(61, 19, 149, 0.34) 0%, rgba(19, 24, 149, 0.1) 99.69%), linear-gradient(180.03deg, rgba(8, 8, 8, 0) 50%, rgba(255, 215, 179, 0.15) 99.97%), linear-gradient(270deg, rgba(107, 15, 87, 0.2) 0%, rgba(8, 8, 8, 0) 100%), #080808FF; - --background-mobile-assistant-b2-e: linear-gradient(336.84deg, rgba(20, 116, 70, 0.6) 0%, rgba(8, 8, 8, 0) 64.88%), radial-gradient(100% 100% at 75.89% 100%, rgba(0, 133, 255, 0.24) 0%, rgba(0, 71, 255, 0.03) 100%), linear-gradient(180deg, rgba(8, 8, 8, 0) 50%, rgba(7, 71, 33, 0.3) 100%), linear-gradient(270deg, #061621 0%, rgba(8, 8, 8, 0) 100%), #080808FF; - --background-mobile-assistant-brand: linear-gradient(336.9deg, #184BAB 0%, rgba(8, 8, 8, 0) 64.95%), radial-gradient(66.53% 100% at 73.33% 100%, rgba(22, 69, 164, 0.44) 0%, rgba(11, 39, 45, 0.1) 100%), linear-gradient(180.03deg, rgba(8, 8, 8, 0) 50%, rgba(22, 69, 164, 0.41) 99.97%), linear-gradient(269.47deg, rgba(22, 69, 164, 0.3) 0.52%, rgba(8, 8, 8, 0) 99.61%), #080808FF; - --background-mobile-assistant-main: linear-gradient(336.84deg, rgba(20, 116, 70, 0.6) 0%, rgba(8, 8, 8, 0) 64.88%), radial-gradient(100% 100% at 75.89% 100%, rgba(0, 133, 255, 0.24) 0%, rgba(0, 71, 255, 0.03) 100%), linear-gradient(180deg, rgba(8, 8, 8, 0) 50%, rgba(7, 71, 33, 0.3) 100%), linear-gradient(270deg, #061621 0%, rgba(8, 8, 8, 0) 100%), #080808FF; - --on-dark-overlay-soft: rgba(0, 0, 0, 0.56); + --on-dark-overlay-soft: #0000008F; --on-dark-overlay-hard: #000000EB; --on-dark-overlay-blur: #26262647; - --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-gradient-athena-hover: #CCCCCCFF; + --text-gradient-athena-active: #E6E6E6FF; + --text-gradient-athena: linear-gradient(93.97deg, #52BAFFFF 6.49%, #ADADFFFF 93.51%); + --text-gradient-joy-hover: #CCCCCCFF; + --text-gradient-joy-active: #E6E6E6FF; + --text-gradient-joy: linear-gradient(93.97deg, #FD9C68FF 6.49%, #F391E2FF 93.51%); + --text-gradient-b2-e-hover: #CCCCCCFF; + --text-gradient-b2-e-active: #E6E6E6FF; + --text-gradient-b2-e: linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%); + --text-gradient-brand-hover: #CCCCCCFF; + --text-gradient-brand-active: #E6E6E6FF; + --text-gradient-brand: linear-gradient(89.83deg, #528EFFFF 0%, #04C6C9FF 100%); + --text-gradient-main-hover: #CCCCCCFF; + --text-gradient-main-active: #E6E6E6FF; + --text-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%); + --on-dark-text-gradient-athena-hover: #CCCCCCFF; + --on-dark-text-gradient-athena-active: #E6E6E6FF; + --on-dark-text-gradient-athena: linear-gradient(93.97deg, #52BAFFFF 6.49%, #ADADFFFF 93.51%); + --on-dark-text-gradient-joy-hover: #CCCCCCFF; + --on-dark-text-gradient-joy-active: #E6E6E6FF; + --on-dark-text-gradient-joy: linear-gradient(93.97deg, #FD9C68FF 6.49%, #F391E2FF 93.51%); + --on-dark-text-gradient-b2-e-hover: #CCCCCCFF; + --on-dark-text-gradient-b2-e-active: #E6E6E6FF; + --on-dark-text-gradient-b2-e: linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%); + --on-dark-text-gradient-brand-hover: #CCCCCCFF; + --on-dark-text-gradient-brand-active: #E6E6E6FF; + --on-dark-text-gradient-brand: linear-gradient(89.83deg, #528EFFFF 0%, #04C6C9FF 100%); + --on-dark-text-gradient-main-hover: #CCCCCCFF; + --on-dark-text-gradient-main-active: #E6E6E6FF; + --on-dark-text-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%); + --on-light-text-gradient-athena-hover: #CCCCCCFF; + --on-light-text-gradient-athena-active: #E6E6E6FF; + --on-light-text-gradient-athena: linear-gradient(89.83deg, #118CDFFF 0%, #7A7AFFFF 100%); + --on-light-text-gradient-joy-hover: #CCCCCCFF; + --on-light-text-gradient-joy-active: #E6E6E6FF; + --on-light-text-gradient-joy: linear-gradient(89.83deg, #FCA349FF 0%, #FF52C5FF 100%); + --on-light-text-gradient-b2-e-hover: #CCCCCCFF; + --on-light-text-gradient-b2-e-active: #E6E6E6FF; + --on-light-text-gradient-b2-e: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --on-light-text-gradient-brand-hover: #CCCCCCFF; + --on-light-text-gradient-brand-active: #E6E6E6FF; + --on-light-text-gradient-brand: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-light-text-gradient-main-hover: #CCCCCCFF; + --on-light-text-gradient-main-active: #E6E6E6FF; + --on-light-text-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --surface-skeleton: linear-gradient(90deg, #FFFFFF00 0%, #FFFFFF03 17.19%, #FFFFFF0D 40.24%, #FFFFFF0F 51.17%, #FFFFFF0D 62.12%, #FFFFFF03 82.81%, #FFFFFF00 100%); + --surface-gradient-main-hover: #FFFFFFFF; + --surface-gradient-main-active: #FFFFFFFF; + --surface-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-gradient-main-hover: #FFFFFFFF; + --on-dark-surface-gradient-main-active: #FFFFFFFF; + --on-dark-surface-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-gradient-main-hover: #FFFFFFFF; + --on-light-surface-gradient-main-active: #FFFFFFFF; + --on-light-surface-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --background-modal-sheet: linear-gradient(180deg, #FFFFFF1A 0%, #01B6FF00 50%),#080808FF; + --background-mobile-assistant-athena: linear-gradient(336.9deg, #143787FF 0%, #08080800 64.95%),radial-gradient(66.53% 100% at 73.33% 100%, #6E05C170 0%, #3513951A 99.69%),linear-gradient(180.03deg, #08080800 50%, #193F9869 99.97%),linear-gradient(270deg, #270F6B4D 0%, #08080800 100%),#080808FF; + --background-mobile-assistant-joy: linear-gradient(336.9deg, #FF9C653D 0%, #08080800 64.95%),radial-gradient(66.53% 100% at 73.33% 100%, #3D139557 0%, #1318951A 99.69%),linear-gradient(180.03deg, #08080800 50%, #FFD7B326 99.97%),linear-gradient(270deg, #6B0F5733 0%, #08080800 100%),#080808FF; + --background-mobile-assistant-b2-e: linear-gradient(336.84deg, #14744699 0%, #08080800 64.88%),radial-gradient(100% 100% at 75.89% 100%, #0085FF3D 0%, #0047FF08 100%),linear-gradient(180deg, #08080800 50%, #0747214D 100%),linear-gradient(270deg, #061621FF 0%, #08080800 100%),#080808FF; + --background-mobile-assistant-brand: linear-gradient(336.9deg, #184BABFF 0%, #08080800 64.95%),radial-gradient(66.53% 100% at 73.33% 100%, #1645A470 0%, #0B272D1A 100%),linear-gradient(180.03deg, #08080800 50%, #1645A469 99.97%),linear-gradient(269.47deg, #1645A44D 0.52%, #08080800 99.61%),#080808FF; + --background-mobile-assistant-main: linear-gradient(336.84deg, #14744699 0%, #08080800 64.88%),radial-gradient(100% 100% at 75.89% 100%, #0085FF3D 0%, #0047FF08 100%),linear-gradient(180deg, #08080800 50%, #0747214D 100%),linear-gradient(270deg, #061621FF 0%, #08080800 100%),#080808FF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -384,64 +436,64 @@ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -460,7 +512,7 @@ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -789,4 +841,4 @@ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} +} \ No newline at end of file diff --git a/packages/themes/plasma-themes/src/css/stylesSalute__light.css b/packages/themes/plasma-themes/src/css/stylesSalute__light.css index cb15000c53..7180d368fb 100644 --- a/packages/themes/plasma-themes/src/css/stylesSalute__light.css +++ b/packages/themes/plasma-themes/src/css/stylesSalute__light.css @@ -3,16 +3,16 @@ :root { --text-primary-hover: #08080893; --text-primary-active: #080808C4; - --text-primary: rgba(8, 8, 8, 0.96); + --text-primary: #080808F5; --text-secondary-hover: #080808FF; --text-secondary-active: #080808AB; - --text-secondary: rgba(8, 8, 8, 0.56); + --text-secondary: #0808088F; --text-tertiary-hover: #080808FF; --text-tertiary-active: #08080856; --text-tertiary: #08080847; --text-paragraph-hover: #0808087A; --text-paragraph-active: #080808A3; - --text-paragraph: rgba(8, 8, 8, 0.8); + --text-paragraph: #080808CC; --text-positive-hover: #1FC13DFF; --text-positive-active: #147B27FF; --text-positive: #1A9E32; @@ -34,24 +34,9 @@ --text-accent-brand-hover: #689CFDFF; --text-accent-brand-active: #1767FDFF; --text-accent-brand: #3F81FD; - --text-gradient-athena-hover: #000000FF; - --text-gradient-athena-active: #CCCCCCFF; - --text-gradient-athena: linear-gradient(89.83deg, #118CDF 0%, #7A7AFF 100%); - --text-gradient-joy-hover: #000000FF; - --text-gradient-joy-active: #CCCCCCFF; - --text-gradient-joy: linear-gradient(89.83deg, #FCA349 0%, #FF52C5 100%); - --text-gradient-brand-hover: #000000FF; - --text-gradient-brand-active: #CCCCCCFF; - --text-gradient-brand: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --text-accent-main-hover: #1FC13DFF; --text-accent-main-active: #147B27FF; --text-accent-main: #1A9E32; - --text-gradient-b2-e-hover: #000000FF; - --text-gradient-b2-e-active: #CCCCCCFF; - --text-gradient-b2-e: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); - --text-gradient-main-hover: #000000FF; - --text-gradient-main-active: #CCCCCCFF; - --text-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); --on-dark-text-primary-hover: #FFFFFF93; --on-dark-text-primary-active: #FFFFFFC4; --on-dark-text-primary: #FFFFFFF5; @@ -85,36 +70,21 @@ --on-dark-text-accent-brand-hover: #7AA9FFFF; --on-dark-text-accent-brand-active: #2974FFFF; --on-dark-text-accent-brand: #528EFF; - --on-dark-text-gradient-athena-hover: #000000FF; - --on-dark-text-gradient-athena-active: #CCCCCCFF; - --on-dark-text-gradient-athena: linear-gradient(93.97deg, #52BAFF 6.49%, #ADADFF 93.51%); - --on-dark-text-gradient-joy-hover: #000000FF; - --on-dark-text-gradient-joy-active: #CCCCCCFF; - --on-dark-text-gradient-joy: linear-gradient(93.97deg, #FD9C68 6.49%, #F391E2 93.51%); - --on-dark-text-gradient-b2-e-hover: #000000FF; - --on-dark-text-gradient-b2-e-active: #CCCCCCFF; - --on-dark-text-gradient-b2-e: linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%); - --on-dark-text-gradient-brand-hover: #000000FF; - --on-dark-text-gradient-brand-active: #CCCCCCFF; - --on-dark-text-gradient-brand: linear-gradient(89.83deg, #528EFF 0%, #04C6C9 100%); --on-dark-text-accent-main-hover: #2BD44AFF; --on-dark-text-accent-main-active: #1D9032FF; --on-dark-text-accent-main: #24B23E; - --on-dark-text-gradient-main-hover: #000000FF; - --on-dark-text-gradient-main-active: #CCCCCCFF; - --on-dark-text-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%); --on-light-text-primary-hover: #08080893; --on-light-text-primary-active: #080808C4; - --on-light-text-primary: rgba(8, 8, 8, 0.96); + --on-light-text-primary: #080808F5; --on-light-text-secondary-hover: #080808FF; --on-light-text-secondary-active: #080808AB; - --on-light-text-secondary: rgba(8, 8, 8, 0.56); + --on-light-text-secondary: #0808088F; --on-light-text-tertiary-hover: #080808FF; --on-light-text-tertiary-active: #08080856; --on-light-text-tertiary: #08080847; --on-light-text-paragraph-hover: #0808087A; --on-light-text-paragraph-active: #080808A3; - --on-light-text-paragraph: rgba(8, 8, 8, 0.8); + --on-light-text-paragraph: #080808CC; --on-light-text-positive-hover: #1FC13DFF; --on-light-text-positive-active: #147B27FF; --on-light-text-positive: #1A9E32; @@ -136,24 +106,9 @@ --on-light-text-accent-brand-hover: #689CFDFF; --on-light-text-accent-brand-active: #1767FDFF; --on-light-text-accent-brand: #3F81FD; - --on-light-text-gradient-athena-hover: #000000FF; - --on-light-text-gradient-athena-active: #CCCCCCFF; - --on-light-text-gradient-athena: linear-gradient(89.83deg, #118CDF 0%, #7A7AFF 100%); - --on-light-text-gradient-joy-hover: #000000FF; - --on-light-text-gradient-joy-active: #CCCCCCFF; - --on-light-text-gradient-joy: linear-gradient(89.83deg, #FCA349 0%, #FF52C5 100%); - --on-light-text-gradient-b2-e-hover: #000000FF; - --on-light-text-gradient-b2-e-active: #CCCCCCFF; - --on-light-text-gradient-b2-e: linear-gradient(89.83deg, #24B23E 0%, #00A6C7 100%); - --on-light-text-gradient-brand-hover: #000000FF; - --on-light-text-gradient-brand-active: #CCCCCCFF; - --on-light-text-gradient-brand: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-text-accent-main-hover: #1FC13DFF; --on-light-text-accent-main-active: #147B27FF; --on-light-text-accent-main: #1A9E32; - --on-light-text-gradient-main-hover: #000000FF; - --on-light-text-gradient-main-active: #CCCCCCFF; - --on-light-text-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A6C7 100%); --inverse-text-primary-hover: #FFFFFF93; --inverse-text-primary-active: #FFFFFFC4; --inverse-text-primary: #FFFFFFF5; @@ -186,16 +141,16 @@ --surface-transparent-primary: #08080808; --surface-transparent-secondary-hover: #08080805; --surface-transparent-secondary-active: #0808081A; - --surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --surface-transparent-secondary: #0808080F; --surface-transparent-tertiary-hover: #0808080A; --surface-transparent-tertiary-active: #08080829; - --surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --surface-transparent-tertiary: #0808081F; --surface-transparent-card-hover: #FFFFFFFF; --surface-transparent-card-active: #FFFFFFFF; --surface-transparent-card: #FFFFFFFF; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0, 0, 0, 0); + --surface-clear: #00000000; --surface-positive-hover: #1EB83AFF; --surface-positive-active: #178C2CFF; --surface-positive: #1A9E32; @@ -225,13 +180,9 @@ --surface-speech-bubble-received: #08080808; --surface-skeleton-hover: #FFFFFFFF; --surface-skeleton-active: #FFFFFFFF; - --surface-skeleton: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.01) 17.19%, rgba(0, 0, 0, 0.05) 40.24%, rgba(0, 0, 0, 0.06) 51.17%, rgba(0, 0, 0, 0.05) 62.12%, rgba(0, 0, 0, 0.01) 82.81%, rgba(0, 0, 0, 0.00) 100%); --surface-accent-main-hover: #1EB83AFF; --surface-accent-main-active: #178C2CFF; --surface-accent-main: #1A9E32; - --surface-gradient-main-hover: #FFFFFFFF; - --surface-gradient-main-active: #FFFFFFFF; - --surface-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); --on-dark-surface-solid-primary-hover: #363636FF; --on-dark-surface-solid-primary-active: #0D0D0DFF; --on-dark-surface-solid-primary: #171717; @@ -246,19 +197,19 @@ --on-dark-surface-solid-card: #171717; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: #FFFFFF; + --on-dark-surface-solid-default: #FFFFFFFF; --on-dark-surface-transparent-primary-hover: #FFFFFF05; --on-dark-surface-transparent-primary-active: #FFFFFF1A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF0A; --on-dark-surface-transparent-secondary-active: #FFFFFF29; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F; --on-dark-surface-transparent-tertiary-active: #FFFFFF3D; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-card-hover: #FFFFFF05; --on-dark-surface-transparent-card-active: #FFFFFF1A; - --on-dark-surface-transparent-card: rgba(255,255,255,0.06); + --on-dark-surface-transparent-card: #FFFFFF0F; --on-dark-surface-positive-hover: #1EB83AFF; --on-dark-surface-positive-active: #178C2CFF; --on-dark-surface-positive: #1A9E32; @@ -283,9 +234,6 @@ --on-dark-surface-accent-main-hover: #1EB83AFF; --on-dark-surface-accent-main-active: #178C2CFF; --on-dark-surface-accent-main: #1A9E32; - --on-dark-surface-gradient-main-hover: #FFFFFFFF; - --on-dark-surface-gradient-main-active: #FFFFFFFF; - --on-dark-surface-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); --on-light-surface-solid-primary-hover: #FAFAFAFF; --on-light-surface-solid-primary-active: #F0F0F0FF; --on-light-surface-solid-primary: #F5F5F5; @@ -306,10 +254,10 @@ --on-light-surface-transparent-primary: #08080808; --on-light-surface-transparent-secondary-hover: #08080805; --on-light-surface-transparent-secondary-active: #0808081A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808080A; --on-light-surface-transparent-tertiary-active: #08080829; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #0808088F; --on-light-surface-transparent-deep-active: #080808AD; --on-light-surface-transparent-deep: #080808A2; @@ -340,31 +288,135 @@ --on-light-surface-accent-main-hover: #1EB83AFF; --on-light-surface-accent-main-active: #178C2CFF; --on-light-surface-accent-main: #1A9E32; - --on-light-surface-gradient-main-hover: #FFFFFFFF; - --on-light-surface-gradient-main-active: #FFFFFFFF; - --on-light-surface-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); - --background-primary: #F2F2F2; - --background-secondary: #FFFFFF; - --background-mobile-assistant-athena: linear-gradient(336.9deg, rgba(0, 224, 255, 0.06) 0%, rgba(255, 255, 255, 0) 64.95%), radial-gradient(66.53% 100% at 73.33% 100%, rgba(0, 87, 255, 0.04) 0%, rgba(87, 8, 255, 0.01) 99.69%), linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(0, 224, 255, 0.06) 100%), linear-gradient(270deg, rgba(0, 71, 253, 0.02) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFFFF; - --background-mobile-assistant-joy: linear-gradient(336.9deg, rgba(240, 0, 187, 0.03) 0%, rgba(255, 255, 255, 0) 64.95%), radial-gradient(66.53% 100% at 73.33% 100%, rgba(148, 0, 238, 0.02) 0%, rgba(160, 4, 255, 0.01) 99.69%), linear-gradient(180.03deg, rgba(255, 255, 255, 0) 50%, rgba(255, 184, 0, 0.04) 99.97%), linear-gradient(270deg, rgba(240, 0, 187, 0.03) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFFFF; - --background-mobile-assistant-brand: linear-gradient(336.9deg, rgba(40, 197, 230, 0.06) 0%, rgba(255, 255, 255, 0) 64.95%), radial-gradient(66.53% 100% at 73.33% 100%, rgba(42, 114, 248, 0.04) 0%, rgba(41, 105, 227, 0.01) 99.69%), linear-gradient(180.03deg, rgba(42, 114, 248, 0) 50%, rgba(42, 114, 248, 0.04) 99.97%), linear-gradient(269.47deg, rgba(40, 197, 230, 0.03) 0.52%, rgba(255, 255, 255, 0) 99.61%), #FFFFFFFF; - --background-modal-sheet: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(1, 182, 255, 0.00) 100%), #F2F2F2; - --background-mobile-assistant-b2-e: linear-gradient(336.9deg, rgba(4, 255, 44, 0.02) 0%, rgba(255, 255, 255, 0) 64.95%), radial-gradient(100% 100% at 75.89% 100%, rgba(0, 179, 255, 0.06) 0%, rgba(0, 209, 255, 0.01) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(0, 251, 59, 0.05) 100%), linear-gradient(270deg, rgba(6, 195, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFFFF; - --background-mobile-assistant-main: linear-gradient(336.9deg, rgba(4, 255, 44, 0.02) 0%, rgba(255, 255, 255, 0) 64.95%), radial-gradient(100% 100% at 75.89% 100%, rgba(0, 179, 255, 0.06) 0%, rgba(0, 209, 255, 0.01) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(0, 251, 59, 0.05) 100%), linear-gradient(270deg, rgba(6, 195, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFFFF; - --on-dark-overlay-soft: rgba(0, 0, 0, 0.56); + --background-primary: #F2F2F2FF; + --background-secondary: #FFFFFFFF; + --on-dark-overlay-soft: #0000008F; --on-dark-overlay-hard: #000000EB; --on-dark-overlay-blur: #26262647; - --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-gradient-athena-hover: #000000FF; + --text-gradient-athena-active: #CCCCCCFF; + --text-gradient-athena: linear-gradient(89.83deg, #118CDFFF 0%, #7A7AFFFF 100%); + --text-gradient-joy-hover: #000000FF; + --text-gradient-joy-active: #CCCCCCFF; + --text-gradient-joy: linear-gradient(89.83deg, #FCA349FF 0%, #FF52C5FF 100%); + --text-gradient-brand-hover: #000000FF; + --text-gradient-brand-active: #CCCCCCFF; + --text-gradient-brand: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --text-gradient-b2-e-hover: #000000FF; + --text-gradient-b2-e-active: #CCCCCCFF; + --text-gradient-b2-e: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --text-gradient-main-hover: #000000FF; + --text-gradient-main-active: #CCCCCCFF; + --text-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --on-dark-text-gradient-athena-hover: #000000FF; + --on-dark-text-gradient-athena-active: #CCCCCCFF; + --on-dark-text-gradient-athena: linear-gradient(93.97deg, #52BAFFFF 6.49%, #ADADFFFF 93.51%); + --on-dark-text-gradient-joy-hover: #000000FF; + --on-dark-text-gradient-joy-active: #CCCCCCFF; + --on-dark-text-gradient-joy: linear-gradient(93.97deg, #FD9C68FF 6.49%, #F391E2FF 93.51%); + --on-dark-text-gradient-b2-e-hover: #000000FF; + --on-dark-text-gradient-b2-e-active: #CCCCCCFF; + --on-dark-text-gradient-b2-e: linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%); + --on-dark-text-gradient-brand-hover: #000000FF; + --on-dark-text-gradient-brand-active: #CCCCCCFF; + --on-dark-text-gradient-brand: linear-gradient(89.83deg, #528EFFFF 0%, #04C6C9FF 100%); + --on-dark-text-gradient-main-hover: #000000FF; + --on-dark-text-gradient-main-active: #CCCCCCFF; + --on-dark-text-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%); + --on-light-text-gradient-athena-hover: #000000FF; + --on-light-text-gradient-athena-active: #CCCCCCFF; + --on-light-text-gradient-athena: linear-gradient(89.83deg, #118CDFFF 0%, #7A7AFFFF 100%); + --on-light-text-gradient-joy-hover: #000000FF; + --on-light-text-gradient-joy-active: #CCCCCCFF; + --on-light-text-gradient-joy: linear-gradient(89.83deg, #FCA349FF 0%, #FF52C5FF 100%); + --on-light-text-gradient-b2-e-hover: #000000FF; + --on-light-text-gradient-b2-e-active: #CCCCCCFF; + --on-light-text-gradient-b2-e: linear-gradient(89.83deg, #24B23EFF 0%, #00A6C7FF 100%); + --on-light-text-gradient-brand-hover: #000000FF; + --on-light-text-gradient-brand-active: #CCCCCCFF; + --on-light-text-gradient-brand: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-light-text-gradient-main-hover: #000000FF; + --on-light-text-gradient-main-active: #CCCCCCFF; + --on-light-text-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A6C7FF 100%); + --surface-skeleton: linear-gradient(90deg, #00000000 0%, #00000003 17.19%, #0000000D 40.24%, #0000000F 51.17%, #0000000D 62.12%, #00000003 82.81%, #00000000 100%); + --surface-gradient-main-hover: #FFFFFFFF; + --surface-gradient-main-active: #FFFFFFFF; + --surface-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-gradient-main-hover: #FFFFFFFF; + --on-dark-surface-gradient-main-active: #FFFFFFFF; + --on-dark-surface-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-gradient-main-hover: #FFFFFFFF; + --on-light-surface-gradient-main-active: #FFFFFFFF; + --on-light-surface-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --background-mobile-assistant-athena: linear-gradient(336.9deg, #00E0FF0F 0%, #FFFFFF00 64.95%),radial-gradient(66.53% 100% at 73.33% 100%, #0057FF0A 0%, #5708FF03 99.69%),linear-gradient(180deg, #FFFFFF00 50%, #00E0FF0F 100%),linear-gradient(270deg, #0047FD05 0%, #FFFFFF00 100%),#FFFFFFFF; + --background-mobile-assistant-joy: linear-gradient(336.9deg, #F000BB08 0%, #FFFFFF00 64.95%),radial-gradient(66.53% 100% at 73.33% 100%, #9400EE05 0%, #A004FF03 99.69%),linear-gradient(180.03deg, #FFFFFF00 50%, #FFB8000A 99.97%),linear-gradient(270deg, #F000BB08 0%, #FFFFFF00 100%),#FFFFFFFF; + --background-mobile-assistant-brand: linear-gradient(336.9deg, #28C5E60F 0%, #FFFFFF00 64.95%),radial-gradient(66.53% 100% at 73.33% 100%, #2A72F80A 0%, #2969E303 99.69%),linear-gradient(180.03deg, #2A72F800 50%, #2A72F80A 99.97%),linear-gradient(269.47deg, #28C5E608 0.52%, #FFFFFF00 99.61%),#FFFFFFFF; + --background-modal-sheet: linear-gradient(180deg, #FFFFFF00 0%, #01B6FF00 100%),#F2F2F2; + --background-mobile-assistant-b2-e: linear-gradient(336.9deg, #04FF2C05 0%, #FFFFFF00 64.95%),radial-gradient(100% 100% at 75.89% 100%, #00B3FF0F 0%, #00D1FF03 100%),linear-gradient(180deg, #FFFFFF00 50%, #00FB3B0D 100%),linear-gradient(270deg, #06C3FF0D 0%, #FFFFFF00 100%),#FFFFFFFF; + --background-mobile-assistant-main: linear-gradient(336.9deg, #04FF2C05 0%, #FFFFFF00 64.95%),radial-gradient(100% 100% at 75.89% 100%, #00B3FF0F 0%, #00D1FF03 100%),linear-gradient(180deg, #FFFFFF00 50%, #00FB3B0D 100%),linear-gradient(270deg, #06C3FF0D 0%, #FFFFFF00 100%),#FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -384,64 +436,64 @@ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -460,7 +512,7 @@ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -789,4 +841,4 @@ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} +} \ No newline at end of file diff --git a/packages/themes/plasma-themes/src/themes/index.ts b/packages/themes/plasma-themes/src/themes/index.ts index 9cdf751649..3c622d4128 100644 --- a/packages/themes/plasma-themes/src/themes/index.ts +++ b/packages/themes/plasma-themes/src/themes/index.ts @@ -1,8 +1,8 @@ // Generated by robots, do not change this manually! -export { plasma_b2c__light } from './plasma_b2c__light'; export { plasma_b2c__dark } from './plasma_b2c__dark'; -export { plasma_web__light } from './plasma_web__light'; +export { plasma_b2c__light } from './plasma_b2c__light'; export { plasma_web__dark } from './plasma_web__dark'; -export { stylesSalute__light } from './stylesSalute__light'; +export { plasma_web__light } from './plasma_web__light'; export { stylesSalute__dark } from './stylesSalute__dark'; +export { stylesSalute__light } from './stylesSalute__light'; diff --git a/packages/themes/plasma-themes/src/themes/plasma_b2c__dark.ts b/packages/themes/plasma-themes/src/themes/plasma_b2c__dark.ts index 43d46266eb..09a867fc15 100644 --- a/packages/themes/plasma-themes/src/themes/plasma_b2c__dark.ts +++ b/packages/themes/plasma-themes/src/themes/plasma_b2c__dark.ts @@ -5,22 +5,19 @@ export const plasma_b2c__dark = ([ :root { --text-primary-hover: #FFFFFF93; --text-primary-active: #FFFFFFC4; - --text-primary: rgba(255, 255, 255, 0.96); + --text-primary: #FFFFFFF5; --text-secondary-hover: #FFFFFFFF; --text-secondary-active: #FFFFFFAB; - --text-secondary: rgba(255, 255, 255, 0.56); + --text-secondary: #FFFFFF8F; --text-tertiary-hover: #FFFFFFFF; --text-tertiary-active: #FFFFFF56; - --text-tertiary: rgba(255, 255, 255, 0.28); + --text-tertiary: #FFFFFF47; --text-paragraph-hover: #FFFFFF7A; --text-paragraph-active: #FFFFFFA3; - --text-paragraph: rgba(255, 255, 255, 0.8); + --text-paragraph: #FFFFFFCC; --text-accent-hover: #90B6FEFF; --text-accent-active: #216EFDFF; --text-accent: #3F81FD; - --text-accent-gradient-hover: #CCCCCCFF; - --text-accent-gradient-active: #E6E6E6FF; - --text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --text-positive-hover: #1EB83AFF; --text-positive-active: #15842AFF; --text-positive: #1A9E32; @@ -32,22 +29,19 @@ export const plasma_b2c__dark = ([ --text-negative: #FF293E; --on-dark-text-primary-hover: #FFFFFF93; --on-dark-text-primary-active: #FFFFFFC4; - --on-dark-text-primary: rgba(255, 255, 255, 0.96); + --on-dark-text-primary: #FFFFFFF5; --on-dark-text-secondary-hover: #FFFFFFFF; --on-dark-text-secondary-active: #FFFFFFAB; - --on-dark-text-secondary: rgba(255, 255, 255, 0.56); + --on-dark-text-secondary: #FFFFFF8F; --on-dark-text-tertiary-hover: #FFFFFFFF; --on-dark-text-tertiary-active: #FFFFFF56; - --on-dark-text-tertiary: rgba(255, 255, 255, 0.28); + --on-dark-text-tertiary: #FFFFFF47; --on-dark-text-paragraph-hover: #FFFFFF7A; --on-dark-text-paragraph-active: #FFFFFFA3; - --on-dark-text-paragraph: rgba(255, 255, 255, 0.8); + --on-dark-text-paragraph: #FFFFFFCC; --on-dark-text-accent-hover: #90B6FEFF; --on-dark-text-accent-active: #216EFDFF; --on-dark-text-accent: #3F81FD; - --on-dark-text-accent-gradient-hover: #CCCCCCFF; - --on-dark-text-accent-gradient-active: #E6E6E6FF; - --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --on-dark-text-positive-hover: #1EB83AFF; --on-dark-text-positive-active: #15842AFF; --on-dark-text-positive: #1A9E32; @@ -59,22 +53,19 @@ export const plasma_b2c__dark = ([ --on-dark-text-negative: #FF293E; --on-light-text-primary-hover: #08080893; --on-light-text-primary-active: #080808C4; - --on-light-text-primary: rgba(8, 8, 8, 0.96); + --on-light-text-primary: #080808F5; --on-light-text-secondary-hover: #080808FF; --on-light-text-secondary-active: #080808AB; - --on-light-text-secondary: rgba(8, 8, 8, 0.56); + --on-light-text-secondary: #0808088F; --on-light-text-tertiary-hover: #080808FF; --on-light-text-tertiary-active: #08080856; - --on-light-text-tertiary: rgba(8, 8, 8, 0.28); + --on-light-text-tertiary: #08080847; --on-light-text-paragraph-hover: #0808087A; --on-light-text-paragraph-active: #080808A3; - --on-light-text-paragraph: rgba(8, 8, 8, 0.8); + --on-light-text-paragraph: #080808CC; --on-light-text-accent-hover: #79A7FBFF; --on-light-text-accent-active: #0D5FF8FF; --on-light-text-accent: #2A72F8; - --on-light-text-accent-gradient-hover: #CCCCCCFF; - --on-light-text-accent-gradient-active: #E6E6E6FF; - --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-text-positive-hover: #1EB83AFF; --on-light-text-positive-active: #15842AFF; --on-light-text-positive: #1A9E32; @@ -86,16 +77,16 @@ export const plasma_b2c__dark = ([ --on-light-text-negative: #F31B31; --inverse-text-primary-hover: #08080893; --inverse-text-primary-active: #080808C4; - --inverse-text-primary: rgba(8, 8, 8, 0.96); + --inverse-text-primary: #080808F5; --inverse-text-secondary-hover: #080808FF; --inverse-text-secondary-active: #080808AB; - --inverse-text-secondary: rgba(8, 8, 8, 0.56); + --inverse-text-secondary: #0808088F; --inverse-text-tertiary-hover: #080808FF; --inverse-text-tertiary-active: #08080856; - --inverse-text-tertiary: rgba(8, 8, 8, 0.28); + --inverse-text-tertiary: #08080847; --inverse-text-paragraph-hover: #0808087A; --inverse-text-paragraph-active: #080808A3; - --inverse-text-paragraph: rgba(8, 8, 8, 0.8); + --inverse-text-paragraph: #080808CC; --surface-solid-primary-hover: #1C1C1CFF; --surface-solid-primary-active: #121212FF; --surface-solid-primary: #171717; @@ -110,31 +101,28 @@ export const plasma_b2c__dark = ([ --surface-solid-card: #171717; --surface-solid-default-hover: #FFFFFFFF; --surface-solid-default-active: #FFFFFFFF; - --surface-solid-default: rgba(255, 255, 255, 1); + --surface-solid-default: #FFFFFFFF; --surface-transparent-primary-hover: #FFFFFF1F; --surface-transparent-primary-active: #FFFFFF0A; - --surface-transparent-primary: rgba(255, 255, 255, 0.06); + --surface-transparent-primary: #FFFFFF0F; --surface-transparent-secondary-hover: #FFFFFF3D; --surface-transparent-secondary-active: #FFFFFF0F; - --surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --surface-transparent-secondary: #FFFFFF1F; --surface-transparent-tertiary-hover: #FFFFFF52; --surface-transparent-tertiary-active: #FFFFFF24; - --surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --surface-transparent-tertiary: #FFFFFF33; --surface-transparent-deep-hover: #FFFFFFC2; --surface-transparent-deep-active: #FFFFFF94; - --surface-transparent-deep: rgba(255, 255, 255, 0.64); + --surface-transparent-deep: #FFFFFFA3; --surface-transparent-card-hover: #FFFFFF3D; --surface-transparent-card-active: #FFFFFF0F; - --surface-transparent-card: rgba(255, 255, 255, 0.12); + --surface-transparent-card: #FFFFFF1F; --surface-clear-hover: #FFFFFF00; --surface-clear-active: #FFFFFF00; - --surface-clear: rgba(255, 255, 255, 0); + --surface-clear: #FFFFFF00; --surface-accent-hover: #5D95FDFF; --surface-accent-active: #357BFDFF; --surface-accent: #3F81FD; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%), linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --surface-transparent-accent-hover: #3F82FD3D; --surface-transparent-accent-active: #3F82FD0F; --surface-positive-hover: #1DAF37FF; @@ -152,10 +140,10 @@ export const plasma_b2c__dark = ([ --surface-transparent-warning-active: #FA5F050F; --surface-transparent-negative-hover: #FF293E3D; --surface-transparent-negative-active: #FF293E0F; - --surface-transparent-accent: rgba(63,129,253,0.12); - --surface-transparent-positive: rgba(26,158,50,0.12); - --surface-transparent-warning: rgba(250,95,5,0.12); - --surface-transparent-negative: rgba(255,41,62,0.12); + --surface-transparent-accent: #3F81FD1F; + --surface-transparent-positive: #1A9E321F; + --surface-transparent-warning: #FA5F051F; + --surface-transparent-negative: #FF293E1F; --on-dark-surface-solid-primary-hover: #1C1C1CFF; --on-dark-surface-solid-primary-active: #121212FF; --on-dark-surface-solid-primary: #171717; @@ -170,28 +158,25 @@ export const plasma_b2c__dark = ([ --on-dark-surface-solid-card: #171717; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: rgba(255, 255, 255, 1); + --on-dark-surface-solid-default: #FFFFFFFF; --on-dark-surface-transparent-primary-hover: #FFFFFF1F; --on-dark-surface-transparent-primary-active: #FFFFFF0A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; --on-dark-surface-transparent-secondary-active: #FFFFFF0F; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; --on-dark-surface-transparent-tertiary-active: #FFFFFF24; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-deep-hover: #FFFFFFC2; --on-dark-surface-transparent-deep-active: #FFFFFF94; - --on-dark-surface-transparent-deep: rgba(255, 255, 255, 0.64); + --on-dark-surface-transparent-deep: #FFFFFFA3; --on-dark-surface-transparent-card-hover: #FFFFFF3D; --on-dark-surface-transparent-card-active: #FFFFFF0F; - --on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-card: #FFFFFF1F; --on-dark-surface-accent-hover: #5D95FDFF; --on-dark-surface-accent-active: #357BFDFF; --on-dark-surface-accent: #3F81FD; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-dark-surface-positive-hover: #1DAF37FF; --on-dark-surface-positive-active: #18952FFF; --on-dark-surface-positive: #1A9E32; @@ -212,31 +197,28 @@ export const plasma_b2c__dark = ([ --on-light-surface-solid-tertiary: #DDDDDD; --on-light-surface-solid-card-hover: #FFFFFFFF; --on-light-surface-solid-card-active: #FFFFFFFF; - --on-light-surface-solid-card: rgba(255, 255, 255, 1); + --on-light-surface-solid-card: #FFFFFFFF; --on-light-surface-solid-default-hover: #0D0D0DFF; --on-light-surface-solid-default-active: #030303FF; --on-light-surface-solid-default: #080808; --on-light-surface-transparent-primary-hover: #08080812; --on-light-surface-transparent-primary-active: #08080803; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.03); + --on-light-surface-transparent-primary: #08080808; --on-light-surface-transparent-secondary-hover: #0808081F; --on-light-surface-transparent-secondary-active: #0808080A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808083D; --on-light-surface-transparent-tertiary-active: #0808080F; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #080808C2; --on-light-surface-transparent-deep-active: #08080894; - --on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64); + --on-light-surface-transparent-deep: #080808A3; --on-light-surface-transparent-card-hover: #FFFFFFFF; --on-light-surface-transparent-card-active: #FFFFFFFF; - --on-light-surface-transparent-card: rgba(255, 255, 255, 1); + --on-light-surface-transparent-card: #FFFFFFFF; --on-light-surface-accent-hover: #4886F9FF; --on-light-surface-accent-active: #206CF8FF; --on-light-surface-accent: #2A72F8; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-surface-positive-hover: #1DAF37FF; --on-light-surface-positive-active: #18952FFF; --on-light-surface-positive: #1A9E32; @@ -249,38 +231,96 @@ export const plasma_b2c__dark = ([ --background-primary: #080808; --dark-background-primary: #080808; --light-background-primary: #F9F9F9; - --overlay-soft: rgba(8, 8, 8, 0.56); - --overlay-hard: rgba(8, 8, 8, 0.96); - --overlay-blur: rgba(8, 8, 8, 0.28); - --on-dark-overlay-soft: rgba(8, 8, 8, 0.56); - --on-dark-overlay-hard: rgba(8, 8, 8, 0.96); - --on-dark-overlay-blur: rgba(8, 8, 8, 0.28); - --on-light-overlay-soft: rgba(249, 249, 249, 0.56); - --on-light-overlay-hard: rgba(249, 249, 249, 0.96); - --on-light-overlay-blur: rgba(249, 249, 249, 0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); - --shadow-down-soft-s: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); - --shadow-down-soft-m: 0px 24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-down-soft-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-down-hard-s: 0px 4px 12px -3px rgba(8, 8, 8, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.08); - --shadow-down-hard-m: 0px 16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-down-hard-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.40); - --shadow-up-soft-s: 0px -4px 14px -4px rgba(8, 8, 8, 0.08), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-soft-m: 0px -24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-up-soft-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-up-hard-s: 0px -4px 12px -3px rgba(8, 8, 8, 0.20), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-hard-m: 0px -16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-up-hard-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.40); + --overlay-soft: #0808088F; + --overlay-hard: #080808F5; + --overlay-blur: #08080847; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080847; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F947; color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --on-dark-text-accent-gradient-hover: #CCCCCCFF; + --on-dark-text-accent-gradient-active: #E6E6E6FF; + --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --on-light-text-accent-gradient-hover: #CCCCCCFF; + --on-light-text-accent-gradient-active: #E6E6E6FF; + --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%),linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -300,64 +340,64 @@ export const plasma_b2c__dark = ([ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -376,7 +416,7 @@ export const plasma_b2c__dark = ([ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -705,6 +745,5 @@ export const plasma_b2c__dark = ([ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} -`, +}`, ] as unknown) as TemplateStringsArray; diff --git a/packages/themes/plasma-themes/src/themes/plasma_b2c__light.ts b/packages/themes/plasma-themes/src/themes/plasma_b2c__light.ts index a29880bcd8..61b2032a3c 100644 --- a/packages/themes/plasma-themes/src/themes/plasma_b2c__light.ts +++ b/packages/themes/plasma-themes/src/themes/plasma_b2c__light.ts @@ -5,22 +5,19 @@ export const plasma_b2c__light = ([ :root { --text-primary-hover: #08080893; --text-primary-active: #080808C4; - --text-primary: rgba(8, 8, 8, 0.96); + --text-primary: #080808F5; --text-secondary-hover: #080808FF; --text-secondary-active: #080808AB; - --text-secondary: rgba(8, 8, 8, 0.56); + --text-secondary: #0808088F; --text-tertiary-hover: #080808FF; --text-tertiary-active: #08080856; - --text-tertiary: rgba(8, 8, 8, 0.28); + --text-tertiary: #08080847; --text-paragraph-hover: #0808087A; --text-paragraph-active: #080808A3; - --text-paragraph: rgba(8, 8, 8, 0.8); + --text-paragraph: #080808CC; --text-accent-hover: #528DFAFF; --text-accent-active: #075AF2FF; --text-accent: #2A72F8; - --text-accent-gradient-hover: #000000FF; - --text-accent-gradient-active: #CCCCCCFF; - --text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --text-positive-hover: #1FC13DFF; --text-positive-active: #147B27FF; --text-positive: #1A9E32; @@ -32,22 +29,19 @@ export const plasma_b2c__light = ([ --text-negative: #F31B31; --on-dark-text-primary-hover: #FFFFFF93; --on-dark-text-primary-active: #FFFFFFC4; - --on-dark-text-primary: rgba(255, 255, 255, 0.96); + --on-dark-text-primary: #FFFFFFF5; --on-dark-text-secondary-hover: #FFFFFFFF; --on-dark-text-secondary-active: #FFFFFFAB; - --on-dark-text-secondary: rgba(255, 255, 255, 0.56); + --on-dark-text-secondary: #FFFFFF8F; --on-dark-text-tertiary-hover: #FFFFFFFF; --on-dark-text-tertiary-active: #FFFFFF56; - --on-dark-text-tertiary: rgba(255, 255, 255, 0.28); + --on-dark-text-tertiary: #FFFFFF47; --on-dark-text-paragraph-hover: #FFFFFF7A; --on-dark-text-paragraph-active: #FFFFFFA3; - --on-dark-text-paragraph: rgba(255, 255, 255, 0.8); + --on-dark-text-paragraph: #FFFFFFCC; --on-dark-text-accent-hover: #689CFDFF; --on-dark-text-accent-active: #1767FDFF; --on-dark-text-accent: #3F81FD; - --on-dark-text-accent-gradient-hover: #000000FF; - --on-dark-text-accent-gradient-active: #CCCCCCFF; - --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --on-dark-text-positive-hover: #1FC13DFF; --on-dark-text-positive-active: #147B27FF; --on-dark-text-positive: #1A9E32; @@ -59,22 +53,19 @@ export const plasma_b2c__light = ([ --on-dark-text-negative: #FF293E; --on-light-text-primary-hover: #08080893; --on-light-text-primary-active: #080808C4; - --on-light-text-primary: rgba(8, 8, 8, 0.96); + --on-light-text-primary: #080808F5; --on-light-text-secondary-hover: #080808FF; --on-light-text-secondary-active: #080808AB; - --on-light-text-secondary: rgba(8, 8, 8, 0.56); + --on-light-text-secondary: #0808088F; --on-light-text-tertiary-hover: #080808FF; --on-light-text-tertiary-active: #08080856; - --on-light-text-tertiary: rgba(8, 8, 8, 0.28); + --on-light-text-tertiary: #08080847; --on-light-text-paragraph-hover: #0808087A; --on-light-text-paragraph-active: #080808A3; - --on-light-text-paragraph: rgba(8, 8, 8, 0.8); + --on-light-text-paragraph: #080808CC; --on-light-text-accent-hover: #528DFAFF; --on-light-text-accent-active: #075AF2FF; --on-light-text-accent: #2A72F8; - --on-light-text-accent-gradient-hover: #000000FF; - --on-light-text-accent-gradient-active: #CCCCCCFF; - --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-text-positive-hover: #1FC13DFF; --on-light-text-positive-active: #147B27FF; --on-light-text-positive: #1A9E32; @@ -86,16 +77,16 @@ export const plasma_b2c__light = ([ --on-light-text-negative: #F31B31; --inverse-text-primary-hover: #FFFFFF93; --inverse-text-primary-active: #FFFFFFC4; - --inverse-text-primary: rgba(255, 255, 255, 0.96); + --inverse-text-primary: #FFFFFFF5; --inverse-text-secondary-hover: #FFFFFFFF; --inverse-text-secondary-active: #FFFFFFAB; - --inverse-text-secondary: rgba(255, 255, 255, 0.56); + --inverse-text-secondary: #FFFFFF8F; --inverse-text-tertiary-hover: #FFFFFFFF; --inverse-text-tertiary-active: #FFFFFF56; - --inverse-text-tertiary: rgba(255, 255, 255, 0.28); + --inverse-text-tertiary: #FFFFFF47; --inverse-text-paragraph-hover: #FFFFFF7A; --inverse-text-paragraph-active: #FFFFFFA3; - --inverse-text-paragraph: rgba(255, 255, 255, 0.8); + --inverse-text-paragraph: #FFFFFFCC; --surface-solid-primary-hover: #FAFAFAFF; --surface-solid-primary-active: #F0F0F0FF; --surface-solid-primary: #F5F5F5; @@ -107,34 +98,31 @@ export const plasma_b2c__light = ([ --surface-solid-tertiary: #DDDDDD; --surface-solid-card-hover: #FFFFFFFF; --surface-solid-card-active: #FFFFFFFF; - --surface-solid-card: rgba(255, 255, 255, 1); + --surface-solid-card: #FFFFFFFF; --surface-solid-default-hover: #262626FF; --surface-solid-default-active: #030303FF; --surface-solid-default: #080808; --surface-transparent-primary-hover: #08080803; --surface-transparent-primary-active: #0808080D; - --surface-transparent-primary: rgba(8, 8, 8, 0.03); + --surface-transparent-primary: #08080808; --surface-transparent-secondary-hover: #08080805; --surface-transparent-secondary-active: #0808081A; - --surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --surface-transparent-secondary: #0808080F; --surface-transparent-tertiary-hover: #0808080A; --surface-transparent-tertiary-active: #08080829; - --surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --surface-transparent-tertiary: #0808081F; --surface-transparent-deep-hover: #0808088F; --surface-transparent-deep-active: #080808AD; - --surface-transparent-deep: rgba(8, 8, 8, 0.64); + --surface-transparent-deep: #080808A3; --surface-transparent-card-hover: #FFFFFFFF; --surface-transparent-card-active: #FFFFFFFF; - --surface-transparent-card: rgba(255, 255, 255, 1); + --surface-transparent-card: #FFFFFFFF; --surface-clear-hover: #FFFFFF00; --surface-clear-active: #FFFFFF00; - --surface-clear: rgba(255, 255, 255, 0); + --surface-clear: #FFFFFF00; --surface-accent-hover: #528DFAFF; --surface-accent-active: #1665F8FF; --surface-accent: #2A72F8; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --surface-transparent-accent-hover: #2A72F805; --surface-transparent-accent-active: #2A72F81A; --surface-positive-hover: #1EB83AFF; @@ -152,10 +140,10 @@ export const plasma_b2c__light = ([ --surface-transparent-warning-active: #FA5F051A; --surface-transparent-negative-hover: #F31B3105; --surface-transparent-negative-active: #F31B311A; - --surface-transparent-accent: rgba(42,114,248,0.06); - --surface-transparent-positive: rgba(26,158,50,0.06); - --surface-transparent-warning: rgba(250,95,5,0.06); - --surface-transparent-negative: rgba(243,27,49,0.06); + --surface-transparent-accent: #2A72F80F; + --surface-transparent-positive: #1A9E320F; + --surface-transparent-warning: #FA5F050F; + --surface-transparent-negative: #F31B310F; --on-dark-surface-solid-primary-hover: #363636FF; --on-dark-surface-solid-primary-active: #0D0D0DFF; --on-dark-surface-solid-primary: #171717; @@ -170,7 +158,7 @@ export const plasma_b2c__light = ([ --on-dark-surface-solid-card: #171717; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: rgba(255, 255, 255, 1); + --on-dark-surface-solid-default: #FFFFFFFF; --on-dark-surface-transparent-primary-hover: #363636FF; --on-dark-surface-transparent-primary-active: #0D0D0DFF; --on-dark-surface-transparent-primary: #171717; @@ -182,16 +170,13 @@ export const plasma_b2c__light = ([ --on-dark-surface-transparent-tertiary: #363636; --on-dark-surface-transparent-deep-hover: #FFFFFF8F; --on-dark-surface-transparent-deep-active: #FFFFFFAD; - --on-dark-surface-transparent-deep: rgba(255, 255, 255, 0.64); + --on-dark-surface-transparent-deep: #FFFFFFA3; --on-dark-surface-transparent-card-hover: #FFFFFF0A; --on-dark-surface-transparent-card-active: #FFFFFF29; - --on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-card: #FFFFFF1F; --on-dark-surface-accent-hover: #689CFDFF; --on-dark-surface-accent-active: #2B74FDFF; --on-dark-surface-accent: #3F81FD; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-dark-surface-positive-hover: #1EB83AFF; --on-dark-surface-positive-active: #178C2CFF; --on-dark-surface-positive: #1A9E32; @@ -212,31 +197,28 @@ export const plasma_b2c__light = ([ --on-light-surface-solid-tertiary: #DDDDDD; --on-light-surface-solid-card-hover: #FFFFFFFF; --on-light-surface-solid-card-active: #FFFFFFFF; - --on-light-surface-solid-card: rgba(255, 255, 255, 1); + --on-light-surface-solid-card: #FFFFFFFF; --on-light-surface-solid-default-hover: #262626FF; --on-light-surface-solid-default-active: #030303FF; --on-light-surface-solid-default: #080808; --on-light-surface-transparent-primary-hover: #08080803; --on-light-surface-transparent-primary-active: #0808080D; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.03); + --on-light-surface-transparent-primary: #08080808; --on-light-surface-transparent-secondary-hover: #08080805; --on-light-surface-transparent-secondary-active: #0808081A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808080A; --on-light-surface-transparent-tertiary-active: #08080829; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #0808088F; --on-light-surface-transparent-deep-active: #080808AD; - --on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64); + --on-light-surface-transparent-deep: #080808A3; --on-light-surface-transparent-card-hover: #FFFFFFFF; --on-light-surface-transparent-card-active: #FFFFFFFF; - --on-light-surface-transparent-card: rgba(255, 255, 255, 1); + --on-light-surface-transparent-card: #FFFFFFFF; --on-light-surface-accent-hover: #528DFAFF; --on-light-surface-accent-active: #1665F8FF; --on-light-surface-accent: #2A72F8; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-surface-positive-hover: #1EB83AFF; --on-light-surface-positive-active: #178C2CFF; --on-light-surface-positive: #1A9E32; @@ -249,38 +231,96 @@ export const plasma_b2c__light = ([ --background-primary: #F9F9F9; --dark-background-primary: #080808; --light-background-primary: #F9F9F9; - --overlay-soft: rgba(249, 249, 249, 0.56); - --overlay-hard: rgba(249, 249, 249, 0.96); - --overlay-blur: rgba(249, 249, 249, 0.28); - --on-dark-overlay-soft: rgba(8, 8, 8, 0.56); - --on-dark-overlay-hard: rgba(8, 8, 8, 0.96); - --on-dark-overlay-blur: rgba(8, 8, 8, 0.28); - --on-light-overlay-soft: rgba(249, 249, 249, 0.56); - --on-light-overlay-hard: rgba(249, 249, 249, 0.96); - --on-light-overlay-blur: rgba(249, 249, 249, 0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); - --shadow-down-soft-s: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); - --shadow-down-soft-m: 0px 24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-down-soft-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-down-hard-s: 0px 4px 12px -3px rgba(8, 8, 8, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.08); - --shadow-down-hard-m: 0px 16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-down-hard-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.40); - --shadow-up-soft-s: 0px -4px 14px -4px rgba(8, 8, 8, 0.08), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-soft-m: 0px -24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-up-soft-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-up-hard-s: 0px -4px 12px -3px rgba(8, 8, 8, 0.20), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-hard-m: 0px -16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-up-hard-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.40); + --overlay-soft: #F9F9F98F; + --overlay-hard: #F9F9F9F5; + --overlay-blur: #F9F9F947; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080847; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F947; color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-accent-gradient-hover: #000000FF; + --text-accent-gradient-active: #CCCCCCFF; + --text-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-dark-text-accent-gradient-hover: #000000FF; + --on-dark-text-accent-gradient-active: #CCCCCCFF; + --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --on-light-text-accent-gradient-hover: #000000FF; + --on-light-text-accent-gradient-active: #CCCCCCFF; + --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -300,64 +340,64 @@ export const plasma_b2c__light = ([ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -376,7 +416,7 @@ export const plasma_b2c__light = ([ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -705,6 +745,5 @@ export const plasma_b2c__light = ([ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} -`, +}`, ] as unknown) as TemplateStringsArray; diff --git a/packages/themes/plasma-themes/src/themes/plasma_web__dark.ts b/packages/themes/plasma-themes/src/themes/plasma_web__dark.ts index 99952303bf..54c8043de6 100644 --- a/packages/themes/plasma-themes/src/themes/plasma_web__dark.ts +++ b/packages/themes/plasma-themes/src/themes/plasma_web__dark.ts @@ -5,22 +5,19 @@ export const plasma_web__dark = ([ :root { --text-primary-hover: #FFFFFF93; --text-primary-active: #FFFFFFC4; - --text-primary: rgba(255, 255, 255, 0.96); + --text-primary: #FFFFFFF5; --text-secondary-hover: #FFFFFFFF; --text-secondary-active: #FFFFFFAB; - --text-secondary: rgba(255, 255, 255, 0.56); + --text-secondary: #FFFFFF8F; --text-tertiary-hover: #FFFFFFFF; --text-tertiary-active: #FFFFFF56; - --text-tertiary: rgba(255, 255, 255, 0.28); + --text-tertiary: #FFFFFF47; --text-paragraph-hover: #FFFFFF7A; --text-paragraph-active: #FFFFFFA3; - --text-paragraph: rgba(255, 255, 255, 0.8); + --text-paragraph: #FFFFFFCC; --text-accent-hover: #90B6FEFF; --text-accent-active: #216EFDFF; --text-accent: #3F81FD; - --text-accent-gradient-hover: #CCCCCCFF; - --text-accent-gradient-active: #E6E6E6FF; - --text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --text-positive-hover: #1EB83AFF; --text-positive-active: #15842AFF; --text-positive: #1A9E32; @@ -32,22 +29,19 @@ export const plasma_web__dark = ([ --text-negative: #FF293E; --on-dark-text-primary-hover: #FFFFFF93; --on-dark-text-primary-active: #FFFFFFC4; - --on-dark-text-primary: rgba(255, 255, 255, 0.96); + --on-dark-text-primary: #FFFFFFF5; --on-dark-text-secondary-hover: #FFFFFFFF; --on-dark-text-secondary-active: #FFFFFFAB; - --on-dark-text-secondary: rgba(255, 255, 255, 0.56); + --on-dark-text-secondary: #FFFFFF8F; --on-dark-text-tertiary-hover: #FFFFFFFF; --on-dark-text-tertiary-active: #FFFFFF56; - --on-dark-text-tertiary: rgba(255, 255, 255, 0.28); + --on-dark-text-tertiary: #FFFFFF47; --on-dark-text-paragraph-hover: #FFFFFF7A; --on-dark-text-paragraph-active: #FFFFFFA3; - --on-dark-text-paragraph: rgba(255, 255, 255, 0.8); + --on-dark-text-paragraph: #FFFFFFCC; --on-dark-text-accent-hover: #90B6FEFF; --on-dark-text-accent-active: #216EFDFF; --on-dark-text-accent: #3F81FD; - --on-dark-text-accent-gradient-hover: #CCCCCCFF; - --on-dark-text-accent-gradient-active: #E6E6E6FF; - --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --on-dark-text-positive-hover: #1EB83AFF; --on-dark-text-positive-active: #15842AFF; --on-dark-text-positive: #1A9E32; @@ -59,22 +53,19 @@ export const plasma_web__dark = ([ --on-dark-text-negative: #FF293E; --on-light-text-primary-hover: #08080893; --on-light-text-primary-active: #080808C4; - --on-light-text-primary: rgba(8, 8, 8, 0.96); + --on-light-text-primary: #080808F5; --on-light-text-secondary-hover: #080808FF; --on-light-text-secondary-active: #080808AB; - --on-light-text-secondary: rgba(8, 8, 8, 0.56); + --on-light-text-secondary: #0808088F; --on-light-text-tertiary-hover: #080808FF; --on-light-text-tertiary-active: #08080856; - --on-light-text-tertiary: rgba(8, 8, 8, 0.28); + --on-light-text-tertiary: #08080847; --on-light-text-paragraph-hover: #0808087A; --on-light-text-paragraph-active: #080808A3; - --on-light-text-paragraph: rgba(8, 8, 8, 0.8); + --on-light-text-paragraph: #080808CC; --on-light-text-accent-hover: #79A7FBFF; --on-light-text-accent-active: #0D5FF8FF; --on-light-text-accent: #2A72F8; - --on-light-text-accent-gradient-hover: #CCCCCCFF; - --on-light-text-accent-gradient-active: #E6E6E6FF; - --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-text-positive-hover: #1EB83AFF; --on-light-text-positive-active: #15842AFF; --on-light-text-positive: #1A9E32; @@ -86,16 +77,16 @@ export const plasma_web__dark = ([ --on-light-text-negative: #F31B31; --inverse-text-primary-hover: #08080893; --inverse-text-primary-active: #080808C4; - --inverse-text-primary: rgba(8, 8, 8, 0.96); + --inverse-text-primary: #080808F5; --inverse-text-secondary-hover: #080808FF; --inverse-text-secondary-active: #080808AB; - --inverse-text-secondary: rgba(8, 8, 8, 0.56); + --inverse-text-secondary: #0808088F; --inverse-text-tertiary-hover: #080808FF; --inverse-text-tertiary-active: #08080856; - --inverse-text-tertiary: rgba(8, 8, 8, 0.28); + --inverse-text-tertiary: #08080847; --inverse-text-paragraph-hover: #0808087A; --inverse-text-paragraph-active: #080808A3; - --inverse-text-paragraph: rgba(8, 8, 8, 0.8); + --inverse-text-paragraph: #080808CC; --surface-solid-primary-hover: #1C1C1CFF; --surface-solid-primary-active: #121212FF; --surface-solid-primary: #171717; @@ -110,31 +101,28 @@ export const plasma_web__dark = ([ --surface-solid-card: #171717; --surface-solid-default-hover: #FFFFFFFF; --surface-solid-default-active: #FFFFFFFF; - --surface-solid-default: rgba(255, 255, 255, 1); + --surface-solid-default: #FFFFFFFF; --surface-transparent-primary-hover: #FFFFFF1F; --surface-transparent-primary-active: #FFFFFF0A; - --surface-transparent-primary: rgba(255, 255, 255, 0.06); + --surface-transparent-primary: #FFFFFF0F; --surface-transparent-secondary-hover: #FFFFFF3D; --surface-transparent-secondary-active: #FFFFFF0F; - --surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --surface-transparent-secondary: #FFFFFF1F; --surface-transparent-tertiary-hover: #FFFFFF52; --surface-transparent-tertiary-active: #FFFFFF24; - --surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --surface-transparent-tertiary: #FFFFFF33; --surface-transparent-deep-hover: #FFFFFFC2; --surface-transparent-deep-active: #FFFFFF94; - --surface-transparent-deep: rgba(255, 255, 255, 0.64); + --surface-transparent-deep: #FFFFFFA3; --surface-transparent-card-hover: #FFFFFF3D; --surface-transparent-card-active: #FFFFFF0F; - --surface-transparent-card: rgba(255, 255, 255, 0.12); + --surface-transparent-card: #FFFFFF1F; --surface-clear-hover: #FFFFFF00; --surface-clear-active: #FFFFFF00; - --surface-clear: rgba(255, 255, 255, 0); + --surface-clear: #FFFFFF00; --surface-accent-hover: #5D95FDFF; --surface-accent-active: #357BFDFF; --surface-accent: #3F81FD; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%), linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --surface-transparent-accent-hover: #3F82FD3D; --surface-transparent-accent-active: #3F82FD0F; --surface-positive-hover: #1DAF37FF; @@ -152,10 +140,10 @@ export const plasma_web__dark = ([ --surface-transparent-warning-active: #FA5F050F; --surface-transparent-negative-hover: #FF293E3D; --surface-transparent-negative-active: #FF293E0F; - --surface-transparent-accent: rgba(63,129,253,0.12); - --surface-transparent-positive: rgba(26,158,50,0.12); - --surface-transparent-warning: rgba(250,95,5,0.12); - --surface-transparent-negative: rgba(255,41,62,0.12); + --surface-transparent-accent: #3F81FD1F; + --surface-transparent-positive: #1A9E321F; + --surface-transparent-warning: #FA5F051F; + --surface-transparent-negative: #FF293E1F; --on-dark-surface-solid-primary-hover: #1C1C1CFF; --on-dark-surface-solid-primary-active: #121212FF; --on-dark-surface-solid-primary: #171717; @@ -170,28 +158,25 @@ export const plasma_web__dark = ([ --on-dark-surface-solid-card: #171717; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: rgba(255, 255, 255, 1); + --on-dark-surface-solid-default: #FFFFFFFF; --on-dark-surface-transparent-primary-hover: #FFFFFF1F; --on-dark-surface-transparent-primary-active: #FFFFFF0A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; --on-dark-surface-transparent-secondary-active: #FFFFFF0F; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; --on-dark-surface-transparent-tertiary-active: #FFFFFF24; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-deep-hover: #FFFFFFC2; --on-dark-surface-transparent-deep-active: #FFFFFF94; - --on-dark-surface-transparent-deep: rgba(255, 255, 255, 0.64); + --on-dark-surface-transparent-deep: #FFFFFFA3; --on-dark-surface-transparent-card-hover: #FFFFFF3D; --on-dark-surface-transparent-card-active: #FFFFFF0F; - --on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-card: #FFFFFF1F; --on-dark-surface-accent-hover: #5D95FDFF; --on-dark-surface-accent-active: #357BFDFF; --on-dark-surface-accent: #3F81FD; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-dark-surface-positive-hover: #1DAF37FF; --on-dark-surface-positive-active: #18952FFF; --on-dark-surface-positive: #1A9E32; @@ -212,31 +197,28 @@ export const plasma_web__dark = ([ --on-light-surface-solid-tertiary: #DDDDDD; --on-light-surface-solid-card-hover: #FFFFFFFF; --on-light-surface-solid-card-active: #FFFFFFFF; - --on-light-surface-solid-card: rgba(255, 255, 255, 1); + --on-light-surface-solid-card: #FFFFFFFF; --on-light-surface-solid-default-hover: #0D0D0DFF; --on-light-surface-solid-default-active: #030303FF; --on-light-surface-solid-default: #080808; --on-light-surface-transparent-primary-hover: #08080812; --on-light-surface-transparent-primary-active: #08080803; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.03); + --on-light-surface-transparent-primary: #08080808; --on-light-surface-transparent-secondary-hover: #0808081F; --on-light-surface-transparent-secondary-active: #0808080A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808083D; --on-light-surface-transparent-tertiary-active: #0808080F; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #080808C2; --on-light-surface-transparent-deep-active: #08080894; - --on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64); + --on-light-surface-transparent-deep: #080808A3; --on-light-surface-transparent-card-hover: #FFFFFFFF; --on-light-surface-transparent-card-active: #FFFFFFFF; - --on-light-surface-transparent-card: rgba(255, 255, 255, 1); + --on-light-surface-transparent-card: #FFFFFFFF; --on-light-surface-accent-hover: #4886F9FF; --on-light-surface-accent-active: #206CF8FF; --on-light-surface-accent: #2A72F8; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-surface-positive-hover: #1DAF37FF; --on-light-surface-positive-active: #18952FFF; --on-light-surface-positive: #1A9E32; @@ -249,38 +231,96 @@ export const plasma_web__dark = ([ --background-primary: #080808; --dark-background-primary: #080808; --light-background-primary: #F9F9F9; - --overlay-soft: rgba(8, 8, 8, 0.56); - --overlay-hard: rgba(8, 8, 8, 0.96); - --overlay-blur: rgba(8, 8, 8, 0.28); - --on-dark-overlay-soft: rgba(8, 8, 8, 0.56); - --on-dark-overlay-hard: rgba(8, 8, 8, 0.96); - --on-dark-overlay-blur: rgba(8, 8, 8, 0.28); - --on-light-overlay-soft: rgba(249, 249, 249, 0.56); - --on-light-overlay-hard: rgba(249, 249, 249, 0.96); - --on-light-overlay-blur: rgba(249, 249, 249, 0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); - --shadow-down-soft-s: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); - --shadow-down-soft-m: 0px 24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-down-soft-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-down-hard-s: 0px 4px 12px -3px rgba(8, 8, 8, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.08); - --shadow-down-hard-m: 0px 16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-down-hard-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.40); - --shadow-up-soft-s: 0px -4px 14px -4px rgba(8, 8, 8, 0.08), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-soft-m: 0px -24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-up-soft-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-up-hard-s: 0px -4px 12px -3px rgba(8, 8, 8, 0.20), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-hard-m: 0px -16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-up-hard-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.40); + --overlay-soft: #0808088F; + --overlay-hard: #080808F5; + --overlay-blur: #08080847; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080847; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F947; color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --on-dark-text-accent-gradient-hover: #CCCCCCFF; + --on-dark-text-accent-gradient-active: #E6E6E6FF; + --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --on-light-text-accent-gradient-hover: #CCCCCCFF; + --on-light-text-accent-gradient-active: #E6E6E6FF; + --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%),linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -300,64 +340,64 @@ export const plasma_web__dark = ([ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -376,7 +416,7 @@ export const plasma_web__dark = ([ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -705,6 +745,5 @@ export const plasma_web__dark = ([ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} -`, +}`, ] as unknown) as TemplateStringsArray; diff --git a/packages/themes/plasma-themes/src/themes/plasma_web__light.ts b/packages/themes/plasma-themes/src/themes/plasma_web__light.ts index 0974307a2a..a2389790f8 100644 --- a/packages/themes/plasma-themes/src/themes/plasma_web__light.ts +++ b/packages/themes/plasma-themes/src/themes/plasma_web__light.ts @@ -5,22 +5,19 @@ export const plasma_web__light = ([ :root { --text-primary-hover: #08080893; --text-primary-active: #080808C4; - --text-primary: rgba(8, 8, 8, 0.96); + --text-primary: #080808F5; --text-secondary-hover: #080808FF; --text-secondary-active: #080808AB; - --text-secondary: rgba(8, 8, 8, 0.56); + --text-secondary: #0808088F; --text-tertiary-hover: #080808FF; --text-tertiary-active: #08080856; - --text-tertiary: rgba(8, 8, 8, 0.28); + --text-tertiary: #08080847; --text-paragraph-hover: #0808087A; --text-paragraph-active: #080808A3; - --text-paragraph: rgba(8, 8, 8, 0.8); + --text-paragraph: #080808CC; --text-accent-hover: #528DFAFF; --text-accent-active: #075AF2FF; --text-accent: #2A72F8; - --text-accent-gradient-hover: #000000FF; - --text-accent-gradient-active: #CCCCCCFF; - --text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --text-positive-hover: #1FC13DFF; --text-positive-active: #147B27FF; --text-positive: #1A9E32; @@ -32,22 +29,19 @@ export const plasma_web__light = ([ --text-negative: #F31B31; --on-dark-text-primary-hover: #FFFFFF93; --on-dark-text-primary-active: #FFFFFFC4; - --on-dark-text-primary: rgba(255, 255, 255, 0.96); + --on-dark-text-primary: #FFFFFFF5; --on-dark-text-secondary-hover: #FFFFFFFF; --on-dark-text-secondary-active: #FFFFFFAB; - --on-dark-text-secondary: rgba(255, 255, 255, 0.56); + --on-dark-text-secondary: #FFFFFF8F; --on-dark-text-tertiary-hover: #FFFFFFFF; --on-dark-text-tertiary-active: #FFFFFF56; - --on-dark-text-tertiary: rgba(255, 255, 255, 0.28); + --on-dark-text-tertiary: #FFFFFF47; --on-dark-text-paragraph-hover: #FFFFFF7A; --on-dark-text-paragraph-active: #FFFFFFA3; - --on-dark-text-paragraph: rgba(255, 255, 255, 0.8); + --on-dark-text-paragraph: #FFFFFFCC; --on-dark-text-accent-hover: #689CFDFF; --on-dark-text-accent-active: #1767FDFF; --on-dark-text-accent: #3F81FD; - --on-dark-text-accent-gradient-hover: #000000FF; - --on-dark-text-accent-gradient-active: #CCCCCCFF; - --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%); --on-dark-text-positive-hover: #1FC13DFF; --on-dark-text-positive-active: #147B27FF; --on-dark-text-positive: #1A9E32; @@ -59,22 +53,19 @@ export const plasma_web__light = ([ --on-dark-text-negative: #FF293E; --on-light-text-primary-hover: #08080893; --on-light-text-primary-active: #080808C4; - --on-light-text-primary: rgba(8, 8, 8, 0.96); + --on-light-text-primary: #080808F5; --on-light-text-secondary-hover: #080808FF; --on-light-text-secondary-active: #080808AB; - --on-light-text-secondary: rgba(8, 8, 8, 0.56); + --on-light-text-secondary: #0808088F; --on-light-text-tertiary-hover: #080808FF; --on-light-text-tertiary-active: #08080856; - --on-light-text-tertiary: rgba(8, 8, 8, 0.28); + --on-light-text-tertiary: #08080847; --on-light-text-paragraph-hover: #0808087A; --on-light-text-paragraph-active: #080808A3; - --on-light-text-paragraph: rgba(8, 8, 8, 0.8); + --on-light-text-paragraph: #080808CC; --on-light-text-accent-hover: #528DFAFF; --on-light-text-accent-active: #075AF2FF; --on-light-text-accent: #2A72F8; - --on-light-text-accent-gradient-hover: #000000FF; - --on-light-text-accent-gradient-active: #CCCCCCFF; - --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-text-positive-hover: #1FC13DFF; --on-light-text-positive-active: #147B27FF; --on-light-text-positive: #1A9E32; @@ -86,16 +77,16 @@ export const plasma_web__light = ([ --on-light-text-negative: #F31B31; --inverse-text-primary-hover: #FFFFFF93; --inverse-text-primary-active: #FFFFFFC4; - --inverse-text-primary: rgba(255, 255, 255, 0.96); + --inverse-text-primary: #FFFFFFF5; --inverse-text-secondary-hover: #FFFFFFFF; --inverse-text-secondary-active: #FFFFFFAB; - --inverse-text-secondary: rgba(255, 255, 255, 0.56); + --inverse-text-secondary: #FFFFFF8F; --inverse-text-tertiary-hover: #FFFFFFFF; --inverse-text-tertiary-active: #FFFFFF56; - --inverse-text-tertiary: rgba(255, 255, 255, 0.28); + --inverse-text-tertiary: #FFFFFF47; --inverse-text-paragraph-hover: #FFFFFF7A; --inverse-text-paragraph-active: #FFFFFFA3; - --inverse-text-paragraph: rgba(255, 255, 255, 0.8); + --inverse-text-paragraph: #FFFFFFCC; --surface-solid-primary-hover: #FAFAFAFF; --surface-solid-primary-active: #F0F0F0FF; --surface-solid-primary: #F5F5F5; @@ -107,34 +98,31 @@ export const plasma_web__light = ([ --surface-solid-tertiary: #DDDDDD; --surface-solid-card-hover: #FFFFFFFF; --surface-solid-card-active: #FFFFFFFF; - --surface-solid-card: rgba(255, 255, 255, 1); + --surface-solid-card: #FFFFFFFF; --surface-solid-default-hover: #262626FF; --surface-solid-default-active: #030303FF; --surface-solid-default: #080808; --surface-transparent-primary-hover: #08080803; --surface-transparent-primary-active: #0808080D; - --surface-transparent-primary: rgba(8, 8, 8, 0.03); + --surface-transparent-primary: #08080808; --surface-transparent-secondary-hover: #08080805; --surface-transparent-secondary-active: #0808081A; - --surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --surface-transparent-secondary: #0808080F; --surface-transparent-tertiary-hover: #0808080A; --surface-transparent-tertiary-active: #08080829; - --surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --surface-transparent-tertiary: #0808081F; --surface-transparent-deep-hover: #0808088F; --surface-transparent-deep-active: #080808AD; - --surface-transparent-deep: rgba(8, 8, 8, 0.64); + --surface-transparent-deep: #080808A3; --surface-transparent-card-hover: #FFFFFFFF; --surface-transparent-card-active: #FFFFFFFF; - --surface-transparent-card: rgba(255, 255, 255, 1); + --surface-transparent-card: #FFFFFFFF; --surface-clear-hover: #FFFFFF00; --surface-clear-active: #FFFFFF00; - --surface-clear: rgba(255, 255, 255, 0); + --surface-clear: #FFFFFF00; --surface-accent-hover: #528DFAFF; --surface-accent-active: #1665F8FF; --surface-accent: #2A72F8; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --surface-transparent-accent-hover: #2A72F805; --surface-transparent-accent-active: #2A72F81A; --surface-positive-hover: #1EB83AFF; @@ -152,10 +140,10 @@ export const plasma_web__light = ([ --surface-transparent-warning-active: #FA5F051A; --surface-transparent-negative-hover: #F31B3105; --surface-transparent-negative-active: #F31B311A; - --surface-transparent-accent: rgba(42,114,248,0.06); - --surface-transparent-positive: rgba(26,158,50,0.06); - --surface-transparent-warning: rgba(250,95,5,0.06); - --surface-transparent-negative: rgba(243,27,49,0.06); + --surface-transparent-accent: #2A72F80F; + --surface-transparent-positive: #1A9E320F; + --surface-transparent-warning: #FA5F050F; + --surface-transparent-negative: #F31B310F; --on-dark-surface-solid-primary-hover: #363636FF; --on-dark-surface-solid-primary-active: #0D0D0DFF; --on-dark-surface-solid-primary: #171717; @@ -170,7 +158,7 @@ export const plasma_web__light = ([ --on-dark-surface-solid-card: #171717; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: rgba(255, 255, 255, 1); + --on-dark-surface-solid-default: #FFFFFFFF; --on-dark-surface-transparent-primary-hover: #363636FF; --on-dark-surface-transparent-primary-active: #0D0D0DFF; --on-dark-surface-transparent-primary: #171717; @@ -182,16 +170,13 @@ export const plasma_web__light = ([ --on-dark-surface-transparent-tertiary: #363636; --on-dark-surface-transparent-deep-hover: #FFFFFF8F; --on-dark-surface-transparent-deep-active: #FFFFFFAD; - --on-dark-surface-transparent-deep: rgba(255, 255, 255, 0.64); + --on-dark-surface-transparent-deep: #FFFFFFA3; --on-dark-surface-transparent-card-hover: #FFFFFF0A; --on-dark-surface-transparent-card-active: #FFFFFF29; - --on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-card: #FFFFFF1F; --on-dark-surface-accent-hover: #689CFDFF; --on-dark-surface-accent-active: #2B74FDFF; --on-dark-surface-accent: #3F81FD; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-dark-surface-positive-hover: #1EB83AFF; --on-dark-surface-positive-active: #178C2CFF; --on-dark-surface-positive: #1A9E32; @@ -212,31 +197,28 @@ export const plasma_web__light = ([ --on-light-surface-solid-tertiary: #DDDDDD; --on-light-surface-solid-card-hover: #FFFFFFFF; --on-light-surface-solid-card-active: #FFFFFFFF; - --on-light-surface-solid-card: rgba(255, 255, 255, 1); + --on-light-surface-solid-card: #FFFFFFFF; --on-light-surface-solid-default-hover: #262626FF; --on-light-surface-solid-default-active: #030303FF; --on-light-surface-solid-default: #080808; --on-light-surface-transparent-primary-hover: #08080803; --on-light-surface-transparent-primary-active: #0808080D; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.03); + --on-light-surface-transparent-primary: #08080808; --on-light-surface-transparent-secondary-hover: #08080805; --on-light-surface-transparent-secondary-active: #0808081A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808080A; --on-light-surface-transparent-tertiary-active: #08080829; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #0808088F; --on-light-surface-transparent-deep-active: #080808AD; - --on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64); + --on-light-surface-transparent-deep: #080808A3; --on-light-surface-transparent-card-hover: #FFFFFFFF; --on-light-surface-transparent-card-active: #FFFFFFFF; - --on-light-surface-transparent-card: rgba(255, 255, 255, 1); + --on-light-surface-transparent-card: #FFFFFFFF; --on-light-surface-accent-hover: #528DFAFF; --on-light-surface-accent-active: #1665F8FF; --on-light-surface-accent: #2A72F8; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-surface-positive-hover: #1EB83AFF; --on-light-surface-positive-active: #178C2CFF; --on-light-surface-positive: #1A9E32; @@ -249,38 +231,96 @@ export const plasma_web__light = ([ --background-primary: #F9F9F9; --dark-background-primary: #080808; --light-background-primary: #F9F9F9; - --overlay-soft: rgba(249, 249, 249, 0.56); - --overlay-hard: rgba(249, 249, 249, 0.96); - --overlay-blur: rgba(249, 249, 249, 0.28); - --on-dark-overlay-soft: rgba(8, 8, 8, 0.56); - --on-dark-overlay-hard: rgba(8, 8, 8, 0.96); - --on-dark-overlay-blur: rgba(8, 8, 8, 0.28); - --on-light-overlay-soft: rgba(249, 249, 249, 0.56); - --on-light-overlay-hard: rgba(249, 249, 249, 0.96); - --on-light-overlay-blur: rgba(249, 249, 249, 0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); - --shadow-down-soft-s: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); - --shadow-down-soft-m: 0px 24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-down-soft-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-down-hard-s: 0px 4px 12px -3px rgba(8, 8, 8, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.08); - --shadow-down-hard-m: 0px 16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-down-hard-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.40); - --shadow-up-soft-s: 0px -4px 14px -4px rgba(8, 8, 8, 0.08), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-soft-m: 0px -24px 48px -8px rgba(0, 0, 0, 0.08); - --shadow-up-soft-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.08); - --shadow-up-hard-s: 0px -4px 12px -3px rgba(8, 8, 8, 0.20), 0px -1px 4px -1px rgba(0, 0, 0, 0.03); - --shadow-up-hard-m: 0px -16px 32px -8px rgba(0, 0, 0, 0.24); - --shadow-up-hard-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.40); + --overlay-soft: #F9F9F98F; + --overlay-hard: #F9F9F9F5; + --overlay-blur: #F9F9F947; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080847; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F947; color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-accent-gradient-hover: #000000FF; + --text-accent-gradient-active: #CCCCCCFF; + --text-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-dark-text-accent-gradient-hover: #000000FF; + --on-dark-text-accent-gradient-active: #CCCCCCFF; + --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%); + --on-light-text-accent-gradient-hover: #000000FF; + --on-light-text-accent-gradient-active: #CCCCCCFF; + --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -300,64 +340,64 @@ export const plasma_web__light = ([ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -376,7 +416,7 @@ export const plasma_web__light = ([ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -705,6 +745,5 @@ export const plasma_web__light = ([ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} -`, +}`, ] as unknown) as TemplateStringsArray; diff --git a/packages/themes/plasma-themes/src/themes/stylesSalute__dark.ts b/packages/themes/plasma-themes/src/themes/stylesSalute__dark.ts index 1cace12dd8..b853cf7e5d 100644 --- a/packages/themes/plasma-themes/src/themes/stylesSalute__dark.ts +++ b/packages/themes/plasma-themes/src/themes/stylesSalute__dark.ts @@ -36,21 +36,6 @@ export const stylesSalute__dark = ([ --text-accent-brand-hover: #A3C3FFFF; --text-accent-brand-active: #337AFFFF; --text-accent-brand: #528EFF; - --text-gradient-athena-hover: #CCCCCCFF; - --text-gradient-athena-active: #E6E6E6FF; - --text-gradient-athena: linear-gradient(93.97deg, #52BAFF 6.49%, #ADADFF 93.51%); - --text-gradient-joy-hover: #CCCCCCFF; - --text-gradient-joy-active: #E6E6E6FF; - --text-gradient-joy: linear-gradient(93.97deg, #FD9C68 6.49%, #F391E2 93.51%); - --text-gradient-b2-e-hover: #CCCCCCFF; - --text-gradient-b2-e-active: #E6E6E6FF; - --text-gradient-b2-e: linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%); - --text-gradient-brand-hover: #CCCCCCFF; - --text-gradient-brand-active: #E6E6E6FF; - --text-gradient-brand: linear-gradient(89.83deg, #528EFF 0%, #04C6C9 100%); - --text-gradient-main-hover: #CCCCCCFF; - --text-gradient-main-active: #E6E6E6FF; - --text-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%); --text-accent-main-hover: #2ACB47FF; --text-accent-main-active: #1F9835FF; --text-accent-main: #24B23E; @@ -87,36 +72,21 @@ export const stylesSalute__dark = ([ --on-dark-text-accent-brand-hover: #A3C3FFFF; --on-dark-text-accent-brand-active: #337AFFFF; --on-dark-text-accent-brand: #528EFF; - --on-dark-text-gradient-athena-hover: #CCCCCCFF; - --on-dark-text-gradient-athena-active: #E6E6E6FF; - --on-dark-text-gradient-athena: linear-gradient(93.97deg, #52BAFF 6.49%, #ADADFF 93.51%); - --on-dark-text-gradient-joy-hover: #CCCCCCFF; - --on-dark-text-gradient-joy-active: #E6E6E6FF; - --on-dark-text-gradient-joy: linear-gradient(93.97deg, #FD9C68 6.49%, #F391E2 93.51%); - --on-dark-text-gradient-b2-e-hover: #CCCCCCFF; - --on-dark-text-gradient-b2-e-active: #E6E6E6FF; - --on-dark-text-gradient-b2-e: linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%); - --on-dark-text-gradient-brand-hover: #CCCCCCFF; - --on-dark-text-gradient-brand-active: #E6E6E6FF; - --on-dark-text-gradient-brand: linear-gradient(89.83deg, #528EFF 0%, #04C6C9 100%); - --on-dark-text-gradient-main-hover: #CCCCCCFF; - --on-dark-text-gradient-main-active: #E6E6E6FF; - --on-dark-text-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%); --on-dark-text-accent-main-hover: #2ACB47FF; --on-dark-text-accent-main-active: #1F9835FF; --on-dark-text-accent-main: #24B23E; --on-light-text-primary-hover: #08080893; --on-light-text-primary-active: #080808C4; - --on-light-text-primary: rgba(8, 8, 8, 0.96); + --on-light-text-primary: #080808F5; --on-light-text-secondary-hover: #080808FF; --on-light-text-secondary-active: #080808AB; - --on-light-text-secondary: rgba(8, 8, 8, 0.56); + --on-light-text-secondary: #0808088F; --on-light-text-tertiary-hover: #080808FF; --on-light-text-tertiary-active: #08080856; --on-light-text-tertiary: #08080847; --on-light-text-paragraph-hover: #0808087A; --on-light-text-paragraph-active: #080808A3; - --on-light-text-paragraph: rgba(8, 8, 8, 0.8); + --on-light-text-paragraph: #080808CC; --on-light-text-positive-hover: #1EB83AFF; --on-light-text-positive-active: #15842AFF; --on-light-text-positive: #1A9E32; @@ -138,36 +108,21 @@ export const stylesSalute__dark = ([ --on-light-text-accent-brand-hover: #90B6FEFF; --on-light-text-accent-brand-active: #216EFDFF; --on-light-text-accent-brand: #3F81FD; - --on-light-text-gradient-athena-hover: #CCCCCCFF; - --on-light-text-gradient-athena-active: #E6E6E6FF; - --on-light-text-gradient-athena: linear-gradient(89.83deg, #118CDF 0%, #7A7AFF 100%); - --on-light-text-gradient-joy-hover: #CCCCCCFF; - --on-light-text-gradient-joy-active: #E6E6E6FF; - --on-light-text-gradient-joy: linear-gradient(89.83deg, #FCA349 0%, #FF52C5 100%); - --on-light-text-gradient-b2-e-hover: #CCCCCCFF; - --on-light-text-gradient-b2-e-active: #E6E6E6FF; - --on-light-text-gradient-b2-e: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); - --on-light-text-gradient-brand-hover: #CCCCCCFF; - --on-light-text-gradient-brand-active: #E6E6E6FF; - --on-light-text-gradient-brand: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); - --on-light-text-gradient-main-hover: #CCCCCCFF; - --on-light-text-gradient-main-active: #E6E6E6FF; - --on-light-text-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); --on-light-text-accent-main-hover: #1EB83AFF; --on-light-text-accent-main-active: #15842AFF; --on-light-text-accent-main: #1A9E32; --inverse-text-primary-hover: #08080893; --inverse-text-primary-active: #080808C4; - --inverse-text-primary: rgba(8, 8, 8, 0.96); + --inverse-text-primary: #080808F5; --inverse-text-secondary-hover: #080808FF; --inverse-text-secondary-active: #080808AB; - --inverse-text-secondary: rgba(8, 8, 8, 0.56); + --inverse-text-secondary: #0808088F; --inverse-text-tertiary-hover: #080808FF; --inverse-text-tertiary-active: #08080856; --inverse-text-tertiary: #08080847; --inverse-text-paragraph-hover: #0808087A; --inverse-text-paragraph-active: #080808A3; - --inverse-text-paragraph: rgba(8, 8, 8, 0.8); + --inverse-text-paragraph: #080808CC; --surface-solid-primary-hover: #1C1C1CFF; --surface-solid-primary-active: #121212FF; --surface-solid-primary: #171717; @@ -182,22 +137,22 @@ export const stylesSalute__dark = ([ --surface-solid-card: #171717; --surface-solid-default-hover: #FFFFFFFF; --surface-solid-default-active: #FFFFFFFF; - --surface-solid-default: #FFFFFF; + --surface-solid-default: #FFFFFFFF; --surface-transparent-primary-hover: #FFFFFF1F; --surface-transparent-primary-active: #FFFFFF0A; - --surface-transparent-primary: rgba(255, 255, 255, 0.06); + --surface-transparent-primary: #FFFFFF0F; --surface-transparent-secondary-hover: #FFFFFF3D; --surface-transparent-secondary-active: #FFFFFF0F; - --surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --surface-transparent-secondary: #FFFFFF1F; --surface-transparent-tertiary-hover: #FFFFFF52; --surface-transparent-tertiary-active: #FFFFFF24; - --surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --surface-transparent-tertiary: #FFFFFF33; --surface-transparent-card-hover: #FFFFFF1F; --surface-transparent-card-active: #FFFFFF0A; - --surface-transparent-card: rgba(255,255,255,0.06); + --surface-transparent-card: #FFFFFF0F; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0, 0, 0, 0); + --surface-clear: #00000000; --surface-positive-hover: #1DAF37FF; --surface-positive-active: #18952FFF; --surface-positive: #1A9E32; @@ -227,13 +182,9 @@ export const stylesSalute__dark = ([ --surface-speech-bubble-received: #FFFFFF0F; --surface-skeleton-hover: #FFFFFFFF; --surface-skeleton-active: #FFFFFFFF; - --surface-skeleton: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.01) 17.19%, rgba(255, 255, 255, 0.05) 40.24%, rgba(255, 255, 255, 0.06) 51.17%, rgba(255, 255, 255, 0.05) 62.12%, rgba(255, 255, 255, 0.01) 82.81%, rgba(255, 255, 255, 0.00) 100%); --surface-accent-main-hover: #1DAF37FF; --surface-accent-main-active: #18952FFF; --surface-accent-main: #1A9E32; - --surface-gradient-main-hover: #FFFFFFFF; - --surface-gradient-main-active: #FFFFFFFF; - --surface-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); --on-dark-surface-solid-primary-hover: #1C1C1CFF; --on-dark-surface-solid-primary-active: #121212FF; --on-dark-surface-solid-primary: #171717; @@ -248,19 +199,19 @@ export const stylesSalute__dark = ([ --on-dark-surface-solid-card: #171717; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: #FFFFFF; + --on-dark-surface-solid-default: #FFFFFFFF; --on-dark-surface-transparent-primary-hover: #FFFFFF1F; --on-dark-surface-transparent-primary-active: #FFFFFF0A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; --on-dark-surface-transparent-secondary-active: #FFFFFF0F; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; --on-dark-surface-transparent-tertiary-active: #FFFFFF24; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-card-hover: #FFFFFF1F; --on-dark-surface-transparent-card-active: #FFFFFF0A; - --on-dark-surface-transparent-card: rgba(255,255,255,0.06); + --on-dark-surface-transparent-card: #FFFFFF0F; --on-dark-surface-positive-hover: #1DAF37FF; --on-dark-surface-positive-active: #18952FFF; --on-dark-surface-positive: #1A9E32; @@ -285,9 +236,6 @@ export const stylesSalute__dark = ([ --on-dark-surface-accent-main-hover: #1DAF37FF; --on-dark-surface-accent-main-active: #18952FFF; --on-dark-surface-accent-main: #1A9E32; - --on-dark-surface-gradient-main-hover: #FFFFFFFF; - --on-dark-surface-gradient-main-active: #FFFFFFFF; - --on-dark-surface-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); --on-light-surface-solid-primary-hover: #FAFAFAFF; --on-light-surface-solid-primary-active: #F0F0F0FF; --on-light-surface-solid-primary: #F5F5F5; @@ -308,10 +256,10 @@ export const stylesSalute__dark = ([ --on-light-surface-transparent-primary: #08080808; --on-light-surface-transparent-secondary-hover: #0808081F; --on-light-surface-transparent-secondary-active: #0808080A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808083D; --on-light-surface-transparent-tertiary-active: #0808080F; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #080808C2; --on-light-surface-transparent-deep-active: #08080894; --on-light-surface-transparent-deep: #080808A2; @@ -342,31 +290,135 @@ export const stylesSalute__dark = ([ --on-light-surface-accent-main-hover: #1DAF37FF; --on-light-surface-accent-main-active: #18952FFF; --on-light-surface-accent-main: #1A9E32; - --on-light-surface-gradient-main-hover: #FFFFFFFF; - --on-light-surface-gradient-main-active: #FFFFFFFF; - --on-light-surface-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); --background-primary: #000000FF; --background-secondary: #171717; - --background-modal-sheet: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(1, 182, 255, 0) 50%), #080808FF; - --background-mobile-assistant-athena: linear-gradient(336.9deg, #143787 0%, rgba(8, 8, 8, 0) 64.95%), radial-gradient(66.53% 100% at 73.33% 100%, rgba(110, 5, 193, 0.44) 0%, rgba(53, 19, 149, 0.1) 99.69%), linear-gradient(180.03deg, rgba(8, 8, 8, 0) 50%, rgba(25, 63, 152, 0.41) 99.97%), linear-gradient(270deg, rgba(39, 15, 107, 0.3) 0%, rgba(8, 8, 8, 0) 100%), #080808FF; - --background-mobile-assistant-joy: linear-gradient(336.9deg, rgba(255, 156, 101, 0.24) 0%, rgba(8, 8, 8, 0) 64.95%), radial-gradient(66.53% 100% at 73.33% 100%, rgba(61, 19, 149, 0.34) 0%, rgba(19, 24, 149, 0.1) 99.69%), linear-gradient(180.03deg, rgba(8, 8, 8, 0) 50%, rgba(255, 215, 179, 0.15) 99.97%), linear-gradient(270deg, rgba(107, 15, 87, 0.2) 0%, rgba(8, 8, 8, 0) 100%), #080808FF; - --background-mobile-assistant-b2-e: linear-gradient(336.84deg, rgba(20, 116, 70, 0.6) 0%, rgba(8, 8, 8, 0) 64.88%), radial-gradient(100% 100% at 75.89% 100%, rgba(0, 133, 255, 0.24) 0%, rgba(0, 71, 255, 0.03) 100%), linear-gradient(180deg, rgba(8, 8, 8, 0) 50%, rgba(7, 71, 33, 0.3) 100%), linear-gradient(270deg, #061621 0%, rgba(8, 8, 8, 0) 100%), #080808FF; - --background-mobile-assistant-brand: linear-gradient(336.9deg, #184BAB 0%, rgba(8, 8, 8, 0) 64.95%), radial-gradient(66.53% 100% at 73.33% 100%, rgba(22, 69, 164, 0.44) 0%, rgba(11, 39, 45, 0.1) 100%), linear-gradient(180.03deg, rgba(8, 8, 8, 0) 50%, rgba(22, 69, 164, 0.41) 99.97%), linear-gradient(269.47deg, rgba(22, 69, 164, 0.3) 0.52%, rgba(8, 8, 8, 0) 99.61%), #080808FF; - --background-mobile-assistant-main: linear-gradient(336.84deg, rgba(20, 116, 70, 0.6) 0%, rgba(8, 8, 8, 0) 64.88%), radial-gradient(100% 100% at 75.89% 100%, rgba(0, 133, 255, 0.24) 0%, rgba(0, 71, 255, 0.03) 100%), linear-gradient(180deg, rgba(8, 8, 8, 0) 50%, rgba(7, 71, 33, 0.3) 100%), linear-gradient(270deg, #061621 0%, rgba(8, 8, 8, 0) 100%), #080808FF; - --on-dark-overlay-soft: rgba(0, 0, 0, 0.56); + --on-dark-overlay-soft: #0000008F; --on-dark-overlay-hard: #000000EB; --on-dark-overlay-blur: #26262647; - --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-gradient-athena-hover: #CCCCCCFF; + --text-gradient-athena-active: #E6E6E6FF; + --text-gradient-athena: linear-gradient(93.97deg, #52BAFFFF 6.49%, #ADADFFFF 93.51%); + --text-gradient-joy-hover: #CCCCCCFF; + --text-gradient-joy-active: #E6E6E6FF; + --text-gradient-joy: linear-gradient(93.97deg, #FD9C68FF 6.49%, #F391E2FF 93.51%); + --text-gradient-b2-e-hover: #CCCCCCFF; + --text-gradient-b2-e-active: #E6E6E6FF; + --text-gradient-b2-e: linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%); + --text-gradient-brand-hover: #CCCCCCFF; + --text-gradient-brand-active: #E6E6E6FF; + --text-gradient-brand: linear-gradient(89.83deg, #528EFFFF 0%, #04C6C9FF 100%); + --text-gradient-main-hover: #CCCCCCFF; + --text-gradient-main-active: #E6E6E6FF; + --text-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%); + --on-dark-text-gradient-athena-hover: #CCCCCCFF; + --on-dark-text-gradient-athena-active: #E6E6E6FF; + --on-dark-text-gradient-athena: linear-gradient(93.97deg, #52BAFFFF 6.49%, #ADADFFFF 93.51%); + --on-dark-text-gradient-joy-hover: #CCCCCCFF; + --on-dark-text-gradient-joy-active: #E6E6E6FF; + --on-dark-text-gradient-joy: linear-gradient(93.97deg, #FD9C68FF 6.49%, #F391E2FF 93.51%); + --on-dark-text-gradient-b2-e-hover: #CCCCCCFF; + --on-dark-text-gradient-b2-e-active: #E6E6E6FF; + --on-dark-text-gradient-b2-e: linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%); + --on-dark-text-gradient-brand-hover: #CCCCCCFF; + --on-dark-text-gradient-brand-active: #E6E6E6FF; + --on-dark-text-gradient-brand: linear-gradient(89.83deg, #528EFFFF 0%, #04C6C9FF 100%); + --on-dark-text-gradient-main-hover: #CCCCCCFF; + --on-dark-text-gradient-main-active: #E6E6E6FF; + --on-dark-text-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%); + --on-light-text-gradient-athena-hover: #CCCCCCFF; + --on-light-text-gradient-athena-active: #E6E6E6FF; + --on-light-text-gradient-athena: linear-gradient(89.83deg, #118CDFFF 0%, #7A7AFFFF 100%); + --on-light-text-gradient-joy-hover: #CCCCCCFF; + --on-light-text-gradient-joy-active: #E6E6E6FF; + --on-light-text-gradient-joy: linear-gradient(89.83deg, #FCA349FF 0%, #FF52C5FF 100%); + --on-light-text-gradient-b2-e-hover: #CCCCCCFF; + --on-light-text-gradient-b2-e-active: #E6E6E6FF; + --on-light-text-gradient-b2-e: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --on-light-text-gradient-brand-hover: #CCCCCCFF; + --on-light-text-gradient-brand-active: #E6E6E6FF; + --on-light-text-gradient-brand: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-light-text-gradient-main-hover: #CCCCCCFF; + --on-light-text-gradient-main-active: #E6E6E6FF; + --on-light-text-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --surface-skeleton: linear-gradient(90deg, #FFFFFF00 0%, #FFFFFF03 17.19%, #FFFFFF0D 40.24%, #FFFFFF0F 51.17%, #FFFFFF0D 62.12%, #FFFFFF03 82.81%, #FFFFFF00 100%); + --surface-gradient-main-hover: #FFFFFFFF; + --surface-gradient-main-active: #FFFFFFFF; + --surface-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-gradient-main-hover: #FFFFFFFF; + --on-dark-surface-gradient-main-active: #FFFFFFFF; + --on-dark-surface-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-gradient-main-hover: #FFFFFFFF; + --on-light-surface-gradient-main-active: #FFFFFFFF; + --on-light-surface-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --background-modal-sheet: linear-gradient(180deg, #FFFFFF1A 0%, #01B6FF00 50%),#080808FF; + --background-mobile-assistant-athena: linear-gradient(336.9deg, #143787FF 0%, #08080800 64.95%),radial-gradient(66.53% 100% at 73.33% 100%, #6E05C170 0%, #3513951A 99.69%),linear-gradient(180.03deg, #08080800 50%, #193F9869 99.97%),linear-gradient(270deg, #270F6B4D 0%, #08080800 100%),#080808FF; + --background-mobile-assistant-joy: linear-gradient(336.9deg, #FF9C653D 0%, #08080800 64.95%),radial-gradient(66.53% 100% at 73.33% 100%, #3D139557 0%, #1318951A 99.69%),linear-gradient(180.03deg, #08080800 50%, #FFD7B326 99.97%),linear-gradient(270deg, #6B0F5733 0%, #08080800 100%),#080808FF; + --background-mobile-assistant-b2-e: linear-gradient(336.84deg, #14744699 0%, #08080800 64.88%),radial-gradient(100% 100% at 75.89% 100%, #0085FF3D 0%, #0047FF08 100%),linear-gradient(180deg, #08080800 50%, #0747214D 100%),linear-gradient(270deg, #061621FF 0%, #08080800 100%),#080808FF; + --background-mobile-assistant-brand: linear-gradient(336.9deg, #184BABFF 0%, #08080800 64.95%),radial-gradient(66.53% 100% at 73.33% 100%, #1645A470 0%, #0B272D1A 100%),linear-gradient(180.03deg, #08080800 50%, #1645A469 99.97%),linear-gradient(269.47deg, #1645A44D 0.52%, #08080800 99.61%),#080808FF; + --background-mobile-assistant-main: linear-gradient(336.84deg, #14744699 0%, #08080800 64.88%),radial-gradient(100% 100% at 75.89% 100%, #0085FF3D 0%, #0047FF08 100%),linear-gradient(180deg, #08080800 50%, #0747214D 100%),linear-gradient(270deg, #061621FF 0%, #08080800 100%),#080808FF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -386,64 +438,64 @@ export const stylesSalute__dark = ([ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -462,7 +514,7 @@ export const stylesSalute__dark = ([ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -791,6 +843,5 @@ export const stylesSalute__dark = ([ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} -`, +}`, ] as unknown) as TemplateStringsArray; diff --git a/packages/themes/plasma-themes/src/themes/stylesSalute__light.ts b/packages/themes/plasma-themes/src/themes/stylesSalute__light.ts index e51ae0019f..3a43678cfb 100644 --- a/packages/themes/plasma-themes/src/themes/stylesSalute__light.ts +++ b/packages/themes/plasma-themes/src/themes/stylesSalute__light.ts @@ -5,16 +5,16 @@ export const stylesSalute__light = ([ :root { --text-primary-hover: #08080893; --text-primary-active: #080808C4; - --text-primary: rgba(8, 8, 8, 0.96); + --text-primary: #080808F5; --text-secondary-hover: #080808FF; --text-secondary-active: #080808AB; - --text-secondary: rgba(8, 8, 8, 0.56); + --text-secondary: #0808088F; --text-tertiary-hover: #080808FF; --text-tertiary-active: #08080856; --text-tertiary: #08080847; --text-paragraph-hover: #0808087A; --text-paragraph-active: #080808A3; - --text-paragraph: rgba(8, 8, 8, 0.8); + --text-paragraph: #080808CC; --text-positive-hover: #1FC13DFF; --text-positive-active: #147B27FF; --text-positive: #1A9E32; @@ -36,24 +36,9 @@ export const stylesSalute__light = ([ --text-accent-brand-hover: #689CFDFF; --text-accent-brand-active: #1767FDFF; --text-accent-brand: #3F81FD; - --text-gradient-athena-hover: #000000FF; - --text-gradient-athena-active: #CCCCCCFF; - --text-gradient-athena: linear-gradient(89.83deg, #118CDF 0%, #7A7AFF 100%); - --text-gradient-joy-hover: #000000FF; - --text-gradient-joy-active: #CCCCCCFF; - --text-gradient-joy: linear-gradient(89.83deg, #FCA349 0%, #FF52C5 100%); - --text-gradient-brand-hover: #000000FF; - --text-gradient-brand-active: #CCCCCCFF; - --text-gradient-brand: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --text-accent-main-hover: #1FC13DFF; --text-accent-main-active: #147B27FF; --text-accent-main: #1A9E32; - --text-gradient-b2-e-hover: #000000FF; - --text-gradient-b2-e-active: #CCCCCCFF; - --text-gradient-b2-e: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); - --text-gradient-main-hover: #000000FF; - --text-gradient-main-active: #CCCCCCFF; - --text-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); --on-dark-text-primary-hover: #FFFFFF93; --on-dark-text-primary-active: #FFFFFFC4; --on-dark-text-primary: #FFFFFFF5; @@ -87,36 +72,21 @@ export const stylesSalute__light = ([ --on-dark-text-accent-brand-hover: #7AA9FFFF; --on-dark-text-accent-brand-active: #2974FFFF; --on-dark-text-accent-brand: #528EFF; - --on-dark-text-gradient-athena-hover: #000000FF; - --on-dark-text-gradient-athena-active: #CCCCCCFF; - --on-dark-text-gradient-athena: linear-gradient(93.97deg, #52BAFF 6.49%, #ADADFF 93.51%); - --on-dark-text-gradient-joy-hover: #000000FF; - --on-dark-text-gradient-joy-active: #CCCCCCFF; - --on-dark-text-gradient-joy: linear-gradient(93.97deg, #FD9C68 6.49%, #F391E2 93.51%); - --on-dark-text-gradient-b2-e-hover: #000000FF; - --on-dark-text-gradient-b2-e-active: #CCCCCCFF; - --on-dark-text-gradient-b2-e: linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%); - --on-dark-text-gradient-brand-hover: #000000FF; - --on-dark-text-gradient-brand-active: #CCCCCCFF; - --on-dark-text-gradient-brand: linear-gradient(89.83deg, #528EFF 0%, #04C6C9 100%); --on-dark-text-accent-main-hover: #2BD44AFF; --on-dark-text-accent-main-active: #1D9032FF; --on-dark-text-accent-main: #24B23E; - --on-dark-text-gradient-main-hover: #000000FF; - --on-dark-text-gradient-main-active: #CCCCCCFF; - --on-dark-text-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%); --on-light-text-primary-hover: #08080893; --on-light-text-primary-active: #080808C4; - --on-light-text-primary: rgba(8, 8, 8, 0.96); + --on-light-text-primary: #080808F5; --on-light-text-secondary-hover: #080808FF; --on-light-text-secondary-active: #080808AB; - --on-light-text-secondary: rgba(8, 8, 8, 0.56); + --on-light-text-secondary: #0808088F; --on-light-text-tertiary-hover: #080808FF; --on-light-text-tertiary-active: #08080856; --on-light-text-tertiary: #08080847; --on-light-text-paragraph-hover: #0808087A; --on-light-text-paragraph-active: #080808A3; - --on-light-text-paragraph: rgba(8, 8, 8, 0.8); + --on-light-text-paragraph: #080808CC; --on-light-text-positive-hover: #1FC13DFF; --on-light-text-positive-active: #147B27FF; --on-light-text-positive: #1A9E32; @@ -138,24 +108,9 @@ export const stylesSalute__light = ([ --on-light-text-accent-brand-hover: #689CFDFF; --on-light-text-accent-brand-active: #1767FDFF; --on-light-text-accent-brand: #3F81FD; - --on-light-text-gradient-athena-hover: #000000FF; - --on-light-text-gradient-athena-active: #CCCCCCFF; - --on-light-text-gradient-athena: linear-gradient(89.83deg, #118CDF 0%, #7A7AFF 100%); - --on-light-text-gradient-joy-hover: #000000FF; - --on-light-text-gradient-joy-active: #CCCCCCFF; - --on-light-text-gradient-joy: linear-gradient(89.83deg, #FCA349 0%, #FF52C5 100%); - --on-light-text-gradient-b2-e-hover: #000000FF; - --on-light-text-gradient-b2-e-active: #CCCCCCFF; - --on-light-text-gradient-b2-e: linear-gradient(89.83deg, #24B23E 0%, #00A6C7 100%); - --on-light-text-gradient-brand-hover: #000000FF; - --on-light-text-gradient-brand-active: #CCCCCCFF; - --on-light-text-gradient-brand: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%); --on-light-text-accent-main-hover: #1FC13DFF; --on-light-text-accent-main-active: #147B27FF; --on-light-text-accent-main: #1A9E32; - --on-light-text-gradient-main-hover: #000000FF; - --on-light-text-gradient-main-active: #CCCCCCFF; - --on-light-text-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A6C7 100%); --inverse-text-primary-hover: #FFFFFF93; --inverse-text-primary-active: #FFFFFFC4; --inverse-text-primary: #FFFFFFF5; @@ -188,16 +143,16 @@ export const stylesSalute__light = ([ --surface-transparent-primary: #08080808; --surface-transparent-secondary-hover: #08080805; --surface-transparent-secondary-active: #0808081A; - --surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --surface-transparent-secondary: #0808080F; --surface-transparent-tertiary-hover: #0808080A; --surface-transparent-tertiary-active: #08080829; - --surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --surface-transparent-tertiary: #0808081F; --surface-transparent-card-hover: #FFFFFFFF; --surface-transparent-card-active: #FFFFFFFF; --surface-transparent-card: #FFFFFFFF; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0, 0, 0, 0); + --surface-clear: #00000000; --surface-positive-hover: #1EB83AFF; --surface-positive-active: #178C2CFF; --surface-positive: #1A9E32; @@ -227,13 +182,9 @@ export const stylesSalute__light = ([ --surface-speech-bubble-received: #08080808; --surface-skeleton-hover: #FFFFFFFF; --surface-skeleton-active: #FFFFFFFF; - --surface-skeleton: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.01) 17.19%, rgba(0, 0, 0, 0.05) 40.24%, rgba(0, 0, 0, 0.06) 51.17%, rgba(0, 0, 0, 0.05) 62.12%, rgba(0, 0, 0, 0.01) 82.81%, rgba(0, 0, 0, 0.00) 100%); --surface-accent-main-hover: #1EB83AFF; --surface-accent-main-active: #178C2CFF; --surface-accent-main: #1A9E32; - --surface-gradient-main-hover: #FFFFFFFF; - --surface-gradient-main-active: #FFFFFFFF; - --surface-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); --on-dark-surface-solid-primary-hover: #363636FF; --on-dark-surface-solid-primary-active: #0D0D0DFF; --on-dark-surface-solid-primary: #171717; @@ -248,19 +199,19 @@ export const stylesSalute__light = ([ --on-dark-surface-solid-card: #171717; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #FFFFFFFF; - --on-dark-surface-solid-default: #FFFFFF; + --on-dark-surface-solid-default: #FFFFFFFF; --on-dark-surface-transparent-primary-hover: #FFFFFF05; --on-dark-surface-transparent-primary-active: #FFFFFF1A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF0A; --on-dark-surface-transparent-secondary-active: #FFFFFF29; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F; --on-dark-surface-transparent-tertiary-active: #FFFFFF3D; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-card-hover: #FFFFFF05; --on-dark-surface-transparent-card-active: #FFFFFF1A; - --on-dark-surface-transparent-card: rgba(255,255,255,0.06); + --on-dark-surface-transparent-card: #FFFFFF0F; --on-dark-surface-positive-hover: #1EB83AFF; --on-dark-surface-positive-active: #178C2CFF; --on-dark-surface-positive: #1A9E32; @@ -285,9 +236,6 @@ export const stylesSalute__light = ([ --on-dark-surface-accent-main-hover: #1EB83AFF; --on-dark-surface-accent-main-active: #178C2CFF; --on-dark-surface-accent-main: #1A9E32; - --on-dark-surface-gradient-main-hover: #FFFFFFFF; - --on-dark-surface-gradient-main-active: #FFFFFFFF; - --on-dark-surface-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); --on-light-surface-solid-primary-hover: #FAFAFAFF; --on-light-surface-solid-primary-active: #F0F0F0FF; --on-light-surface-solid-primary: #F5F5F5; @@ -308,10 +256,10 @@ export const stylesSalute__light = ([ --on-light-surface-transparent-primary: #08080808; --on-light-surface-transparent-secondary-hover: #08080805; --on-light-surface-transparent-secondary-active: #0808081A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808080A; --on-light-surface-transparent-tertiary-active: #08080829; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #0808088F; --on-light-surface-transparent-deep-active: #080808AD; --on-light-surface-transparent-deep: #080808A2; @@ -342,31 +290,135 @@ export const stylesSalute__light = ([ --on-light-surface-accent-main-hover: #1EB83AFF; --on-light-surface-accent-main-active: #178C2CFF; --on-light-surface-accent-main: #1A9E32; - --on-light-surface-gradient-main-hover: #FFFFFFFF; - --on-light-surface-gradient-main-active: #FFFFFFFF; - --on-light-surface-gradient-main: linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%); - --background-primary: #F2F2F2; - --background-secondary: #FFFFFF; - --background-mobile-assistant-athena: linear-gradient(336.9deg, rgba(0, 224, 255, 0.06) 0%, rgba(255, 255, 255, 0) 64.95%), radial-gradient(66.53% 100% at 73.33% 100%, rgba(0, 87, 255, 0.04) 0%, rgba(87, 8, 255, 0.01) 99.69%), linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(0, 224, 255, 0.06) 100%), linear-gradient(270deg, rgba(0, 71, 253, 0.02) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFFFF; - --background-mobile-assistant-joy: linear-gradient(336.9deg, rgba(240, 0, 187, 0.03) 0%, rgba(255, 255, 255, 0) 64.95%), radial-gradient(66.53% 100% at 73.33% 100%, rgba(148, 0, 238, 0.02) 0%, rgba(160, 4, 255, 0.01) 99.69%), linear-gradient(180.03deg, rgba(255, 255, 255, 0) 50%, rgba(255, 184, 0, 0.04) 99.97%), linear-gradient(270deg, rgba(240, 0, 187, 0.03) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFFFF; - --background-mobile-assistant-brand: linear-gradient(336.9deg, rgba(40, 197, 230, 0.06) 0%, rgba(255, 255, 255, 0) 64.95%), radial-gradient(66.53% 100% at 73.33% 100%, rgba(42, 114, 248, 0.04) 0%, rgba(41, 105, 227, 0.01) 99.69%), linear-gradient(180.03deg, rgba(42, 114, 248, 0) 50%, rgba(42, 114, 248, 0.04) 99.97%), linear-gradient(269.47deg, rgba(40, 197, 230, 0.03) 0.52%, rgba(255, 255, 255, 0) 99.61%), #FFFFFFFF; - --background-modal-sheet: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(1, 182, 255, 0.00) 100%), #F2F2F2; - --background-mobile-assistant-b2-e: linear-gradient(336.9deg, rgba(4, 255, 44, 0.02) 0%, rgba(255, 255, 255, 0) 64.95%), radial-gradient(100% 100% at 75.89% 100%, rgba(0, 179, 255, 0.06) 0%, rgba(0, 209, 255, 0.01) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(0, 251, 59, 0.05) 100%), linear-gradient(270deg, rgba(6, 195, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFFFF; - --background-mobile-assistant-main: linear-gradient(336.9deg, rgba(4, 255, 44, 0.02) 0%, rgba(255, 255, 255, 0) 64.95%), radial-gradient(100% 100% at 75.89% 100%, rgba(0, 179, 255, 0.06) 0%, rgba(0, 209, 255, 0.01) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(0, 251, 59, 0.05) 100%), linear-gradient(270deg, rgba(6, 195, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFFFF; - --on-dark-overlay-soft: rgba(0, 0, 0, 0.56); + --background-primary: #F2F2F2FF; + --background-secondary: #FFFFFFFF; + --on-dark-overlay-soft: #0000008F; --on-dark-overlay-hard: #000000EB; --on-dark-overlay-blur: #26262647; - --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-gradient-athena-hover: #000000FF; + --text-gradient-athena-active: #CCCCCCFF; + --text-gradient-athena: linear-gradient(89.83deg, #118CDFFF 0%, #7A7AFFFF 100%); + --text-gradient-joy-hover: #000000FF; + --text-gradient-joy-active: #CCCCCCFF; + --text-gradient-joy: linear-gradient(89.83deg, #FCA349FF 0%, #FF52C5FF 100%); + --text-gradient-brand-hover: #000000FF; + --text-gradient-brand-active: #CCCCCCFF; + --text-gradient-brand: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --text-gradient-b2-e-hover: #000000FF; + --text-gradient-b2-e-active: #CCCCCCFF; + --text-gradient-b2-e: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --text-gradient-main-hover: #000000FF; + --text-gradient-main-active: #CCCCCCFF; + --text-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --on-dark-text-gradient-athena-hover: #000000FF; + --on-dark-text-gradient-athena-active: #CCCCCCFF; + --on-dark-text-gradient-athena: linear-gradient(93.97deg, #52BAFFFF 6.49%, #ADADFFFF 93.51%); + --on-dark-text-gradient-joy-hover: #000000FF; + --on-dark-text-gradient-joy-active: #CCCCCCFF; + --on-dark-text-gradient-joy: linear-gradient(93.97deg, #FD9C68FF 6.49%, #F391E2FF 93.51%); + --on-dark-text-gradient-b2-e-hover: #000000FF; + --on-dark-text-gradient-b2-e-active: #CCCCCCFF; + --on-dark-text-gradient-b2-e: linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%); + --on-dark-text-gradient-brand-hover: #000000FF; + --on-dark-text-gradient-brand-active: #CCCCCCFF; + --on-dark-text-gradient-brand: linear-gradient(89.83deg, #528EFFFF 0%, #04C6C9FF 100%); + --on-dark-text-gradient-main-hover: #000000FF; + --on-dark-text-gradient-main-active: #CCCCCCFF; + --on-dark-text-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%); + --on-light-text-gradient-athena-hover: #000000FF; + --on-light-text-gradient-athena-active: #CCCCCCFF; + --on-light-text-gradient-athena: linear-gradient(89.83deg, #118CDFFF 0%, #7A7AFFFF 100%); + --on-light-text-gradient-joy-hover: #000000FF; + --on-light-text-gradient-joy-active: #CCCCCCFF; + --on-light-text-gradient-joy: linear-gradient(89.83deg, #FCA349FF 0%, #FF52C5FF 100%); + --on-light-text-gradient-b2-e-hover: #000000FF; + --on-light-text-gradient-b2-e-active: #CCCCCCFF; + --on-light-text-gradient-b2-e: linear-gradient(89.83deg, #24B23EFF 0%, #00A6C7FF 100%); + --on-light-text-gradient-brand-hover: #000000FF; + --on-light-text-gradient-brand-active: #CCCCCCFF; + --on-light-text-gradient-brand: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%); + --on-light-text-gradient-main-hover: #000000FF; + --on-light-text-gradient-main-active: #CCCCCCFF; + --on-light-text-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A6C7FF 100%); + --surface-skeleton: linear-gradient(90deg, #00000000 0%, #00000003 17.19%, #0000000D 40.24%, #0000000F 51.17%, #0000000D 62.12%, #00000003 82.81%, #00000000 100%); + --surface-gradient-main-hover: #FFFFFFFF; + --surface-gradient-main-active: #FFFFFFFF; + --surface-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-gradient-main-hover: #FFFFFFFF; + --on-dark-surface-gradient-main-active: #FFFFFFFF; + --on-dark-surface-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-gradient-main-hover: #FFFFFFFF; + --on-light-surface-gradient-main-active: #FFFFFFFF; + --on-light-surface-gradient-main: linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --background-mobile-assistant-athena: linear-gradient(336.9deg, #00E0FF0F 0%, #FFFFFF00 64.95%),radial-gradient(66.53% 100% at 73.33% 100%, #0057FF0A 0%, #5708FF03 99.69%),linear-gradient(180deg, #FFFFFF00 50%, #00E0FF0F 100%),linear-gradient(270deg, #0047FD05 0%, #FFFFFF00 100%),#FFFFFFFF; + --background-mobile-assistant-joy: linear-gradient(336.9deg, #F000BB08 0%, #FFFFFF00 64.95%),radial-gradient(66.53% 100% at 73.33% 100%, #9400EE05 0%, #A004FF03 99.69%),linear-gradient(180.03deg, #FFFFFF00 50%, #FFB8000A 99.97%),linear-gradient(270deg, #F000BB08 0%, #FFFFFF00 100%),#FFFFFFFF; + --background-mobile-assistant-brand: linear-gradient(336.9deg, #28C5E60F 0%, #FFFFFF00 64.95%),radial-gradient(66.53% 100% at 73.33% 100%, #2A72F80A 0%, #2969E303 99.69%),linear-gradient(180.03deg, #2A72F800 50%, #2A72F80A 99.97%),linear-gradient(269.47deg, #28C5E608 0.52%, #FFFFFF00 99.61%),#FFFFFFFF; + --background-modal-sheet: linear-gradient(180deg, #FFFFFF00 0%, #01B6FF00 100%),#F2F2F2; + --background-mobile-assistant-b2-e: linear-gradient(336.9deg, #04FF2C05 0%, #FFFFFF00 64.95%),radial-gradient(100% 100% at 75.89% 100%, #00B3FF0F 0%, #00D1FF03 100%),linear-gradient(180deg, #FFFFFF00 50%, #00FB3B0D 100%),linear-gradient(270deg, #06C3FF0D 0%, #FFFFFF00 100%),#FFFFFFFF; + --background-mobile-assistant-main: linear-gradient(336.9deg, #04FF2C05 0%, #FFFFFF00 64.95%),radial-gradient(100% 100% at 75.89% 100%, #00B3FF0F 0%, #00D1FF03 100%),linear-gradient(180deg, #FFFFFF00 50%, #00FB3B0D 100%),linear-gradient(270deg, #06C3FF0D 0%, #FFFFFF00 100%),#FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -386,64 +438,64 @@ export const stylesSalute__light = ([ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -462,7 +514,7 @@ export const stylesSalute__light = ([ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -791,6 +843,5 @@ export const stylesSalute__light = ([ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} -`, +}`, ] as unknown) as TemplateStringsArray; diff --git a/packages/themes/plasma-themes/src/tokens/index.ts b/packages/themes/plasma-themes/src/tokens/index.ts index 74ecff3195..11f2e012df 100644 --- a/packages/themes/plasma-themes/src/tokens/index.ts +++ b/packages/themes/plasma-themes/src/tokens/index.ts @@ -1,2514 +1,2786 @@ // Generated by robots, do not change this manually! /** Основной цвет текста */ -export const textPrimary = 'var(--text-primary, #080808F5)'; +export const textPrimary = 'var(--text-primary)'; /** Основной цвет текста */ -export const textPrimaryHover = 'var(--text-primary-hover, #08080893)'; +export const textPrimaryHover = 'var(--text-primary-hover)'; /** Основной цвет текста */ -export const textPrimaryActive = 'var(--text-primary-active, #080808C4)'; +export const textPrimaryActive = 'var(--text-primary-active)'; /** Вторичный цвет текста */ -export const textSecondary = 'var(--text-secondary, #0808088F)'; +export const textSecondary = 'var(--text-secondary)'; /** Вторичный цвет текста */ -export const textSecondaryHover = 'var(--text-secondary-hover, #080808FF)'; +export const textSecondaryHover = 'var(--text-secondary-hover)'; /** Вторичный цвет текста */ -export const textSecondaryActive = 'var(--text-secondary-active, #080808AB)'; +export const textSecondaryActive = 'var(--text-secondary-active)'; /** Третичный цвет текста */ -export const textTertiary = 'var(--text-tertiary, #08080847)'; +export const textTertiary = 'var(--text-tertiary)'; /** Третичный цвет текста */ -export const textTertiaryHover = 'var(--text-tertiary-hover, #080808FF)'; +export const textTertiaryHover = 'var(--text-tertiary-hover)'; /** Третичный цвет текста */ -export const textTertiaryActive = 'var(--text-tertiary-active, #08080856)'; +export const textTertiaryActive = 'var(--text-tertiary-active)'; /** Сплошной наборный текст */ -export const textParagraph = 'var(--text-paragraph, #080808CC)'; +export const textParagraph = 'var(--text-paragraph)'; /** Сплошной наборный текст */ -export const textParagraphHover = 'var(--text-paragraph-hover, #0808087A)'; +export const textParagraphHover = 'var(--text-paragraph-hover)'; /** Сплошной наборный текст */ -export const textParagraphActive = 'var(--text-paragraph-active, #080808A3)'; +export const textParagraphActive = 'var(--text-paragraph-active)'; /** Акцентный цвет */ -export const textAccent = 'var(--text-accent, #108E26)'; +export const textAccent = 'var(--text-accent)'; /** Акцентный цвет */ -export const textAccentHover = 'var(--text-accent-hover, #14B32EFF)'; +export const textAccentHover = 'var(--text-accent-hover)'; /** Акцентный цвет */ -export const textAccentActive = 'var(--text-accent-active, #0C6A1BFF)'; +export const textAccentActive = 'var(--text-accent-active)'; /** Акцентный минорный цвет */ -export const textAccentMinor = 'var(--text-accent-minor, #0A2B10)'; +export const textAccentMinor = 'var(--text-accent-minor)'; /** Акцентный минорный цвет */ -export const textAccentMinorHover = 'var(--text-accent-minor-hover, #196B28FF)'; +export const textAccentMinorHover = 'var(--text-accent-minor-hover)'; /** Акцентный минорный цвет */ -export const textAccentMinorActive = 'var(--text-accent-minor-active, #114A1CFF)'; +export const textAccentMinorActive = 'var(--text-accent-minor-active)'; /** Цвет успеха */ -export const textPositive = 'var(--text-positive, #108E26)'; +export const textPositive = 'var(--text-positive)'; /** Цвет успеха */ -export const textPositiveHover = 'var(--text-positive-hover, #14B32EFF)'; +export const textPositiveHover = 'var(--text-positive-hover)'; /** Цвет успеха */ -export const textPositiveActive = 'var(--text-positive-active, #0C6A1BFF)'; +export const textPositiveActive = 'var(--text-positive-active)'; /** Цвет предупреждения */ -export const textWarning = 'var(--text-warning, #E85702)'; +export const textWarning = 'var(--text-warning)'; /** Цвет предупреждения */ -export const textWarningHover = 'var(--text-warning-hover, #FD6B17FF)'; +export const textWarningHover = 'var(--text-warning-hover)'; /** Цвет предупреждения */ -export const textWarningActive = 'var(--text-warning-active, #C04802FF)'; +export const textWarningActive = 'var(--text-warning-active)'; /** Цвет ошибки */ -export const textNegative = 'var(--text-negative, #F31B31)'; +export const textNegative = 'var(--text-negative)'; /** Цвет ошибки */ -export const textNegativeHover = 'var(--text-negative-hover, #F54254FF)'; +export const textNegativeHover = 'var(--text-negative-hover)'; /** Цвет ошибки */ -export const textNegativeActive = 'var(--text-negative-active, #DA0B20FF)'; +export const textNegativeActive = 'var(--text-negative-active)'; /** Цвет информации */ -export const textInfo = 'var(--text-info, #0B7ECB)'; +export const textInfo = 'var(--text-info)'; /** Цвет информации */ -export const textInfoHover = 'var(--text-info-hover, #0D96F2FF)'; +export const textInfoHover = 'var(--text-info-hover)'; /** Цвет информации */ -export const textInfoActive = 'var(--text-info-active, #0966A5FF)'; +export const textInfoActive = 'var(--text-info-active)'; /** Минорный цвет успеха */ -export const textPositiveMinor = 'var(--text-positive-minor, #0A2B10)'; +export const textPositiveMinor = 'var(--text-positive-minor)'; /** Минорный цвет успеха */ -export const textPositiveMinorHover = 'var(--text-positive-minor-hover, #196B28FF)'; +export const textPositiveMinorHover = 'var(--text-positive-minor-hover)'; /** Минорный цвет успеха */ -export const textPositiveMinorActive = 'var(--text-positive-minor-active, #114A1CFF)'; +export const textPositiveMinorActive = 'var(--text-positive-minor-active)'; /** Минорный цвет предупреждения */ -export const textWarningMinor = 'var(--text-warning-minor, #3D1D0A)'; +export const textWarningMinor = 'var(--text-warning-minor)'; /** Минорный цвет предупреждения */ -export const textWarningMinorHover = 'var(--text-warning-minor-hover, #843E15FF)'; +export const textWarningMinorHover = 'var(--text-warning-minor-hover)'; /** Минорный цвет предупреждения */ -export const textWarningMinorActive = 'var(--text-warning-minor-active, #602D10FF)'; +export const textWarningMinorActive = 'var(--text-warning-minor-active)'; /** Минорный цвет ошибки */ -export const textNegativeMinor = 'var(--text-negative-minor, #4A0D13)'; +export const textNegativeMinor = 'var(--text-negative-minor)'; /** Минорный цвет ошибки */ -export const textNegativeMinorHover = 'var(--text-negative-minor-hover, #8F1925FF)'; +export const textNegativeMinorHover = 'var(--text-negative-minor-hover)'; /** Минорный цвет ошибки */ -export const textNegativeMinorActive = 'var(--text-negative-minor-active, #6C131CFF)'; +export const textNegativeMinorActive = 'var(--text-negative-minor-active)'; /** Минорный цвет информации */ -export const textInfoMinor = 'var(--text-info-minor, #0C283B)'; +export const textInfoMinor = 'var(--text-info-minor)'; /** Минорный цвет информации */ -export const textInfoMinorHover = 'var(--text-info-minor-hover, #1A577FFF)'; +export const textInfoMinorHover = 'var(--text-info-minor-hover)'; /** Минорный цвет информации */ -export const textInfoMinorActive = 'var(--text-info-minor-active, #13405DFF)'; +export const textInfoMinorActive = 'var(--text-info-minor-active)'; /** Основной цвет текста на темном фоне */ -export const onDarkTextPrimary = 'var(--on-dark-text-primary, rgba(255, 255, 255, 0.96))'; +export const onDarkTextPrimary = 'var(--on-dark-text-primary)'; /** Основной цвет текста на темном фоне */ -export const onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #FFFFFF93)'; +export const onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover)'; /** Основной цвет текста на темном фоне */ -export const onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #FFFFFFC4)'; +export const onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active)'; /** Вторичный цвет текста на темном фоне */ -export const onDarkTextSecondary = 'var(--on-dark-text-secondary, rgba(255, 255, 255, 0.56))'; +export const onDarkTextSecondary = 'var(--on-dark-text-secondary)'; /** Вторичный цвет текста на темном фоне */ -export const onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #FFFFFFFF)'; +export const onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover)'; /** Вторичный цвет текста на темном фоне */ -export const onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #FFFFFFAB)'; +export const onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active)'; /** Третичный цвет текста на темном фоне */ -export const onDarkTextTertiary = 'var(--on-dark-text-tertiary, rgba(255, 255, 255, 0.28))'; +export const onDarkTextTertiary = 'var(--on-dark-text-tertiary)'; /** Третичный цвет текста на темном фоне */ -export const onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #FFFFFFFF)'; +export const onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover)'; /** Третичный цвет текста на темном фоне */ -export const onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #FFFFFF56)'; +export const onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active)'; /** Сплошной наборный текст на темном фоне */ -export const onDarkTextParagraph = 'var(--on-dark-text-paragraph, rgba(255, 255, 255, 0.8))'; +export const onDarkTextParagraph = 'var(--on-dark-text-paragraph)'; /** Сплошной наборный текст на темном фоне */ -export const onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #FFFFFF7A)'; +export const onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover)'; /** Сплошной наборный текст на темном фоне */ -export const onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #FFFFFFA3)'; +export const onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active)'; /** Акцентный цвет на темном фоне */ -export const onDarkTextAccent = 'var(--on-dark-text-accent, #1A9E32)'; +export const onDarkTextAccent = 'var(--on-dark-text-accent)'; /** Акцентный цвет на темном фоне */ -export const onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #1FC13DFF)'; +export const onDarkTextAccentHover = 'var(--on-dark-text-accent-hover)'; /** Акцентный цвет на темном фоне */ -export const onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #147B27FF)'; +export const onDarkTextAccentActive = 'var(--on-dark-text-accent-active)'; /** Акцентный минорный цвет на темном фоне */ -export const onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #9EFAAF)'; +export const onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor)'; /** Акцентный минорный цвет на темном фоне */ -export const onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #C5FCCFFF)'; +export const onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover)'; /** Акцентный минорный цвет на темном фоне */ -export const onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #77F88FFF)'; +export const onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active)'; /** Цвет успеха на темном фоне */ -export const onDarkTextPositive = 'var(--on-dark-text-positive, #1A9E32)'; +export const onDarkTextPositive = 'var(--on-dark-text-positive)'; /** Цвет успеха на темном фоне */ -export const onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #1FC13DFF)'; +export const onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover)'; /** Цвет успеха на темном фоне */ -export const onDarkTextPositiveActive = 'var(--on-dark-text-positive-active, #147B27FF)'; +export const onDarkTextPositiveActive = 'var(--on-dark-text-positive-active)'; /** Цвет предупреждения на темном фоне */ -export const onDarkTextWarning = 'var(--on-dark-text-warning, #FA5F05)'; +export const onDarkTextWarning = 'var(--on-dark-text-warning)'; /** Цвет предупреждения на темном фоне */ -export const onDarkTextWarningHover = 'var(--on-dark-text-warning-hover, #FB782DFF)'; +export const onDarkTextWarningHover = 'var(--on-dark-text-warning-hover)'; /** Цвет предупреждения на темном фоне */ -export const onDarkTextWarningActive = 'var(--on-dark-text-warning-active, #D25004FF)'; +export const onDarkTextWarningActive = 'var(--on-dark-text-warning-active)'; /** Цвет ошибки на темном фоне */ -export const onDarkTextNegative = 'var(--on-dark-text-negative, #FF293E)'; +export const onDarkTextNegative = 'var(--on-dark-text-negative)'; /** Цвет ошибки на темном фоне */ -export const onDarkTextNegativeHover = 'var(--on-dark-text-negative-hover, #FF5263FF)'; +export const onDarkTextNegativeHover = 'var(--on-dark-text-negative-hover)'; /** Цвет ошибки на темном фоне */ -export const onDarkTextNegativeActive = 'var(--on-dark-text-negative-active, #FF001AFF)'; +export const onDarkTextNegativeActive = 'var(--on-dark-text-negative-active)'; /** Цвет информации на темном фоне */ -export const onDarkTextInfo = 'var(--on-dark-text-info, #118CDF)'; +export const onDarkTextInfo = 'var(--on-dark-text-info)'; /** Цвет информации на темном фоне */ -export const onDarkTextInfoHover = 'var(--on-dark-text-info-hover, #2AA0EFFF)'; +export const onDarkTextInfoHover = 'var(--on-dark-text-info-hover)'; /** Цвет информации на темном фоне */ -export const onDarkTextInfoActive = 'var(--on-dark-text-info-active, #0E75B9FF)'; +export const onDarkTextInfoActive = 'var(--on-dark-text-info-active)'; /** Минорный цвет успеха на темном фоне */ -export const onDarkTextPositiveMinor = 'var(--on-dark-text-positive-minor, #9EFAAF)'; +export const onDarkTextPositiveMinor = 'var(--on-dark-text-positive-minor)'; /** Минорный цвет успеха на темном фоне */ -export const onDarkTextPositiveMinorHover = 'var(--on-dark-text-positive-minor-hover, #C5FCCFFF)'; +export const onDarkTextPositiveMinorHover = 'var(--on-dark-text-positive-minor-hover)'; /** Минорный цвет успеха на темном фоне */ -export const onDarkTextPositiveMinorActive = 'var(--on-dark-text-positive-minor-active, #77F88FFF)'; +export const onDarkTextPositiveMinorActive = 'var(--on-dark-text-positive-minor-active)'; /** Минорный цвет предупреждения на темном фоне */ -export const onDarkTextWarningMinor = 'var(--on-dark-text-warning-minor, #FEE2D2)'; +export const onDarkTextWarningMinor = 'var(--on-dark-text-warning-minor)'; /** Минорный цвет предупреждения на темном фоне */ -export const onDarkTextWarningMinorHover = 'var(--on-dark-text-warning-minor-hover, #FFFCFAFF)'; +export const onDarkTextWarningMinorHover = 'var(--on-dark-text-warning-minor-hover)'; /** Минорный цвет предупреждения на темном фоне */ -export const onDarkTextWarningMinorActive = 'var(--on-dark-text-warning-minor-active, #FDC9AAFF)'; +export const onDarkTextWarningMinorActive = 'var(--on-dark-text-warning-minor-active)'; /** Минорный цвет ошибки на темном фоне */ -export const onDarkTextNegativeMinor = 'var(--on-dark-text-negative-minor, #FFE0E3)'; +export const onDarkTextNegativeMinor = 'var(--on-dark-text-negative-minor)'; /** Минорный цвет ошибки на темном фоне */ -export const onDarkTextNegativeMinorHover = 'var(--on-dark-text-negative-minor-hover, #FFFFFFFF)'; +export const onDarkTextNegativeMinorHover = 'var(--on-dark-text-negative-minor-hover)'; /** Минорный цвет ошибки на темном фоне */ -export const onDarkTextNegativeMinorActive = 'var(--on-dark-text-negative-minor-active, #FFB8BFFF)'; +export const onDarkTextNegativeMinorActive = 'var(--on-dark-text-negative-minor-active)'; /** Минорный цвет информации на темном фоне */ -export const onDarkTextInfoMinor = 'var(--on-dark-text-info-minor, #CFECFF)'; +export const onDarkTextInfoMinor = 'var(--on-dark-text-info-minor)'; /** Минорный цвет информации на темном фоне */ -export const onDarkTextInfoMinorHover = 'var(--on-dark-text-info-minor-hover, #FAFDFFFF)'; +export const onDarkTextInfoMinorHover = 'var(--on-dark-text-info-minor-hover)'; /** Минорный цвет информации на темном фоне */ -export const onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active, #A8DCFFFF)'; +export const onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active)'; /** Основной цвет текста на светлом фоне */ -export const onLightTextPrimary = 'var(--on-light-text-primary, #080808F5)'; +export const onLightTextPrimary = 'var(--on-light-text-primary)'; /** Основной цвет текста на светлом фоне */ -export const onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #08080893)'; +export const onLightTextPrimaryHover = 'var(--on-light-text-primary-hover)'; /** Основной цвет текста на светлом фоне */ -export const onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #080808C4)'; +export const onLightTextPrimaryActive = 'var(--on-light-text-primary-active)'; /** Вторичный цвет текста на светлом фоне */ -export const onLightTextSecondary = 'var(--on-light-text-secondary, #0808088F)'; +export const onLightTextSecondary = 'var(--on-light-text-secondary)'; /** Вторичный цвет текста на светлом фоне */ -export const onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #080808FF)'; +export const onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover)'; /** Вторичный цвет текста на светлом фоне */ -export const onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #080808AB)'; +export const onLightTextSecondaryActive = 'var(--on-light-text-secondary-active)'; /** Третичный цвет текста на светлом фоне */ -export const onLightTextTertiary = 'var(--on-light-text-tertiary, #08080847)'; +export const onLightTextTertiary = 'var(--on-light-text-tertiary)'; /** Третичный цвет текста на светлом фоне */ -export const onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #080808FF)'; +export const onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover)'; /** Третичный цвет текста на светлом фоне */ -export const onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #08080856)'; +export const onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active)'; /** Сплошной наборный текст на светлом фоне */ -export const onLightTextParagraph = 'var(--on-light-text-paragraph, #080808CC)'; +export const onLightTextParagraph = 'var(--on-light-text-paragraph)'; /** Сплошной наборный текст на светлом фоне */ -export const onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #0808087A)'; +export const onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover)'; /** Сплошной наборный текст на светлом фоне */ -export const onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #080808A3)'; +export const onLightTextParagraphActive = 'var(--on-light-text-paragraph-active)'; /** Акцентный цвет на светлом фоне */ -export const onLightTextAccent = 'var(--on-light-text-accent, #108E26)'; +export const onLightTextAccent = 'var(--on-light-text-accent)'; /** Акцентный цвет на светлом фоне */ -export const onLightTextAccentHover = 'var(--on-light-text-accent-hover, #14B32EFF)'; +export const onLightTextAccentHover = 'var(--on-light-text-accent-hover)'; /** Акцентный цвет на светлом фоне */ -export const onLightTextAccentActive = 'var(--on-light-text-accent-active, #0C6A1BFF)'; +export const onLightTextAccentActive = 'var(--on-light-text-accent-active)'; /** Акцентный минорный цвет на светлом фоне */ -export const onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #0A2B10)'; +export const onLightTextAccentMinor = 'var(--on-light-text-accent-minor)'; /** Акцентный минорный цвет на светлом фоне */ -export const onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #196B28FF)'; +export const onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover)'; /** Акцентный минорный цвет на светлом фоне */ -export const onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #114A1CFF)'; +export const onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active)'; /** Цвет успеха на светлом фоне */ -export const onLightTextPositive = 'var(--on-light-text-positive, #108E26)'; +export const onLightTextPositive = 'var(--on-light-text-positive)'; /** Цвет успеха на светлом фоне */ -export const onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #14B32EFF)'; +export const onLightTextPositiveHover = 'var(--on-light-text-positive-hover)'; /** Цвет успеха на светлом фоне */ -export const onLightTextPositiveActive = 'var(--on-light-text-positive-active, #0C6A1BFF)'; +export const onLightTextPositiveActive = 'var(--on-light-text-positive-active)'; /** Цвет предупреждения на светлом фоне */ -export const onLightTextWarning = 'var(--on-light-text-warning, #E85702)'; +export const onLightTextWarning = 'var(--on-light-text-warning)'; /** Цвет предупреждения на светлом фоне */ -export const onLightTextWarningHover = 'var(--on-light-text-warning-hover, #FD6B17FF)'; +export const onLightTextWarningHover = 'var(--on-light-text-warning-hover)'; /** Цвет предупреждения на светлом фоне */ -export const onLightTextWarningActive = 'var(--on-light-text-warning-active, #C04802FF)'; +export const onLightTextWarningActive = 'var(--on-light-text-warning-active)'; /** Цвет ошибки на светлом фоне */ -export const onLightTextNegative = 'var(--on-light-text-negative, #F31B31)'; +export const onLightTextNegative = 'var(--on-light-text-negative)'; /** Цвет ошибки на светлом фоне */ -export const onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #F54254FF)'; +export const onLightTextNegativeHover = 'var(--on-light-text-negative-hover)'; /** Цвет ошибки на светлом фоне */ -export const onLightTextNegativeActive = 'var(--on-light-text-negative-active, #DA0B20FF)'; +export const onLightTextNegativeActive = 'var(--on-light-text-negative-active)'; /** Цвет информации на светлом фоне */ -export const onLightTextInfo = 'var(--on-light-text-info, #0B7ECB)'; +export const onLightTextInfo = 'var(--on-light-text-info)'; /** Цвет информации на светлом фоне */ -export const onLightTextInfoHover = 'var(--on-light-text-info-hover, #0D96F2FF)'; +export const onLightTextInfoHover = 'var(--on-light-text-info-hover)'; /** Цвет информации на светлом фоне */ -export const onLightTextInfoActive = 'var(--on-light-text-info-active, #0966A5FF)'; +export const onLightTextInfoActive = 'var(--on-light-text-info-active)'; /** Минорный цвет успеха на светлом фоне */ -export const onLightTextPositiveMinor = 'var(--on-light-text-positive-minor, #0A2B10)'; +export const onLightTextPositiveMinor = 'var(--on-light-text-positive-minor)'; /** Минорный цвет успеха на светлом фоне */ -export const onLightTextPositiveMinorHover = 'var(--on-light-text-positive-minor-hover, #196B28FF)'; +export const onLightTextPositiveMinorHover = 'var(--on-light-text-positive-minor-hover)'; /** Минорный цвет успеха на светлом фоне */ -export const onLightTextPositiveMinorActive = 'var(--on-light-text-positive-minor-active, #114A1CFF)'; +export const onLightTextPositiveMinorActive = 'var(--on-light-text-positive-minor-active)'; /** Минорный цвет предупреждения на светлом фоне */ -export const onLightTextWarningMinor = 'var(--on-light-text-warning-minor, #3D1D0A)'; +export const onLightTextWarningMinor = 'var(--on-light-text-warning-minor)'; /** Минорный цвет предупреждения на светлом фоне */ -export const onLightTextWarningMinorHover = 'var(--on-light-text-warning-minor-hover, #843E15FF)'; +export const onLightTextWarningMinorHover = 'var(--on-light-text-warning-minor-hover)'; /** Минорный цвет предупреждения на светлом фоне */ -export const onLightTextWarningMinorActive = 'var(--on-light-text-warning-minor-active, #602D10FF)'; +export const onLightTextWarningMinorActive = 'var(--on-light-text-warning-minor-active)'; /** Минорный цвет ошибки на светлом фоне */ -export const onLightTextNegativeMinor = 'var(--on-light-text-negative-minor, #4A0D13)'; +export const onLightTextNegativeMinor = 'var(--on-light-text-negative-minor)'; /** Минорный цвет ошибки на светлом фоне */ -export const onLightTextNegativeMinorHover = 'var(--on-light-text-negative-minor-hover, #8F1925FF)'; +export const onLightTextNegativeMinorHover = 'var(--on-light-text-negative-minor-hover)'; /** Минорный цвет ошибки на светлом фоне */ -export const onLightTextNegativeMinorActive = 'var(--on-light-text-negative-minor-active, #6C131CFF)'; +export const onLightTextNegativeMinorActive = 'var(--on-light-text-negative-minor-active)'; /** Минорный цвет информации на светлом фоне */ -export const onLightTextInfoMinor = 'var(--on-light-text-info-minor, #0C283B)'; +export const onLightTextInfoMinor = 'var(--on-light-text-info-minor)'; /** Минорный цвет информации на светлом фоне */ -export const onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover, #1A577FFF)'; +export const onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover)'; /** Минорный цвет информации на светлом фоне */ -export const onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active, #13405DFF)'; +export const onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active)'; /** Инвертированный основной цвет текста */ -export const inverseTextPrimary = 'var(--inverse-text-primary, rgba(255, 255, 255, 0.96))'; +export const inverseTextPrimary = 'var(--inverse-text-primary)'; /** Инвертированный основной цвет текста */ -export const inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #FFFFFF93)'; +export const inverseTextPrimaryHover = 'var(--inverse-text-primary-hover)'; /** Инвертированный основной цвет текста */ -export const inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #FFFFFFC4)'; +export const inverseTextPrimaryActive = 'var(--inverse-text-primary-active)'; /** Инвертированный вторичный цвет текста */ -export const inverseTextSecondary = 'var(--inverse-text-secondary, rgba(255, 255, 255, 0.56))'; +export const inverseTextSecondary = 'var(--inverse-text-secondary)'; /** Инвертированный вторичный цвет текста */ -export const inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #FFFFFFFF)'; +export const inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover)'; /** Инвертированный вторичный цвет текста */ -export const inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #FFFFFFAB)'; +export const inverseTextSecondaryActive = 'var(--inverse-text-secondary-active)'; /** Инвертированный третичный цвет текста */ -export const inverseTextTertiary = 'var(--inverse-text-tertiary, rgba(255, 255, 255, 0.28))'; +export const inverseTextTertiary = 'var(--inverse-text-tertiary)'; /** Инвертированный третичный цвет текста */ -export const inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #FFFFFFFF)'; +export const inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover)'; /** Инвертированный третичный цвет текста */ -export const inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #FFFFFF56)'; +export const inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active)'; /** Инвертированный сплошной наборный текст */ -export const inverseTextParagraph = 'var(--inverse-text-paragraph, rgba(255, 255, 255, 0.8))'; +export const inverseTextParagraph = 'var(--inverse-text-paragraph)'; /** Инвертированный сплошной наборный текст */ -export const inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #FFFFFF7A)'; +export const inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover)'; /** Инвертированный сплошной наборный текст */ -export const inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #FFFFFFA3)'; +export const inverseTextParagraphActive = 'var(--inverse-text-paragraph-active)'; /** Инвертированный акцентный цвет */ -export const inverseTextAccent = 'var(--inverse-text-accent, #1A9E32)'; +export const inverseTextAccent = 'var(--inverse-text-accent)'; /** Инвертированный акцентный цвет */ -export const inverseTextAccentHover = 'var(--inverse-text-accent-hover, #1FC13DFF)'; +export const inverseTextAccentHover = 'var(--inverse-text-accent-hover)'; /** Инвертированный акцентный цвет */ -export const inverseTextAccentActive = 'var(--inverse-text-accent-active, #147B27FF)'; +export const inverseTextAccentActive = 'var(--inverse-text-accent-active)'; /** Инвертированный минорный акцентный цвет */ -export const inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #9EFAAF)'; +export const inverseTextAccentMinor = 'var(--inverse-text-accent-minor)'; /** Инвертированный минорный акцентный цвет */ -export const inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #C5FCCFFF)'; +export const inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover)'; /** Инвертированный минорный акцентный цвет */ -export const inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #77F88FFF)'; +export const inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active)'; /** Инвертированный цвет успеха */ -export const inverseTextPositive = 'var(--inverse-text-positive, #1A9E32)'; +export const inverseTextPositive = 'var(--inverse-text-positive)'; /** Инвертированный цвет успеха */ -export const inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #1FC13DFF)'; +export const inverseTextPositiveHover = 'var(--inverse-text-positive-hover)'; /** Инвертированный цвет успеха */ -export const inverseTextPositiveActive = 'var(--inverse-text-positive-active, #147B27FF)'; +export const inverseTextPositiveActive = 'var(--inverse-text-positive-active)'; /** Инвертированный цвет предупреждения */ -export const inverseTextWarning = 'var(--inverse-text-warning, #FA5F05)'; +export const inverseTextWarning = 'var(--inverse-text-warning)'; /** Инвертированный цвет предупреждения */ -export const inverseTextWarningHover = 'var(--inverse-text-warning-hover, #FB782DFF)'; +export const inverseTextWarningHover = 'var(--inverse-text-warning-hover)'; /** Инвертированный цвет предупреждения */ -export const inverseTextWarningActive = 'var(--inverse-text-warning-active, #D25004FF)'; +export const inverseTextWarningActive = 'var(--inverse-text-warning-active)'; /** Инвертированный цвет ошибки */ -export const inverseTextNegative = 'var(--inverse-text-negative, #FF293E)'; +export const inverseTextNegative = 'var(--inverse-text-negative)'; /** Инвертированный цвет ошибки */ -export const inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #FF5263FF)'; +export const inverseTextNegativeHover = 'var(--inverse-text-negative-hover)'; /** Инвертированный цвет ошибки */ -export const inverseTextNegativeActive = 'var(--inverse-text-negative-active, #FF001AFF)'; +export const inverseTextNegativeActive = 'var(--inverse-text-negative-active)'; /** Инвертированный цвет информации */ -export const inverseTextInfo = 'var(--inverse-text-info, #118CDF)'; +export const inverseTextInfo = 'var(--inverse-text-info)'; /** Инвертированный цвет информации */ -export const inverseTextInfoHover = 'var(--inverse-text-info-hover, #2AA0EFFF)'; +export const inverseTextInfoHover = 'var(--inverse-text-info-hover)'; /** Инвертированный цвет информации */ -export const inverseTextInfoActive = 'var(--inverse-text-info-active, #0E75B9FF)'; +export const inverseTextInfoActive = 'var(--inverse-text-info-active)'; /** Инвертированный минорный цвет успеха */ -export const inverseTextPositiveMinor = 'var(--inverse-text-positive-minor, #9EFAAF)'; +export const inverseTextPositiveMinor = 'var(--inverse-text-positive-minor)'; /** Инвертированный минорный цвет успеха */ -export const inverseTextPositiveMinorHover = 'var(--inverse-text-positive-minor-hover, #C5FCCFFF)'; +export const inverseTextPositiveMinorHover = 'var(--inverse-text-positive-minor-hover)'; /** Инвертированный минорный цвет успеха */ -export const inverseTextPositiveMinorActive = 'var(--inverse-text-positive-minor-active, #77F88FFF)'; +export const inverseTextPositiveMinorActive = 'var(--inverse-text-positive-minor-active)'; /** Инвертированный минорный цвет предупреждения */ -export const inverseTextWarningMinor = 'var(--inverse-text-warning-minor, #FEE2D2)'; +export const inverseTextWarningMinor = 'var(--inverse-text-warning-minor)'; /** Инвертированный минорный цвет предупреждения */ -export const inverseTextWarningMinorHover = 'var(--inverse-text-warning-minor-hover, #FFFCFAFF)'; +export const inverseTextWarningMinorHover = 'var(--inverse-text-warning-minor-hover)'; /** Инвертированный минорный цвет предупреждения */ -export const inverseTextWarningMinorActive = 'var(--inverse-text-warning-minor-active, #FDC9AAFF)'; +export const inverseTextWarningMinorActive = 'var(--inverse-text-warning-minor-active)'; /** Инвертированный минорный цвет ошибки */ -export const inverseTextNegativeMinor = 'var(--inverse-text-negative-minor, #FFE0E3)'; +export const inverseTextNegativeMinor = 'var(--inverse-text-negative-minor)'; /** Инвертированный минорный цвет ошибки */ -export const inverseTextNegativeMinorHover = 'var(--inverse-text-negative-minor-hover, #FFFFFFFF)'; +export const inverseTextNegativeMinorHover = 'var(--inverse-text-negative-minor-hover)'; /** Инвертированный минорный цвет ошибки */ -export const inverseTextNegativeMinorActive = 'var(--inverse-text-negative-minor-active, #FFB8BFFF)'; +export const inverseTextNegativeMinorActive = 'var(--inverse-text-negative-minor-active)'; /** Инвертированный минорный цвет информации */ -export const inverseTextInfoMinor = 'var(--inverse-text-info-minor, #CFECFF)'; +export const inverseTextInfoMinor = 'var(--inverse-text-info-minor)'; /** Инвертированный минорный цвет информации */ -export const inverseTextInfoMinorHover = 'var(--inverse-text-info-minor-hover, #FAFDFFFF)'; +export const inverseTextInfoMinorHover = 'var(--inverse-text-info-minor-hover)'; /** Инвертированный минорный цвет информации */ -export const inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active, #A8DCFFFF)'; +export const inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active)'; /** Основной непрозрачный фон поверхности/контрола */ -export const surfaceSolidPrimary = 'var(--surface-solid-primary, #F5F5F5)'; +export const surfaceSolidPrimary = 'var(--surface-solid-primary)'; /** Основной непрозрачный фон поверхности/контрола */ -export const surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #FAFAFAFF)'; +export const surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover)'; /** Основной непрозрачный фон поверхности/контрола */ -export const surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #F0F0F0FF)'; +export const surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active)'; /** Вторичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidSecondary = 'var(--surface-solid-secondary, #ECECEC)'; +export const surfaceSolidSecondary = 'var(--surface-solid-secondary)'; /** Вторичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidSecondaryHover = 'var(--surface-solid-secondary-hover, #F7F7F7FF)'; +export const surfaceSolidSecondaryHover = 'var(--surface-solid-secondary-hover)'; /** Вторичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidSecondaryActive = 'var(--surface-solid-secondary-active, #E8E8E8FF)'; +export const surfaceSolidSecondaryActive = 'var(--surface-solid-secondary-active)'; /** Третичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidTertiary = 'var(--surface-solid-tertiary, #DDDDDD)'; +export const surfaceSolidTertiary = 'var(--surface-solid-tertiary)'; /** Третичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover, #EDEDEDFF)'; +export const surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover)'; /** Третичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #D4D4D4FF)'; +export const surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active)'; /** Основной фон для карточек */ -export const surfaceSolidCard = 'var(--surface-solid-card, #FFFFFF)'; +export const surfaceSolidCard = 'var(--surface-solid-card)'; /** Основной фон для карточек */ -export const surfaceSolidCardHover = 'var(--surface-solid-card-hover, #FFFFFFFF)'; +export const surfaceSolidCardHover = 'var(--surface-solid-card-hover)'; /** Основной фон для карточек */ -export const surfaceSolidCardActive = 'var(--surface-solid-card-active, #FFFFFFFF)'; +export const surfaceSolidCardActive = 'var(--surface-solid-card-active)'; /** Непрозрачный фон поверхности/контрола по умолчанию */ -export const surfaceSolidDefault = 'var(--surface-solid-default, #080808)'; +export const surfaceSolidDefault = 'var(--surface-solid-default)'; /** Непрозрачный фон поверхности/контрола по умолчанию */ -export const surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #262626FF)'; +export const surfaceSolidDefaultHover = 'var(--surface-solid-default-hover)'; /** Непрозрачный фон поверхности/контрола по умолчанию */ -export const surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #030303FF)'; +export const surfaceSolidDefaultActive = 'var(--surface-solid-default-active)'; /** Основной прозрачный фон поверхности/контрола */ -export const surfaceTransparentPrimary = 'var(--surface-transparent-primary, #08080808)'; +export const surfaceTransparentPrimary = 'var(--surface-transparent-primary)'; /** Основной прозрачный фон поверхности/контрола */ -export const surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #08080803)'; +export const surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover)'; /** Основной прозрачный фон поверхности/контрола */ -export const surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #0808080D)'; +export const surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active)'; /** Вторичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #0808080F)'; +export const surfaceTransparentSecondary = 'var(--surface-transparent-secondary)'; /** Вторичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #08080805)'; +export const surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover)'; /** Вторичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #0808081A)'; +export const surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active)'; /** Третичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #0808081F)'; +export const surfaceTransparentTertiary = 'var(--surface-transparent-tertiary)'; /** Третичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #0808080A)'; +export const surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover)'; /** Третичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #08080829)'; +export const surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active)'; /** Глубокий прозрачный фон поверхности/контрола */ -export const surfaceTransparentDeep = 'var(--surface-transparent-deep, #080808A3)'; +export const surfaceTransparentDeep = 'var(--surface-transparent-deep)'; /** Глубокий прозрачный фон поверхности/контрола */ -export const surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #0808088F)'; +export const surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover)'; /** Глубокий прозрачный фон поверхности/контрола */ -export const surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #080808AD)'; +export const surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active)'; /** Прозрачный фон для карточек */ -export const surfaceTransparentCard = 'var(--surface-transparent-card, #0808080F)'; +export const surfaceTransparentCard = 'var(--surface-transparent-card)'; /** Прозрачный фон для карточек */ -export const surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #08080805)'; +export const surfaceTransparentCardHover = 'var(--surface-transparent-card-hover)'; /** Прозрачный фон для карточек */ -export const surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #0808081A)'; +export const surfaceTransparentCardActive = 'var(--surface-transparent-card-active)'; /** Фон поверхности/контрола без заливки */ -export const surfaceClear = 'var(--surface-clear, #FFFFFF00)'; +export const surfaceClear = 'var(--surface-clear)'; /** Фон поверхности/контрола без заливки */ -export const surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)'; +export const surfaceClearHover = 'var(--surface-clear-hover)'; /** Фон поверхности/контрола без заливки */ -export const surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)'; +export const surfaceClearActive = 'var(--surface-clear-active)'; /** Акцентный фон поверхности/контрола */ -export const surfaceAccent = 'var(--surface-accent, #108E26)'; +export const surfaceAccent = 'var(--surface-accent)'; /** Акцентный фон поверхности/контрола */ -export const surfaceAccentHover = 'var(--surface-accent-hover, #12A12AFF)'; +export const surfaceAccentHover = 'var(--surface-accent-hover)'; /** Акцентный фон поверхности/контрола */ -export const surfaceAccentActive = 'var(--surface-accent-active, #0E7C20FF)'; +export const surfaceAccentActive = 'var(--surface-accent-active)'; /** Акцентный минорный непрозрачный фон поверхности/контрола */ -export const surfaceAccentMinor = 'var(--surface-accent-minor, #77F38E)'; +export const surfaceAccentMinor = 'var(--surface-accent-minor)'; /** Акцентный минорный непрозрачный фон поверхности/контрола */ -export const surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #93F6A5FF)'; +export const surfaceAccentMinorHover = 'var(--surface-accent-minor-hover)'; /** Акцентный минорный непрозрачный фон поверхности/контрола */ -export const surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #64F27EFF)'; +export const surfaceAccentMinorActive = 'var(--surface-accent-minor-active)'; /** Прозрачный акцентный фон поверхности/контрола */ -export const surfaceTransparentAccent = 'var(--surface-transparent-accent, #108E2647)'; +export const surfaceTransparentAccent = 'var(--surface-transparent-accent)'; /** Прозрачный акцентный фон поверхности/контрола */ -export const surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #108E2533)'; +export const surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover)'; /** Прозрачный акцентный фон поверхности/контрола */ -export const surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #108E2552)'; +export const surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active)'; /** Цвет фона поверхности/контрола успех */ -export const surfacePositive = 'var(--surface-positive, #1A9E32)'; +export const surfacePositive = 'var(--surface-positive)'; /** Цвет фона поверхности/контрола успех */ -export const surfacePositiveHover = 'var(--surface-positive-hover, #1EB83AFF)'; +export const surfacePositiveHover = 'var(--surface-positive-hover)'; /** Цвет фона поверхности/контрола успех */ -export const surfacePositiveActive = 'var(--surface-positive-active, #178C2CFF)'; +export const surfacePositiveActive = 'var(--surface-positive-active)'; /** Цвет фона поверхности/контрола предупреждение */ -export const surfaceWarning = 'var(--surface-warning, #FA5F05)'; +export const surfaceWarning = 'var(--surface-warning)'; /** Цвет фона поверхности/контрола предупреждение */ -export const surfaceWarningHover = 'var(--surface-warning-hover, #FB782DFF)'; +export const surfaceWarningHover = 'var(--surface-warning-hover)'; /** Цвет фона поверхности/контрола предупреждение */ -export const surfaceWarningActive = 'var(--surface-warning-active, #E65705FF)'; +export const surfaceWarningActive = 'var(--surface-warning-active)'; /** Цвет фона поверхности/контрола ошибка */ -export const surfaceNegative = 'var(--surface-negative, #FF293E)'; +export const surfaceNegative = 'var(--surface-negative)'; /** Цвет фона поверхности/контрола ошибка */ -export const surfaceNegativeHover = 'var(--surface-negative-hover, #FF5263FF)'; +export const surfaceNegativeHover = 'var(--surface-negative-hover)'; /** Цвет фона поверхности/контрола ошибка */ -export const surfaceNegativeActive = 'var(--surface-negative-active, #FF142CFF)'; +export const surfaceNegativeActive = 'var(--surface-negative-active)'; /** Цвет фона поверхности/контрола информация */ -export const surfaceInfo = 'var(--surface-info, #118CDF)'; +export const surfaceInfo = 'var(--surface-info)'; /** Цвет фона поверхности/контрола информация */ -export const surfaceInfoHover = 'var(--surface-info-hover, #1798EEFF)'; +export const surfaceInfoHover = 'var(--surface-info-hover)'; /** Цвет фона поверхности/контрола информация */ -export const surfaceInfoActive = 'var(--surface-info-active, #0F81CCFF)'; +export const surfaceInfoActive = 'var(--surface-info-active)'; /** Минорный цвет фона поверхности/контрола успех */ -export const surfacePositiveMinor = 'var(--surface-positive-minor, #77F38E)'; +export const surfacePositiveMinor = 'var(--surface-positive-minor)'; /** Минорный цвет фона поверхности/контрола успех */ -export const surfacePositiveMinorHover = 'var(--surface-positive-minor-hover, #93F6A5FF)'; +export const surfacePositiveMinorHover = 'var(--surface-positive-minor-hover)'; /** Минорный цвет фона поверхности/контрола успех */ -export const surfacePositiveMinorActive = 'var(--surface-positive-minor-active, #64F27EFF)'; +export const surfacePositiveMinorActive = 'var(--surface-positive-minor-active)'; /** Минорный цвет фона поверхности/контрола предупреждение */ -export const surfaceWarningMinor = 'var(--surface-warning-minor, #FFD1B8)'; +export const surfaceWarningMinor = 'var(--surface-warning-minor)'; /** Минорный цвет фона поверхности/контрола предупреждение */ -export const surfaceWarningMinorHover = 'var(--surface-warning-minor-hover, #FFDECCFF)'; +export const surfaceWarningMinorHover = 'var(--surface-warning-minor-hover)'; /** Минорный цвет фона поверхности/контрола предупреждение */ -export const surfaceWarningMinorActive = 'var(--surface-warning-minor-active, #FFC3A3FF)'; +export const surfaceWarningMinorActive = 'var(--surface-warning-minor-active)'; /** Минорный цвет фона поверхности/контрола ошибка */ -export const surfaceNegativeMinor = 'var(--surface-negative-minor, #FECDD2)'; +export const surfaceNegativeMinor = 'var(--surface-negative-minor)'; /** Минорный цвет фона поверхности/контрола ошибка */ -export const surfaceNegativeMinorHover = 'var(--surface-negative-minor-hover, #FEE1E4FF)'; +export const surfaceNegativeMinorHover = 'var(--surface-negative-minor-hover)'; /** Минорный цвет фона поверхности/контрола ошибка */ -export const surfaceNegativeMinorActive = 'var(--surface-negative-minor-active, #FEC3C9FF)'; +export const surfaceNegativeMinorActive = 'var(--surface-negative-minor-active)'; /** Минорный цвет фона поверхности/контрола информация */ -export const surfaceInfoMinor = 'var(--surface-info-minor, #B0DFFF)'; +export const surfaceInfoMinor = 'var(--surface-info-minor)'; /** Минорный цвет фона поверхности/контрола информация */ -export const surfaceInfoMinorHover = 'var(--surface-info-minor-hover, #C7E9FFFF)'; +export const surfaceInfoMinorHover = 'var(--surface-info-minor-hover)'; /** Минорный цвет фона поверхности/контрола информация */ -export const surfaceInfoMinorActive = 'var(--surface-info-minor-active, #9ED8FFFF)'; +export const surfaceInfoMinorActive = 'var(--surface-info-minor-active)'; /** Прозрачный цвет фона поверхности/контрола успех */ -export const surfaceTransparentPositive = 'var(--surface-transparent-positive, #1A9E3247)'; +export const surfaceTransparentPositive = 'var(--surface-transparent-positive)'; /** Прозрачный цвет фона поверхности/контрола успех */ -export const surfaceTransparentPositiveHover = 'var(--surface-transparent-positive-hover, #1A9E3233)'; +export const surfaceTransparentPositiveHover = 'var(--surface-transparent-positive-hover)'; /** Прозрачный цвет фона поверхности/контрола успех */ -export const surfaceTransparentPositiveActive = 'var(--surface-transparent-positive-active, #1A9E3252)'; +export const surfaceTransparentPositiveActive = 'var(--surface-transparent-positive-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentWarning = 'var(--surface-transparent-warning, #FA5F0547)'; +export const surfaceTransparentWarning = 'var(--surface-transparent-warning)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover, #FA5F0533)'; +export const surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active, #FA5F0552)'; +export const surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentNegative = 'var(--surface-transparent-negative, #FF293E47)'; +export const surfaceTransparentNegative = 'var(--surface-transparent-negative)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #FF293E33)'; +export const surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #FF293E52)'; +export const surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active)'; /** Прозрачный цвет фона поверхности/контрола информация */ -export const surfaceTransparentInfo = 'var(--surface-transparent-info, #118CDF47)'; +export const surfaceTransparentInfo = 'var(--surface-transparent-info)'; /** Прозрачный цвет фона поверхности/контрола информация */ -export const surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover, #118CDF33)'; +export const surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover)'; /** Прозрачный цвет фона поверхности/контрола информация */ -export const surfaceTransparentInfoActive = 'var(--surface-transparent-info-active, #118CDF52)'; +export const surfaceTransparentInfoActive = 'var(--surface-transparent-info-active)'; /** Основной непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #171717)'; +export const onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary)'; /** Основной непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #363636FF)'; +export const onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover)'; /** Основной непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-active, #0D0D0DFF)'; +export const onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-active)'; /** Вторичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary, #262626)'; +export const onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary)'; /** Вторичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover, #3B3B3BFF)'; +export const onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover)'; /** Вторичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidSecondaryActive = 'var(--on-dark-surface-solid-secondary-active, #1C1C1CFF)'; +export const onDarkSurfaceSolidSecondaryActive = 'var(--on-dark-surface-solid-secondary-active)'; /** Третичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #363636)'; +export const onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary)'; /** Третичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #4A4A4AFF)'; +export const onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover)'; /** Третичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #2B2B2BFF)'; +export const onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active)'; /** Основной фон для карточек на темном фоне */ -export const onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #171717)'; +export const onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card)'; /** Основной фон для карточек на темном фоне */ -export const onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #363636FF)'; +export const onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover)'; /** Основной фон для карточек на темном фоне */ -export const onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active, #0D0D0DFF)'; +export const onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active)'; /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */ -export const onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #F9F9F9)'; +export const onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default)'; /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */ -export const onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover, #FFFFFFFF)'; +export const onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover)'; /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */ -export const onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active, #F5F5F5FF)'; +export const onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #F9F9F90F)'; +export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FAFAFA05)'; +export const onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FAFAFA1A)'; +export const onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active)'; /** Вторичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #F9F9F91F)'; +export const onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary)'; /** Вторичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FAFAFA0A)'; +export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover)'; /** Вторичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FAFAFA29)'; +export const onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active)'; /** Третичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #F9F9F933)'; +export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary)'; /** Третичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FAFAFA1F)'; +export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover)'; /** Третичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FAFAFA3D)'; +export const onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active)'; /** Глубокий прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #F9F9F9A3)'; +export const onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep)'; /** Глубокий прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #FAFAFA8F)'; +export const onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover)'; /** Глубокий прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #FAFAFAAD)'; +export const onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active)'; /** Прозрачный фон для карточек на темном фоне */ -export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #F9F9F90F)'; +export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card)'; /** Прозрачный фон для карточек на темном фоне */ -export const onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FAFAFA05)'; +export const onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover)'; /** Прозрачный фон для карточек на темном фоне */ -export const onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FAFAFA1A)'; +export const onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active)'; /** Фон поверхности/контрола без заливки на темном фоне */ -export const onDarkSurfaceClear = 'var(--on-dark-surface-clear, #FFFFFF00)'; +export const onDarkSurfaceClear = 'var(--on-dark-surface-clear)'; /** Фон поверхности/контрола без заливки на темном фоне */ -export const onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover, #FFFFFF00)'; +export const onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover)'; /** Фон поверхности/контрола без заливки на темном фоне */ -export const onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active, #FFFFFF00)'; +export const onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active)'; /** Акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #1A9E32)'; +export const onDarkSurfaceAccent = 'var(--on-dark-surface-accent)'; /** Акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #1EB83AFF)'; +export const onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover)'; /** Акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #178C2CFF)'; +export const onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #0A2B10)'; +export const onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #0E3A16FF)'; +export const onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #061909FF)'; +export const onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active)'; /** Прозрачный акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #1A9E3247)'; +export const onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent)'; /** Прозрачный акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #1A9E3233)'; +export const onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover)'; /** Прозрачный акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #1A9E3252)'; +export const onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active)'; /** Цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositive = 'var(--on-dark-surface-positive, #1A9E32)'; +export const onDarkSurfacePositive = 'var(--on-dark-surface-positive)'; /** Цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #1EB83AFF)'; +export const onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover)'; /** Цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositiveActive = 'var(--on-dark-surface-positive-active, #178C2CFF)'; +export const onDarkSurfacePositiveActive = 'var(--on-dark-surface-positive-active)'; /** Цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarning = 'var(--on-dark-surface-warning, #FA5F05)'; +export const onDarkSurfaceWarning = 'var(--on-dark-surface-warning)'; /** Цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarningHover = 'var(--on-dark-surface-warning-hover, #FB782DFF)'; +export const onDarkSurfaceWarningHover = 'var(--on-dark-surface-warning-hover)'; /** Цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarningActive = 'var(--on-dark-surface-warning-active, #E65705FF)'; +export const onDarkSurfaceWarningActive = 'var(--on-dark-surface-warning-active)'; /** Цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #FF293E)'; +export const onDarkSurfaceNegative = 'var(--on-dark-surface-negative)'; /** Цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegativeHover = 'var(--on-dark-surface-negative-hover, #FF5263FF)'; +export const onDarkSurfaceNegativeHover = 'var(--on-dark-surface-negative-hover)'; /** Цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegativeActive = 'var(--on-dark-surface-negative-active, #FF142CFF)'; +export const onDarkSurfaceNegativeActive = 'var(--on-dark-surface-negative-active)'; /** Цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfo = 'var(--on-dark-surface-info, #118CDF)'; +export const onDarkSurfaceInfo = 'var(--on-dark-surface-info)'; /** Цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover, #1798EEFF)'; +export const onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover)'; /** Цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active, #0F81CCFF)'; +export const onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active)'; /** Минорный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositiveMinor = 'var(--on-dark-surface-positive-minor, #0A2B10)'; +export const onDarkSurfacePositiveMinor = 'var(--on-dark-surface-positive-minor)'; /** Минорный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositiveMinorHover = 'var(--on-dark-surface-positive-minor-hover, #0E3A16FF)'; +export const onDarkSurfacePositiveMinorHover = 'var(--on-dark-surface-positive-minor-hover)'; /** Минорный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositiveMinorActive = 'var(--on-dark-surface-positive-minor-active, #061909FF)'; +export const onDarkSurfacePositiveMinorActive = 'var(--on-dark-surface-positive-minor-active)'; /** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarningMinor = 'var(--on-dark-surface-warning-minor, #3D1D0A)'; +export const onDarkSurfaceWarningMinor = 'var(--on-dark-surface-warning-minor)'; /** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarningMinorHover = 'var(--on-dark-surface-warning-minor-hover, #58290EFF)'; +export const onDarkSurfaceWarningMinorHover = 'var(--on-dark-surface-warning-minor-hover)'; /** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarningMinorActive = 'var(--on-dark-surface-warning-minor-active, #2C1507FF)'; +export const onDarkSurfaceWarningMinorActive = 'var(--on-dark-surface-warning-minor-active)'; /** Минорный цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegativeMinor = 'var(--on-dark-surface-negative-minor, #4A0D13)'; +export const onDarkSurfaceNegativeMinor = 'var(--on-dark-surface-negative-minor)'; /** Минорный цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegativeMinorHover = 'var(--on-dark-surface-negative-minor-hover, #64121AFF)'; +export const onDarkSurfaceNegativeMinorHover = 'var(--on-dark-surface-negative-minor-hover)'; /** Минорный цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegativeMinorActive = 'var(--on-dark-surface-negative-minor-active, #380A0FFF)'; +export const onDarkSurfaceNegativeMinorActive = 'var(--on-dark-surface-negative-minor-active)'; /** Минорный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfoMinor = 'var(--on-dark-surface-info-minor, #0C283B)'; +export const onDarkSurfaceInfoMinor = 'var(--on-dark-surface-info-minor)'; /** Минорный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfoMinorHover = 'var(--on-dark-surface-info-minor-hover, #10344CFF)'; +export const onDarkSurfaceInfoMinorHover = 'var(--on-dark-surface-info-minor-hover)'; /** Минорный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfoMinorActive = 'var(--on-dark-surface-info-minor-active, #091D2AFF)'; +export const onDarkSurfaceInfoMinorActive = 'var(--on-dark-surface-info-minor-active)'; /** Прозрачный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfaceTransparentPositive = 'var(--on-dark-surface-transparent-positive, #1A9E3247)'; +export const onDarkSurfaceTransparentPositive = 'var(--on-dark-surface-transparent-positive)'; /** Прозрачный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfaceTransparentPositiveHover = 'var(--on-dark-surface-transparent-positive-hover, #1A9E3233)'; +export const onDarkSurfaceTransparentPositiveHover = 'var(--on-dark-surface-transparent-positive-hover)'; /** Прозрачный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfaceTransparentPositiveActive = 'var(--on-dark-surface-transparent-positive-active, #1A9E3252)'; +export const onDarkSurfaceTransparentPositiveActive = 'var(--on-dark-surface-transparent-positive-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentWarning = 'var(--on-dark-surface-transparent-warning, #FA5F0547)'; +export const onDarkSurfaceTransparentWarning = 'var(--on-dark-surface-transparent-warning)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentWarningHover = 'var(--on-dark-surface-transparent-warning-hover, #FA5F0533)'; +export const onDarkSurfaceTransparentWarningHover = 'var(--on-dark-surface-transparent-warning-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentWarningActive = 'var(--on-dark-surface-transparent-warning-active, #FA5F0552)'; +export const onDarkSurfaceTransparentWarningActive = 'var(--on-dark-surface-transparent-warning-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative, #FF293E47)'; +export const onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #FF293E33)'; +export const onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #FF293E52)'; +export const onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active)'; /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceTransparentInfo = 'var(--on-dark-surface-transparent-info, #118CDF47)'; +export const onDarkSurfaceTransparentInfo = 'var(--on-dark-surface-transparent-info)'; /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover, #118CDF33)'; +export const onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover)'; /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transparent-info-active, #118CDF52)'; +export const onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transparent-info-active)'; /** Основной непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #F5F5F5)'; +export const onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary)'; /** Основной непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #FAFAFAFF)'; +export const onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover)'; /** Основной непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active, #F0F0F0FF)'; +export const onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active)'; /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary, #ECECEC)'; +export const onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary)'; /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover, #F7F7F7FF)'; +export const onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover)'; /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active, #E8E8E8FF)'; +export const onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active)'; /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #DDDDDD)'; +export const onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary)'; /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #EDEDEDFF)'; +export const onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover)'; /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #D4D4D4FF)'; +export const onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active)'; /** Основной фон для карточек на светлом фоне */ -export const onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #FFFFFF)'; +export const onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card)'; /** Основной фон для карточек на светлом фоне */ -export const onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover, #FFFFFFFF)'; +export const onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover)'; /** Основной фон для карточек на светлом фоне */ -export const onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active, #FFFFFFFF)'; +export const onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active)'; /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ -export const onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #080808)'; +export const onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default)'; /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ -export const onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #262626FF)'; +export const onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover)'; /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ -export const onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #030303FF)'; +export const onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active)'; /** Основной прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #08080808)'; +export const onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary)'; /** Основной прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #08080803)'; +export const onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover)'; /** Основной прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #0808080D)'; +export const onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active)'; /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #0808080F)'; +export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary)'; /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #08080805)'; +export const onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover)'; /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentSecondaryActive = - 'var(--on-light-surface-transparent-secondary-active, #0808081A)'; +export const onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active)'; /** Третичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #0808081F)'; +export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary)'; /** Третичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #0808080A)'; +export const onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover)'; /** Третичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #08080829)'; +export const onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active)'; /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #080808A3)'; +export const onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep)'; /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #0808088F)'; +export const onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover)'; /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #080808AD)'; +export const onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active)'; /** Прозрачный фон для карточек на светлом фоне */ -export const onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #0808080F)'; +export const onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card)'; /** Прозрачный фон для карточек на светлом фоне */ -export const onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #08080805)'; +export const onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover)'; /** Прозрачный фон для карточек на светлом фоне */ -export const onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #0808081A)'; +export const onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active)'; /** Фон поверхности/контрола без заливки на светлом фоне */ -export const onLightSurfaceClear = 'var(--on-light-surface-clear, #FFFFFF00)'; +export const onLightSurfaceClear = 'var(--on-light-surface-clear)'; /** Фон поверхности/контрола без заливки на светлом фоне */ -export const onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover, #FFFFFF00)'; +export const onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover)'; /** Фон поверхности/контрола без заливки на светлом фоне */ -export const onLightSurfaceClearActive = 'var(--on-light-surface-clear-active, #FFFFFF00)'; +export const onLightSurfaceClearActive = 'var(--on-light-surface-clear-active)'; /** Акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccent = 'var(--on-light-surface-accent, #108E26)'; +export const onLightSurfaceAccent = 'var(--on-light-surface-accent)'; /** Акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #12A12AFF)'; +export const onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover)'; /** Акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #0E7C20FF)'; +export const onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #77F38E)'; +export const onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #93F6A5FF)'; +export const onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #64F27EFF)'; +export const onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active)'; /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #108E2647)'; +export const onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent)'; /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #108E2533)'; +export const onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover)'; /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #108E2552)'; +export const onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active)'; /** Цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositive = 'var(--on-light-surface-positive, #1A9E32)'; +export const onLightSurfacePositive = 'var(--on-light-surface-positive)'; /** Цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1EB83AFF)'; +export const onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover)'; /** Цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active, #178C2CFF)'; +export const onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active)'; /** Цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarning = 'var(--on-light-surface-warning, #FA5F05)'; +export const onLightSurfaceWarning = 'var(--on-light-surface-warning)'; /** Цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover, #FB782DFF)'; +export const onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover)'; /** Цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active, #E65705FF)'; +export const onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active)'; /** Цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegative = 'var(--on-light-surface-negative, #FF293E)'; +export const onLightSurfaceNegative = 'var(--on-light-surface-negative)'; /** Цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #FF5263FF)'; +export const onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover)'; /** Цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #FF142CFF)'; +export const onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active)'; /** Цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfo = 'var(--on-light-surface-info, #118CDF)'; +export const onLightSurfaceInfo = 'var(--on-light-surface-info)'; /** Цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #1798EEFF)'; +export const onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover)'; /** Цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #0F81CCFF)'; +export const onLightSurfaceInfoActive = 'var(--on-light-surface-info-active)'; /** Минорный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositiveMinor = 'var(--on-light-surface-positive-minor, #77F38E)'; +export const onLightSurfacePositiveMinor = 'var(--on-light-surface-positive-minor)'; /** Минорный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #93F6A5FF)'; +export const onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover)'; /** Минорный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active, #64F27EFF)'; +export const onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active)'; /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarningMinor = 'var(--on-light-surface-warning-minor, #FFD1B8)'; +export const onLightSurfaceWarningMinor = 'var(--on-light-surface-warning-minor)'; /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FFDECCFF)'; +export const onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover)'; /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FFC3A3FF)'; +export const onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active)'; /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegativeMinor = 'var(--on-light-surface-negative-minor, #FECDD2)'; +export const onLightSurfaceNegativeMinor = 'var(--on-light-surface-negative-minor)'; /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FEE1E4FF)'; +export const onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover)'; /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active, #FEC3C9FF)'; +export const onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active)'; /** Минорный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfoMinor = 'var(--on-light-surface-info-minor, #B0DFFF)'; +export const onLightSurfaceInfoMinor = 'var(--on-light-surface-info-minor)'; /** Минорный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover, #C7E9FFFF)'; +export const onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover)'; /** Минорный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #9ED8FFFF)'; +export const onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active)'; /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfaceTransparentPositive = 'var(--on-light-surface-transparent-positive, #1A9E3247)'; +export const onLightSurfaceTransparentPositive = 'var(--on-light-surface-transparent-positive)'; /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover, #1A9E3233)'; +export const onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover)'; /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active, #1A9E3252)'; +export const onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentWarning = 'var(--on-light-surface-transparent-warning, #FA5F0547)'; +export const onLightSurfaceTransparentWarning = 'var(--on-light-surface-transparent-warning)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover, #FA5F0533)'; +export const onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active, #FA5F0552)'; +export const onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative, #FF293E47)'; +export const onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #FF293E33)'; +export const onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #FF293E52)'; +export const onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active)'; /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-info, #118CDF47)'; +export const onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-info)'; /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover, #118CDF33)'; +export const onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover)'; /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active, #118CDF52)'; +export const onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active)'; /** Инвертированный основной непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #171717)'; +export const inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary)'; /** Инвертированный основной непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #363636FF)'; +export const inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover)'; /** Инвертированный основной непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active, #0D0D0DFF)'; +export const inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active)'; /** Инвертированный вторичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary, #262626)'; +export const inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary)'; /** Инвертированный вторичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #3B3B3BFF)'; +export const inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover)'; /** Инвертированный вторичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #1C1C1CFF)'; +export const inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active)'; /** Инвертированный третичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #363636)'; +export const inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary)'; /** Инвертированный третичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover, #4A4A4AFF)'; +export const inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover)'; /** Инвертированный третичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active, #2B2B2BFF)'; +export const inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active)'; /** Инвертированный основной фон для карточек */ -export const inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card, #171717)'; +export const inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card)'; /** Инвертированный основной фон для карточек */ -export const inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover, #363636FF)'; +export const inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover)'; /** Инвертированный основной фон для карточек */ -export const inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active, #0D0D0DFF)'; +export const inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active)'; /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ -export const inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #F9F9F9)'; +export const inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default)'; /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ -export const inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #FFFFFFFF)'; +export const inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover)'; /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ -export const inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #F5F5F5FF)'; +export const inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active)'; /** Инвертированный основной прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #F9F9F90F)'; +export const inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary)'; /** Инвертированный основной прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #FAFAFA05)'; +export const inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover)'; /** Инвертированный основной прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #FAFAFA1A)'; +export const inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active)'; /** Инвертированный вторичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #F9F9F91F)'; +export const inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary)'; /** Инвертированный вторичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #FAFAFA0A)'; +export const inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover)'; /** Инвертированный вторичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentSecondaryActive = - 'var(--inverse-surface-transparent-secondary-active, #FAFAFA29)'; +export const inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active)'; /** Инвертированный третичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #F9F9F933)'; +export const inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary)'; /** Инвертированный третичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #FAFAFA1F)'; +export const inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover)'; /** Инвертированный третичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #FAFAFA3D)'; +export const inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active)'; /** Инвертированный глубокий прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, #F9F9F9A3)'; +export const inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep)'; /** Инвертированный глубокий прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #FAFAFA8F)'; +export const inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover)'; /** Инвертированный глубокий прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #FAFAFAAD)'; +export const inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active)'; /** Инвертированный прозрачный фон для карточек */ -export const inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #F9F9F90F)'; +export const inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card)'; /** Инвертированный прозрачный фон для карточек */ -export const inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FAFAFA05)'; +export const inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover)'; /** Инвертированный прозрачный фон для карточек */ -export const inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active, #FAFAFA1A)'; +export const inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active)'; /** Инвертированный фон поверхности/контрола без заливки */ -export const inverseSurfaceClear = 'var(--inverse-surface-clear, #FFFFFF00)'; +export const inverseSurfaceClear = 'var(--inverse-surface-clear)'; /** Инвертированный фон поверхности/контрола без заливки */ -export const inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover, #FFFFFF00)'; +export const inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover)'; /** Инвертированный фон поверхности/контрола без заливки */ -export const inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFF00)'; +export const inverseSurfaceClearActive = 'var(--inverse-surface-clear-active)'; /** Инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceAccent = 'var(--inverse-surface-accent, #1A9E32)'; +export const inverseSurfaceAccent = 'var(--inverse-surface-accent)'; /** Инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #1EB83AFF)'; +export const inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover)'; /** Инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #178C2CFF)'; +export const inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active)'; /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #0A2B10)'; +export const inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor)'; /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #0E3A16FF)'; +export const inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover)'; /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #061909FF)'; +export const inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active)'; /** Прозрачный инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #1A9E3247)'; +export const inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent)'; /** Прозрачный инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #1A9E3233)'; +export const inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover)'; /** Прозрачный инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #1A9E3252)'; +export const inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active)'; /** Инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositive = 'var(--inverse-surface-positive, #1A9E32)'; +export const inverseSurfacePositive = 'var(--inverse-surface-positive)'; /** Инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #1EB83AFF)'; +export const inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover)'; /** Инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #178C2CFF)'; +export const inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active)'; /** Инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarning = 'var(--inverse-surface-warning, #FA5F05)'; +export const inverseSurfaceWarning = 'var(--inverse-surface-warning)'; /** Инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #FB782DFF)'; +export const inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover)'; /** Инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #E65705FF)'; +export const inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active)'; /** Инвертированный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegative = 'var(--inverse-surface-negative, #FF293E)'; +export const inverseSurfaceNegative = 'var(--inverse-surface-negative)'; /** Инвертированный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover, #FF5263FF)'; +export const inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover)'; /** Инвертированный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #FF142CFF)'; +export const inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active)'; /** Инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfo = 'var(--inverse-surface-info, #118CDF)'; +export const inverseSurfaceInfo = 'var(--inverse-surface-info)'; /** Инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #1798EEFF)'; +export const inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover)'; /** Инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #0F81CCFF)'; +export const inverseSurfaceInfoActive = 'var(--inverse-surface-info-active)'; /** Инвертированный минорный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositiveMinor = 'var(--inverse-surface-positive-minor, #0A2B10)'; +export const inverseSurfacePositiveMinor = 'var(--inverse-surface-positive-minor)'; /** Инвертированный минорный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #0E3A16FF)'; +export const inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover)'; /** Инвертированный минорный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #061909FF)'; +export const inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active)'; /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarningMinor = 'var(--inverse-surface-warning-minor, #3D1D0A)'; +export const inverseSurfaceWarningMinor = 'var(--inverse-surface-warning-minor)'; /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover, #58290EFF)'; +export const inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover)'; /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active, #2C1507FF)'; +export const inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active)'; /** Инвертированный минорный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegativeMinor = 'var(--inverse-surface-negative-minor, #4A0D13)'; +export const inverseSurfaceNegativeMinor = 'var(--inverse-surface-negative-minor)'; /** Инвертированный минорный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover, #64121AFF)'; +export const inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover)'; /** Инвертированный минорный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active, #380A0FFF)'; +export const inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active)'; /** Инвертированный минорный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfoMinor = 'var(--inverse-surface-info-minor, #0C283B)'; +export const inverseSurfaceInfoMinor = 'var(--inverse-surface-info-minor)'; /** Инвертированный минорный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover, #10344CFF)'; +export const inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover)'; /** Инвертированный минорный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active, #091D2AFF)'; +export const inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active)'; /** Прозрачный инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfaceTransparentPositive = 'var(--inverse-surface-transparent-positive, #1A9E3247)'; +export const inverseSurfaceTransparentPositive = 'var(--inverse-surface-transparent-positive)'; /** Прозрачный инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover, #1A9E3233)'; +export const inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover)'; /** Прозрачный инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active, #1A9E3252)'; +export const inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentWarning = 'var(--inverse-surface-transparent-warning, #FA5F0547)'; +export const inverseSurfaceTransparentWarning = 'var(--inverse-surface-transparent-warning)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover, #FA5F0533)'; +export const inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active, #FA5F0552)'; +export const inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative, #FF293E47)'; +export const inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #FF293E33)'; +export const inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #FF293E52)'; +export const inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active)'; /** Прозрачный инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info, #118CDF47)'; +export const inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info)'; /** Прозрачный инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover, #118CDF33)'; +export const inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover)'; /** Прозрачный инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active, #118CDF52)'; +export const inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active)'; /** Основной фон */ -export const backgroundPrimary = 'var(--background-primary, #F9F9F9)'; +export const backgroundPrimary = 'var(--background-primary)'; /** Основной фон на темном фоне */ -export const darkBackgroundPrimary = 'var(--dark-background-primary, #080808)'; +export const darkBackgroundPrimary = 'var(--dark-background-primary)'; /** Основной фон на светлом фоне */ -export const lightBackgroundPrimary = 'var(--light-background-primary, #F9F9F9)'; +export const lightBackgroundPrimary = 'var(--light-background-primary)'; /** Инвертированный основной фон */ -export const inverseBackgroundPrimary = 'var(--inverse-background-primary, #080808)'; +export const inverseBackgroundPrimary = 'var(--inverse-background-primary)'; /** Цвет фона паранжи светлый */ -export const overlaySoft = 'var(--overlay-soft, #F9F9F98F)'; +export const overlaySoft = 'var(--overlay-soft)'; /** Цвет фона паранжи темный */ -export const overlayHard = 'var(--overlay-hard, #F9F9F9F5)'; +export const overlayHard = 'var(--overlay-hard)'; /** Цвет фона паранжи размытый */ -export const overlayBlur = 'var(--overlay-blur, #F9F9F933)'; +export const overlayBlur = 'var(--overlay-blur)'; /** Цвет фона паранжи светлый на темном фоне */ -export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #0808088F)'; +export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft)'; /** Цвет фона паранжи темный на темном фоне */ -export const onDarkOverlayHard = 'var(--on-dark-overlay-hard, #080808F5)'; +export const onDarkOverlayHard = 'var(--on-dark-overlay-hard)'; /** Цвет фона паранжи размытый на темном фоне */ -export const onDarkOverlayBlur = 'var(--on-dark-overlay-blur, #08080833)'; +export const onDarkOverlayBlur = 'var(--on-dark-overlay-blur)'; /** Цвет фона паранжи светлый на светлом фоне */ -export const onLightOverlaySoft = 'var(--on-light-overlay-soft, #F9F9F98F)'; +export const onLightOverlaySoft = 'var(--on-light-overlay-soft)'; /** Цвет фона паранжи темный на светлом фоне */ -export const onLightOverlayHard = 'var(--on-light-overlay-hard, #F9F9F9F5)'; +export const onLightOverlayHard = 'var(--on-light-overlay-hard)'; /** Цвет фона паранжи размытый на светлом фоне */ -export const onLightOverlayBlur = 'var(--on-light-overlay-blur, #F9F9F933)'; +export const onLightOverlayBlur = 'var(--on-light-overlay-blur)'; /** Инвертированный цвет фона паранжи светлый */ -export const inverseOverlaySoft = 'var(--inverse-overlay-soft, #0808088F)'; +export const inverseOverlaySoft = 'var(--inverse-overlay-soft)'; /** Инвертированный цвет фона паранжи темный */ -export const inverseOverlayHard = 'var(--inverse-overlay-hard, #080808F5)'; +export const inverseOverlayHard = 'var(--inverse-overlay-hard)'; /** Инвертированный цвет фона паранжи размытый */ -export const inverseOverlayBlur = 'var(--inverse-overlay-blur, #08080833)'; +export const inverseOverlayBlur = 'var(--inverse-overlay-blur)'; /** Основной непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidPrimary = 'var(--outline-default-outline-solid-primary, #DDDDDD)'; +export const outlineSolidPrimary = 'var(--outline-solid-primary)'; /** Основной непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidPrimaryHover = 'var(--outline-default-outline-solid-primary-hover, #000000FF)'; +export const outlineSolidPrimaryHover = 'var(--outline-solid-primary-hover)'; /** Основной непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidPrimaryActive = 'var(--outline-default-outline-solid-primary-active, #B3B3B3FF)'; +export const outlineSolidPrimaryActive = 'var(--outline-solid-primary-active)'; /** Вторичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidSecondary = 'var(--outline-default-outline-solid-secondary, #B3B3B3)'; +export const outlineSolidSecondary = 'var(--outline-solid-secondary)'; /** Вторичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidSecondaryHover = - 'var(--outline-default-outline-solid-secondary-hover, #000000FF)'; +export const outlineSolidSecondaryHover = 'var(--outline-solid-secondary-hover)'; /** Вторичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidSecondaryActive = - 'var(--outline-default-outline-solid-secondary-active, #8F8F8FFF)'; +export const outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active)'; /** Третичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidTertiary = 'var(--outline-default-outline-solid-tertiary, #707070)'; +export const outlineSolidTertiary = 'var(--outline-solid-tertiary)'; /** Третичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidTertiaryHover = 'var(--outline-default-outline-solid-tertiary-hover, #000000FF)'; +export const outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover)'; /** Третичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidTertiaryActive = - 'var(--outline-default-outline-solid-tertiary-active, #595959FF)'; +export const outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active)'; /** Прозрачный цвет обводки по умолчанию */ -export const outlineDefaultOutlineTransparentDefault = 'var(--outline-default-outline-transparent-default, #080808F5)'; +export const outlineTransparentDefault = 'var(--outline-transparent-default)'; /** Прозрачный цвет обводки по умолчанию */ -export const outlineDefaultOutlineTransparentDefaultHover = - 'var(--outline-default-outline-transparent-default-hover, #08080893)'; +export const outlineTransparentDefaultHover = 'var(--outline-transparent-default-hover)'; /** Прозрачный цвет обводки по умолчанию */ -export const outlineDefaultOutlineTransparentDefaultActive = - 'var(--outline-default-outline-transparent-default-active, #080808C4)'; +export const outlineTransparentDefaultActive = 'var(--outline-transparent-default-active)'; /** Основной прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentPrimary = 'var(--outline-default-outline-transparent-primary, #0808081F)'; +export const outlineTransparentPrimary = 'var(--outline-transparent-primary)'; /** Основной прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentPrimaryHover = - 'var(--outline-default-outline-transparent-primary-hover, #080808FF)'; +export const outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover)'; /** Основной прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentPrimaryActive = - 'var(--outline-default-outline-transparent-primary-active, #08080825)'; +export const outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active)'; /** Вторичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentSecondary = - 'var(--outline-default-outline-transparent-secondary, #08080847)'; +export const outlineTransparentSecondary = 'var(--outline-transparent-secondary)'; /** Вторичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentSecondaryHover = - 'var(--outline-default-outline-transparent-secondary-hover, #080808FF)'; +export const outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover)'; /** Вторичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentSecondaryActive = - 'var(--outline-default-outline-transparent-secondary-active, #08080856)'; +export const outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active)'; /** Третичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentTertiary = - 'var(--outline-default-outline-transparent-tertiary, #0808088F)'; +export const outlineTransparentTertiary = 'var(--outline-transparent-tertiary)'; /** Третичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentTertiaryHover = - 'var(--outline-default-outline-transparent-tertiary-hover, #080808FF)'; +export const outlineTransparentTertiaryHover = 'var(--outline-transparent-tertiary-hover)'; /** Третичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentTertiaryActive = - 'var(--outline-default-outline-transparent-tertiary-active, #080808AB)'; +export const outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active)'; /** Бесцветная обводка */ -export const outlineDefaultOutlineClear = 'var(--outline-default-outline-clear, #FFFFFF00)'; +export const outlineClear = 'var(--outline-clear)'; /** Бесцветная обводка */ -export const outlineDefaultOutlineClearHover = 'var(--outline-default-outline-clear-hover, #FFFFFF00)'; +export const outlineClearHover = 'var(--outline-clear-hover)'; /** Бесцветная обводка */ -export const outlineDefaultOutlineClearActive = 'var(--outline-default-outline-clear-active, #FFFFFF00)'; +export const outlineClearActive = 'var(--outline-clear-active)'; /** Акцентный цвет обводки */ -export const outlineDefaultOutlineAccent = 'var(--outline-default-outline-accent, #108E26)'; +export const outlineAccent = 'var(--outline-accent)'; /** Акцентный цвет обводки */ -export const outlineDefaultOutlineAccentHover = 'var(--outline-default-outline-accent-hover, #14B32EFF)'; +export const outlineAccentHover = 'var(--outline-accent-hover)'; /** Акцентный цвет обводки */ -export const outlineDefaultOutlineAccentActive = 'var(--outline-default-outline-accent-active, #0C6A1BFF)'; +export const outlineAccentActive = 'var(--outline-accent-active)'; /** Акцентный минорный непрозрачный цвет обводки */ -export const outlineDefaultOutlineAccentMinor = 'var(--outline-default-outline-accent-minor, #45E362)'; +export const outlineAccentMinor = 'var(--outline-accent-minor)'; /** Акцентный минорный непрозрачный цвет обводки */ -export const outlineDefaultOutlineAccentMinorHover = 'var(--outline-default-outline-accent-minor-hover, #68E880FF)'; +export const outlineAccentMinorHover = 'var(--outline-accent-minor-hover)'; /** Акцентный минорный непрозрачный цвет обводки */ -export const outlineDefaultOutlineAccentMinorActive = 'var(--outline-default-outline-accent-minor-active, #21DE44FF)'; +export const outlineAccentMinorActive = 'var(--outline-accent-minor-active)'; /** Прозрачный акцентный цвет обводки */ -export const outlineDefaultOutlineTransparentAccent = 'var(--outline-default-outline-transparent-accent, #108E2666)'; +export const outlineTransparentAccent = 'var(--outline-transparent-accent)'; /** Прозрачный акцентный цвет обводки */ -export const outlineDefaultOutlineTransparentAccentHover = - 'var(--outline-default-outline-transparent-accent-hover, #108E25FF)'; +export const outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover)'; /** Прозрачный акцентный цвет обводки */ -export const outlineDefaultOutlineTransparentAccentActive = - 'var(--outline-default-outline-transparent-accent-active, #108E257A)'; +export const outlineTransparentAccentActive = 'var(--outline-transparent-accent-active)'; /** Цвет обводки успех */ -export const outlineDefaultOutlinePositive = 'var(--outline-default-outline-positive, #108E26)'; +export const outlinePositive = 'var(--outline-positive)'; /** Цвет обводки успех */ -export const outlineDefaultOutlinePositiveHover = 'var(--outline-default-outline-positive-hover, #14B32EFF)'; +export const outlinePositiveHover = 'var(--outline-positive-hover)'; /** Цвет обводки успех */ -export const outlineDefaultOutlinePositiveActive = 'var(--outline-default-outline-positive-active, #0C6A1BFF)'; +export const outlinePositiveActive = 'var(--outline-positive-active)'; /** Цвет обводки предупреждение */ -export const outlineDefaultOutlineWarning = 'var(--outline-default-outline-warning, #E85702)'; +export const outlineWarning = 'var(--outline-warning)'; /** Цвет обводки предупреждение */ -export const outlineDefaultOutlineWarningHover = 'var(--outline-default-outline-warning-hover, #FD6B17FF)'; +export const outlineWarningHover = 'var(--outline-warning-hover)'; /** Цвет обводки предупреждение */ -export const outlineDefaultOutlineWarningActive = 'var(--outline-default-outline-warning-active, #C04802FF)'; +export const outlineWarningActive = 'var(--outline-warning-active)'; /** Цвет обводки ошибка */ -export const outlineDefaultOutlineNegative = 'var(--outline-default-outline-negative, #F31B31)'; +export const outlineNegative = 'var(--outline-negative)'; /** Цвет обводки ошибка */ -export const outlineDefaultOutlineNegativeHover = 'var(--outline-default-outline-negative-hover, #F54254FF)'; +export const outlineNegativeHover = 'var(--outline-negative-hover)'; /** Цвет обводки ошибка */ -export const outlineDefaultOutlineNegativeActive = 'var(--outline-default-outline-negative-active, #DA0B20FF)'; +export const outlineNegativeActive = 'var(--outline-negative-active)'; /** Цвет обводки информация */ -export const outlineDefaultOutlineInfo = 'var(--outline-default-outline-info, #0B7ECB)'; +export const outlineInfo = 'var(--outline-info)'; /** Цвет обводки информация */ -export const outlineDefaultOutlineInfoHover = 'var(--outline-default-outline-info-hover, #0D96F2FF)'; +export const outlineInfoHover = 'var(--outline-info-hover)'; /** Цвет обводки информация */ -export const outlineDefaultOutlineInfoActive = 'var(--outline-default-outline-info-active, #0966A5FF)'; +export const outlineInfoActive = 'var(--outline-info-active)'; /** Минорный цвет обводки успех */ -export const outlineDefaultOutlinePositiveMinor = 'var(--outline-default-outline-positive-minor, #45E362)'; +export const outlinePositiveMinor = 'var(--outline-positive-minor)'; /** Минорный цвет обводки успех */ -export const outlineDefaultOutlinePositiveMinorHover = 'var(--outline-default-outline-positive-minor-hover, #68E880FF)'; +export const outlinePositiveMinorHover = 'var(--outline-positive-minor-hover)'; /** Минорный цвет обводки успех */ -export const outlineDefaultOutlinePositiveMinorActive = - 'var(--outline-default-outline-positive-minor-active, #21DE44FF)'; +export const outlinePositiveMinorActive = 'var(--outline-positive-minor-active)'; /** Минорный цвет обводки предупреждение */ -export const outlineDefaultOutlineWarningMinor = 'var(--outline-default-outline-warning-minor, #FFB38A)'; +export const outlineWarningMinor = 'var(--outline-warning-minor)'; /** Минорный цвет обводки предупреждение */ -export const outlineDefaultOutlineWarningMinorHover = 'var(--outline-default-outline-warning-minor-hover, #FFCDB3FF)'; +export const outlineWarningMinorHover = 'var(--outline-warning-minor-hover)'; /** Минорный цвет обводки предупреждение */ -export const outlineDefaultOutlineWarningMinorActive = 'var(--outline-default-outline-warning-minor-active, #FF9861FF)'; +export const outlineWarningMinorActive = 'var(--outline-warning-minor-active)'; /** Минорный цвет обводки ошибка */ -export const outlineDefaultOutlineNegativeMinor = 'var(--outline-default-outline-negative-minor, #FEB3BB)'; +export const outlineNegativeMinor = 'var(--outline-negative-minor)'; /** Минорный цвет обводки ошибка */ -export const outlineDefaultOutlineNegativeMinorHover = 'var(--outline-default-outline-negative-minor-hover, #FEDCDFFF)'; +export const outlineNegativeMinorHover = 'var(--outline-negative-minor-hover)'; /** Минорный цвет обводки ошибка */ -export const outlineDefaultOutlineNegativeMinorActive = - 'var(--outline-default-outline-negative-minor-active, #FD8B97FF)'; +export const outlineNegativeMinorActive = 'var(--outline-negative-minor-active)'; /** Минорный цвет обводки информация */ -export const outlineDefaultOutlineInfoMinor = 'var(--outline-default-outline-info-minor, #85CEFF)'; +export const outlineInfoMinor = 'var(--outline-info-minor)'; /** Минорный цвет обводки информация */ -export const outlineDefaultOutlineInfoMinorHover = 'var(--outline-default-outline-info-minor-hover, #ADDEFFFF)'; +export const outlineInfoMinorHover = 'var(--outline-info-minor-hover)'; /** Минорный цвет обводки информация */ -export const outlineDefaultOutlineInfoMinorActive = 'var(--outline-default-outline-info-minor-active, #5CBEFFFF)'; +export const outlineInfoMinorActive = 'var(--outline-info-minor-active)'; /** Прозрачный цвет обводки успех */ -export const outlineDefaultOutlineTransparentPositive = - 'var(--outline-default-outline-transparent-positive, #108E2647)'; +export const outlineTransparentPositive = 'var(--outline-transparent-positive)'; /** Прозрачный цвет обводки успех */ -export const outlineDefaultOutlineTransparentPositiveHover = - 'var(--outline-default-outline-transparent-positive-hover, #108E25FF)'; +export const outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover)'; /** Прозрачный цвет обводки успех */ -export const outlineDefaultOutlineTransparentPositiveActive = - 'var(--outline-default-outline-transparent-positive-active, #108E2556)'; +export const outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentWarning = 'var(--outline-default-outline-transparent-warning, #E8570247)'; +export const outlineTransparentWarning = 'var(--outline-transparent-warning)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentWarningHover = - 'var(--outline-default-outline-transparent-warning-hover, #E85702FF)'; +export const outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentWarningActive = - 'var(--outline-default-outline-transparent-warning-active, #E8570256)'; +export const outlineTransparentWarningActive = 'var(--outline-transparent-warning-active)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentNegative = - 'var(--outline-default-outline-transparent-negative, #F31B3147)'; +export const outlineTransparentNegative = 'var(--outline-transparent-negative)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentNegativeHover = - 'var(--outline-default-outline-transparent-negative-hover, #F31B31FF)'; +export const outlineTransparentNegativeHover = 'var(--outline-transparent-negative-hover)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentNegativeActive = - 'var(--outline-default-outline-transparent-negative-active, #F31B3156)'; +export const outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active)'; /** Прозрачный цвет обводки информация */ -export const outlineDefaultOutlineTransparentInfo = 'var(--outline-default-outline-transparent-info, #0B7ECB47)'; +export const outlineTransparentInfo = 'var(--outline-transparent-info)'; /** Прозрачный цвет обводки информация */ -export const outlineDefaultOutlineTransparentInfoHover = - 'var(--outline-default-outline-transparent-info-hover, #0B7ECBFF)'; +export const outlineTransparentInfoHover = 'var(--outline-transparent-info-hover)'; /** Прозрачный цвет обводки информация */ -export const outlineDefaultOutlineTransparentInfoActive = - 'var(--outline-default-outline-transparent-info-active, #0B7ECB56)'; +export const outlineTransparentInfoActive = 'var(--outline-transparent-info-active)'; /** Основной непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidPrimary = 'var(--outline-on-dark-outline-solid-primary, #262626)'; +export const onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary)'; /** Основной непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidPrimaryHover = 'var(--outline-on-dark-outline-solid-primary-hover, #787878FF)'; +export const onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover)'; /** Основной непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidPrimaryActive = 'var(--outline-on-dark-outline-solid-primary-active, #4F4F4FFF)'; +export const onDarkOutlineSolidPrimaryActive = 'var(--on-dark-outline-solid-primary-active)'; /** Вторичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidSecondary = 'var(--outline-on-dark-outline-solid-secondary, #363636)'; +export const onDarkOutlineSolidSecondary = 'var(--on-dark-outline-solid-secondary)'; /** Вторичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidSecondaryHover = - 'var(--outline-on-dark-outline-solid-secondary-hover, #878787FF)'; +export const onDarkOutlineSolidSecondaryHover = 'var(--on-dark-outline-solid-secondary-hover)'; /** Вторичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidSecondaryActive = - 'var(--outline-on-dark-outline-solid-secondary-active, #5E5E5EFF)'; +export const onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-secondary-active)'; /** Третичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidTertiary = 'var(--outline-on-dark-outline-solid-tertiary, #4E4E4E)'; +export const onDarkOutlineSolidTertiary = 'var(--on-dark-outline-solid-tertiary)'; /** Третичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidTertiaryHover = 'var(--outline-on-dark-outline-solid-tertiary-hover, #000000FF)'; +export const onDarkOutlineSolidTertiaryHover = 'var(--on-dark-outline-solid-tertiary-hover)'; /** Третичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidTertiaryActive = - 'var(--outline-on-dark-outline-solid-tertiary-active, #404040FF)'; +export const onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active)'; /** Прозрачный цвет обводки по умолчанию на темном фоне */ -export const outlineOnDarkOutlineTransparentDefault = 'var(--outline-on-dark-outline-transparent-default, #F9F9F9F5)'; +export const onDarkOutlineTransparentDefault = 'var(--on-dark-outline-transparent-default)'; /** Прозрачный цвет обводки по умолчанию на темном фоне */ -export const outlineOnDarkOutlineTransparentDefaultHover = - 'var(--outline-on-dark-outline-transparent-default-hover, #FAFAFA93)'; +export const onDarkOutlineTransparentDefaultHover = 'var(--on-dark-outline-transparent-default-hover)'; /** Прозрачный цвет обводки по умолчанию на темном фоне */ -export const outlineOnDarkOutlineTransparentDefaultActive = - 'var(--outline-on-dark-outline-transparent-default-active, #FAFAFAC4)'; +export const onDarkOutlineTransparentDefaultActive = 'var(--on-dark-outline-transparent-default-active)'; /** Основной прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentPrimary = 'var(--outline-on-dark-outline-transparent-primary, #F9F9F91F)'; +export const onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary)'; /** Основной прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentPrimaryHover = - 'var(--outline-on-dark-outline-transparent-primary-hover, #FAFAFAFF)'; +export const onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover)'; /** Основной прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentPrimaryActive = - 'var(--outline-on-dark-outline-transparent-primary-active, #FAFAFA25)'; +export const onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active)'; /** Вторичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentSecondary = - 'var(--outline-on-dark-outline-transparent-secondary, #F9F9F933)'; +export const onDarkOutlineTransparentSecondary = 'var(--on-dark-outline-transparent-secondary)'; /** Вторичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentSecondaryHover = - 'var(--outline-on-dark-outline-transparent-secondary-hover, #FAFAFAFF)'; +export const onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover)'; /** Вторичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentSecondaryActive = - 'var(--outline-on-dark-outline-transparent-secondary-active, #FAFAFA3D)'; +export const onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active)'; /** Третичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentTertiary = 'var(--outline-on-dark-outline-transparent-tertiary, #F9F9F947)'; +export const onDarkOutlineTransparentTertiary = 'var(--on-dark-outline-transparent-tertiary)'; /** Третичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentTertiaryHover = - 'var(--outline-on-dark-outline-transparent-tertiary-hover, #FAFAFAFF)'; +export const onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover)'; /** Третичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentTertiaryActive = - 'var(--outline-on-dark-outline-transparent-tertiary-active, #FAFAFA56)'; +export const onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active)'; /** Бесцветная обводка на темном фоне */ -export const outlineOnDarkOutlineClear = 'var(--outline-on-dark-outline-clear, #FFFFFF00)'; +export const onDarkOutlineClear = 'var(--on-dark-outline-clear)'; /** Бесцветная обводка на темном фоне */ -export const outlineOnDarkOutlineClearHover = 'var(--outline-on-dark-outline-clear-hover, #FFFFFF00)'; +export const onDarkOutlineClearHover = 'var(--on-dark-outline-clear-hover)'; /** Бесцветная обводка на темном фоне */ -export const outlineOnDarkOutlineClearActive = 'var(--outline-on-dark-outline-clear-active, #FFFFFF00)'; +export const onDarkOutlineClearActive = 'var(--on-dark-outline-clear-active)'; /** Акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccent = 'var(--outline-on-dark-outline-accent, #1A9E32)'; +export const onDarkOutlineAccent = 'var(--on-dark-outline-accent)'; /** Акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentHover = 'var(--outline-on-dark-outline-accent-hover, #1FC13DFF)'; +export const onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover)'; /** Акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentActive = 'var(--outline-on-dark-outline-accent-active, #147B27FF)'; +export const onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active)'; /** Акцентный минорный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentMinor = 'var(--outline-on-dark-outline-accent-minor, #0A4014)'; +export const onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor)'; /** Акцентный минорный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentMinorHover = 'var(--outline-on-dark-outline-accent-minor-hover, #15892BFF)'; +export const onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover)'; /** Акцентный минорный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentMinorActive = 'var(--outline-on-dark-outline-accent-minor-active, #106520FF)'; +export const onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active)'; /** Прозрачный акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentAccent = 'var(--outline-on-dark-outline-transparent-accent, #1A9E3266)'; +export const onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent)'; /** Прозрачный акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentAccentHover = - 'var(--outline-on-dark-outline-transparent-accent-hover, #1A9E32FF)'; +export const onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover)'; /** Прозрачный акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentAccentActive = - 'var(--outline-on-dark-outline-transparent-accent-active, #1A9E327A)'; +export const onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active)'; /** Цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositive = 'var(--outline-on-dark-outline-positive, #1A9E32)'; +export const onDarkOutlinePositive = 'var(--on-dark-outline-positive)'; /** Цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositiveHover = 'var(--outline-on-dark-outline-positive-hover, #1FC13DFF)'; +export const onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover)'; /** Цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositiveActive = 'var(--outline-on-dark-outline-positive-active, #147B27FF)'; +export const onDarkOutlinePositiveActive = 'var(--on-dark-outline-positive-active)'; /** Цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarning = 'var(--outline-on-dark-outline-warning, #FA5F05)'; +export const onDarkOutlineWarning = 'var(--on-dark-outline-warning)'; /** Цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarningHover = 'var(--outline-on-dark-outline-warning-hover, #FB782DFF)'; +export const onDarkOutlineWarningHover = 'var(--on-dark-outline-warning-hover)'; /** Цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarningActive = 'var(--outline-on-dark-outline-warning-active, #D25004FF)'; +export const onDarkOutlineWarningActive = 'var(--on-dark-outline-warning-active)'; /** Цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegative = 'var(--outline-on-dark-outline-negative, #FF293E)'; +export const onDarkOutlineNegative = 'var(--on-dark-outline-negative)'; /** Цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegativeHover = 'var(--outline-on-dark-outline-negative-hover, #FF5263FF)'; +export const onDarkOutlineNegativeHover = 'var(--on-dark-outline-negative-hover)'; /** Цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegativeActive = 'var(--outline-on-dark-outline-negative-active, #FF001AFF)'; +export const onDarkOutlineNegativeActive = 'var(--on-dark-outline-negative-active)'; /** Цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfo = 'var(--outline-on-dark-outline-info, #118CDF)'; +export const onDarkOutlineInfo = 'var(--on-dark-outline-info)'; /** Цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfoHover = 'var(--outline-on-dark-outline-info-hover, #2AA0EFFF)'; +export const onDarkOutlineInfoHover = 'var(--on-dark-outline-info-hover)'; /** Цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfoActive = 'var(--outline-on-dark-outline-info-active, #0E75B9FF)'; +export const onDarkOutlineInfoActive = 'var(--on-dark-outline-info-active)'; /** Минорный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositiveMinor = 'var(--outline-on-dark-outline-positive-minor, #0A4014)'; +export const onDarkOutlinePositiveMinor = 'var(--on-dark-outline-positive-minor)'; /** Минорный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositiveMinorHover = 'var(--outline-on-dark-outline-positive-minor-hover, #15892BFF)'; +export const onDarkOutlinePositiveMinorHover = 'var(--on-dark-outline-positive-minor-hover)'; /** Минорный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositiveMinorActive = - 'var(--outline-on-dark-outline-positive-minor-active, #106520FF)'; +export const onDarkOutlinePositiveMinorActive = 'var(--on-dark-outline-positive-minor-active)'; /** Минорный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarningMinor = 'var(--outline-on-dark-outline-warning-minor, #5C2709)'; +export const onDarkOutlineWarningMinor = 'var(--on-dark-outline-warning-minor)'; /** Минорный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarningMinorHover = 'var(--outline-on-dark-outline-warning-minor-hover, #A74811FF)'; +export const onDarkOutlineWarningMinorHover = 'var(--on-dark-outline-warning-minor-hover)'; /** Минорный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarningMinorActive = 'var(--outline-on-dark-outline-warning-minor-active, #82380DFF)'; +export const onDarkOutlineWarningMinorActive = 'var(--on-dark-outline-warning-minor-active)'; /** Минорный цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegativeMinor = 'var(--outline-on-dark-outline-negative-minor, #6B1019)'; +export const onDarkOutlineNegativeMinor = 'var(--on-dark-outline-negative-minor)'; /** Минорный цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegativeMinorHover = 'var(--outline-on-dark-outline-negative-minor-hover, #B11B2AFF)'; +export const onDarkOutlineNegativeMinorHover = 'var(--on-dark-outline-negative-minor-hover)'; /** Минорный цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegativeMinorActive = - 'var(--outline-on-dark-outline-negative-minor-active, #8E1521FF)'; +export const onDarkOutlineNegativeMinorActive = 'var(--on-dark-outline-negative-minor-active)'; /** Минорный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfoMinor = 'var(--outline-on-dark-outline-info-minor, #0D3B59)'; +export const onDarkOutlineInfoMinor = 'var(--on-dark-outline-info-minor)'; /** Минорный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfoMinorHover = 'var(--outline-on-dark-outline-info-minor-hover, #176AA1FF)'; +export const onDarkOutlineInfoMinorHover = 'var(--on-dark-outline-info-minor-hover)'; /** Минорный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfoMinorActive = 'var(--outline-on-dark-outline-info-minor-active, #12527DFF)'; +export const onDarkOutlineInfoMinorActive = 'var(--on-dark-outline-info-minor-active)'; /** Прозрачный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlineTransparentPositive = 'var(--outline-on-dark-outline-transparent-positive, #1A9E3247)'; +export const onDarkOutlineTransparentPositive = 'var(--on-dark-outline-transparent-positive)'; /** Прозрачный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlineTransparentPositiveHover = - 'var(--outline-on-dark-outline-transparent-positive-hover, #1A9E32FF)'; +export const onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover)'; /** Прозрачный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlineTransparentPositiveActive = - 'var(--outline-on-dark-outline-transparent-positive-active, #1A9E3256)'; +export const onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentWarning = 'var(--outline-on-dark-outline-transparent-warning, #FA5F0547)'; +export const onDarkOutlineTransparentWarning = 'var(--on-dark-outline-transparent-warning)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentWarningHover = - 'var(--outline-on-dark-outline-transparent-warning-hover, #FA5F05FF)'; +export const onDarkOutlineTransparentWarningHover = 'var(--on-dark-outline-transparent-warning-hover)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentWarningActive = - 'var(--outline-on-dark-outline-transparent-warning-active, #FA5F0556)'; +export const onDarkOutlineTransparentWarningActive = 'var(--on-dark-outline-transparent-warning-active)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentNegative = 'var(--outline-on-dark-outline-transparent-negative, #FF293E47)'; +export const onDarkOutlineTransparentNegative = 'var(--on-dark-outline-transparent-negative)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentNegativeHover = - 'var(--outline-on-dark-outline-transparent-negative-hover, #FF293EFF)'; +export const onDarkOutlineTransparentNegativeHover = 'var(--on-dark-outline-transparent-negative-hover)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentNegativeActive = - 'var(--outline-on-dark-outline-transparent-negative-active, #FF293E56)'; +export const onDarkOutlineTransparentNegativeActive = 'var(--on-dark-outline-transparent-negative-active)'; /** Прозрачный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineTransparentInfo = 'var(--outline-on-dark-outline-transparent-info, #118CDF47)'; +export const onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info)'; /** Прозрачный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineTransparentInfoHover = - 'var(--outline-on-dark-outline-transparent-info-hover, #118CDFFF)'; +export const onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover)'; /** Прозрачный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineTransparentInfoActive = - 'var(--outline-on-dark-outline-transparent-info-active, #118CDF56)'; +export const onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active)'; /** Основной непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidPrimary = 'var(--outline-on-light-outline-solid-primary, #DDDDDD)'; +export const onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary)'; /** Основной непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidPrimaryHover = 'var(--outline-on-light-outline-solid-primary-hover, #000000FF)'; +export const onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover)'; /** Основной непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidPrimaryActive = - 'var(--outline-on-light-outline-solid-primary-active, #B3B3B3FF)'; +export const onLightOutlineSolidPrimaryActive = 'var(--on-light-outline-solid-primary-active)'; /** Вторичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidSecondary = 'var(--outline-on-light-outline-solid-secondary, #B3B3B3)'; +export const onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary)'; /** Вторичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidSecondaryHover = - 'var(--outline-on-light-outline-solid-secondary-hover, #000000FF)'; +export const onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover)'; /** Вторичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidSecondaryActive = - 'var(--outline-on-light-outline-solid-secondary-active, #8F8F8FFF)'; +export const onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active)'; /** Третичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidTertiary = 'var(--outline-on-light-outline-solid-tertiary, #707070)'; +export const onLightOutlineSolidTertiary = 'var(--on-light-outline-solid-tertiary)'; /** Третичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidTertiaryHover = - 'var(--outline-on-light-outline-solid-tertiary-hover, #000000FF)'; +export const onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover)'; /** Третичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidTertiaryActive = - 'var(--outline-on-light-outline-solid-tertiary-active, #595959FF)'; +export const onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active)'; /** Прозрачный цвет обводки по умолчанию на светлом фоне */ -export const outlineOnLightOutlineTransparentDefault = 'var(--outline-on-light-outline-transparent-default, #080808F5)'; +export const onLightOutlineTransparentDefault = 'var(--on-light-outline-transparent-default)'; /** Прозрачный цвет обводки по умолчанию на светлом фоне */ -export const outlineOnLightOutlineTransparentDefaultHover = - 'var(--outline-on-light-outline-transparent-default-hover, #08080893)'; +export const onLightOutlineTransparentDefaultHover = 'var(--on-light-outline-transparent-default-hover)'; /** Прозрачный цвет обводки по умолчанию на светлом фоне */ -export const outlineOnLightOutlineTransparentDefaultActive = - 'var(--outline-on-light-outline-transparent-default-active, #080808C4)'; +export const onLightOutlineTransparentDefaultActive = 'var(--on-light-outline-transparent-default-active)'; /** Основной прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentPrimary = 'var(--outline-on-light-outline-transparent-primary, #0808081F)'; +export const onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary)'; /** Основной прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentPrimaryHover = - 'var(--outline-on-light-outline-transparent-primary-hover, #080808FF)'; +export const onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover)'; /** Основной прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentPrimaryActive = - 'var(--outline-on-light-outline-transparent-primary-active, #08080825)'; +export const onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active)'; /** Вторичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentSecondary = - 'var(--outline-on-light-outline-transparent-secondary, #08080847)'; +export const onLightOutlineTransparentSecondary = 'var(--on-light-outline-transparent-secondary)'; /** Вторичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentSecondaryHover = - 'var(--outline-on-light-outline-transparent-secondary-hover, #080808FF)'; +export const onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover)'; /** Вторичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentSecondaryActive = - 'var(--outline-on-light-outline-transparent-secondary-active, #08080856)'; +export const onLightOutlineTransparentSecondaryActive = 'var(--on-light-outline-transparent-secondary-active)'; /** Третичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentTertiary = - 'var(--outline-on-light-outline-transparent-tertiary, #0808088F)'; +export const onLightOutlineTransparentTertiary = 'var(--on-light-outline-transparent-tertiary)'; /** Третичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentTertiaryHover = - 'var(--outline-on-light-outline-transparent-tertiary-hover, #080808FF)'; +export const onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-transparent-tertiary-hover)'; /** Третичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentTertiaryActive = - 'var(--outline-on-light-outline-transparent-tertiary-active, #080808AB)'; +export const onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active)'; /** Бесцветная обводка на светлом фоне */ -export const outlineOnLightOutlineClear = 'var(--outline-on-light-outline-clear, #FFFFFF00)'; +export const onLightOutlineClear = 'var(--on-light-outline-clear)'; /** Бесцветная обводка на светлом фоне */ -export const outlineOnLightOutlineClearHover = 'var(--outline-on-light-outline-clear-hover, #FFFFFF00)'; +export const onLightOutlineClearHover = 'var(--on-light-outline-clear-hover)'; /** Бесцветная обводка на светлом фоне */ -export const outlineOnLightOutlineClearActive = 'var(--outline-on-light-outline-clear-active, #FFFFFF00)'; +export const onLightOutlineClearActive = 'var(--on-light-outline-clear-active)'; /** Акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccent = 'var(--outline-on-light-outline-accent, #108E26)'; +export const onLightOutlineAccent = 'var(--on-light-outline-accent)'; /** Акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentHover = 'var(--outline-on-light-outline-accent-hover, #14B32EFF)'; +export const onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover)'; /** Акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentActive = 'var(--outline-on-light-outline-accent-active, #0C6A1BFF)'; +export const onLightOutlineAccentActive = 'var(--on-light-outline-accent-active)'; /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentMinor = 'var(--outline-on-light-outline-accent-minor, #45E362)'; +export const onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor)'; /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentMinorHover = 'var(--outline-on-light-outline-accent-minor-hover, #68E880FF)'; +export const onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover)'; /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentMinorActive = 'var(--outline-on-light-outline-accent-minor-active, #21DE44FF)'; +export const onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active)'; /** Прозрачный акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentAccent = 'var(--outline-on-light-outline-transparent-accent, #108E2666)'; +export const onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent)'; /** Прозрачный акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentAccentHover = - 'var(--outline-on-light-outline-transparent-accent-hover, #108E25FF)'; +export const onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover)'; /** Прозрачный акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentAccentActive = - 'var(--outline-on-light-outline-transparent-accent-active, #108E257A)'; +export const onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active)'; /** Цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositive = 'var(--outline-on-light-outline-positive, #108E26)'; +export const onLightOutlinePositive = 'var(--on-light-outline-positive)'; /** Цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositiveHover = 'var(--outline-on-light-outline-positive-hover, #14B32EFF)'; +export const onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover)'; /** Цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositiveActive = 'var(--outline-on-light-outline-positive-active, #0C6A1BFF)'; +export const onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active)'; /** Цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarning = 'var(--outline-on-light-outline-warning, #E85702)'; +export const onLightOutlineWarning = 'var(--on-light-outline-warning)'; /** Цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarningHover = 'var(--outline-on-light-outline-warning-hover, #FD6B17FF)'; +export const onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover)'; /** Цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarningActive = 'var(--outline-on-light-outline-warning-active, #C04802FF)'; +export const onLightOutlineWarningActive = 'var(--on-light-outline-warning-active)'; /** Цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegative = 'var(--outline-on-light-outline-negative, #F31B31)'; +export const onLightOutlineNegative = 'var(--on-light-outline-negative)'; /** Цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegativeHover = 'var(--outline-on-light-outline-negative-hover, #F54254FF)'; +export const onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover)'; /** Цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegativeActive = 'var(--outline-on-light-outline-negative-active, #DA0B20FF)'; +export const onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active)'; /** Цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfo = 'var(--outline-on-light-outline-info, #0B7ECB)'; +export const onLightOutlineInfo = 'var(--on-light-outline-info)'; /** Цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfoHover = 'var(--outline-on-light-outline-info-hover, #0D96F2FF)'; +export const onLightOutlineInfoHover = 'var(--on-light-outline-info-hover)'; /** Цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfoActive = 'var(--outline-on-light-outline-info-active, #0966A5FF)'; +export const onLightOutlineInfoActive = 'var(--on-light-outline-info-active)'; /** Минорный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositiveMinor = 'var(--outline-on-light-outline-positive-minor, #45E362)'; +export const onLightOutlinePositiveMinor = 'var(--on-light-outline-positive-minor)'; /** Минорный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositiveMinorHover = - 'var(--outline-on-light-outline-positive-minor-hover, #68E880FF)'; +export const onLightOutlinePositiveMinorHover = 'var(--on-light-outline-positive-minor-hover)'; /** Минорный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositiveMinorActive = - 'var(--outline-on-light-outline-positive-minor-active, #21DE44FF)'; +export const onLightOutlinePositiveMinorActive = 'var(--on-light-outline-positive-minor-active)'; /** Минорный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarningMinor = 'var(--outline-on-light-outline-warning-minor, #FFB38A)'; +export const onLightOutlineWarningMinor = 'var(--on-light-outline-warning-minor)'; /** Минорный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarningMinorHover = 'var(--outline-on-light-outline-warning-minor-hover, #FFCDB3FF)'; +export const onLightOutlineWarningMinorHover = 'var(--on-light-outline-warning-minor-hover)'; /** Минорный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarningMinorActive = - 'var(--outline-on-light-outline-warning-minor-active, #FF9861FF)'; +export const onLightOutlineWarningMinorActive = 'var(--on-light-outline-warning-minor-active)'; /** Минорный цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegativeMinor = 'var(--outline-on-light-outline-negative-minor, #FEB3BB)'; +export const onLightOutlineNegativeMinor = 'var(--on-light-outline-negative-minor)'; /** Минорный цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegativeMinorHover = - 'var(--outline-on-light-outline-negative-minor-hover, #FEDCDFFF)'; +export const onLightOutlineNegativeMinorHover = 'var(--on-light-outline-negative-minor-hover)'; /** Минорный цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegativeMinorActive = - 'var(--outline-on-light-outline-negative-minor-active, #FD8B97FF)'; +export const onLightOutlineNegativeMinorActive = 'var(--on-light-outline-negative-minor-active)'; /** Минорный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfoMinor = 'var(--outline-on-light-outline-info-minor, #85CEFF)'; +export const onLightOutlineInfoMinor = 'var(--on-light-outline-info-minor)'; /** Минорный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfoMinorHover = 'var(--outline-on-light-outline-info-minor-hover, #ADDEFFFF)'; +export const onLightOutlineInfoMinorHover = 'var(--on-light-outline-info-minor-hover)'; /** Минорный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfoMinorActive = 'var(--outline-on-light-outline-info-minor-active, #5CBEFFFF)'; +export const onLightOutlineInfoMinorActive = 'var(--on-light-outline-info-minor-active)'; /** Прозрачный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlineTransparentPositive = - 'var(--outline-on-light-outline-transparent-positive, #108E2647)'; +export const onLightOutlineTransparentPositive = 'var(--on-light-outline-transparent-positive)'; /** Прозрачный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlineTransparentPositiveHover = - 'var(--outline-on-light-outline-transparent-positive-hover, #108E25FF)'; +export const onLightOutlineTransparentPositiveHover = 'var(--on-light-outline-transparent-positive-hover)'; /** Прозрачный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlineTransparentPositiveActive = - 'var(--outline-on-light-outline-transparent-positive-active, #108E2556)'; +export const onLightOutlineTransparentPositiveActive = 'var(--on-light-outline-transparent-positive-active)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentWarning = 'var(--outline-on-light-outline-transparent-warning, #E8570247)'; +export const onLightOutlineTransparentWarning = 'var(--on-light-outline-transparent-warning)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentWarningHover = - 'var(--outline-on-light-outline-transparent-warning-hover, #E85702FF)'; +export const onLightOutlineTransparentWarningHover = 'var(--on-light-outline-transparent-warning-hover)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentWarningActive = - 'var(--outline-on-light-outline-transparent-warning-active, #E8570256)'; +export const onLightOutlineTransparentWarningActive = 'var(--on-light-outline-transparent-warning-active)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentNegative = - 'var(--outline-on-light-outline-transparent-negative, #F31B3147)'; +export const onLightOutlineTransparentNegative = 'var(--on-light-outline-transparent-negative)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentNegativeHover = - 'var(--outline-on-light-outline-transparent-negative-hover, #F31B31FF)'; +export const onLightOutlineTransparentNegativeHover = 'var(--on-light-outline-transparent-negative-hover)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentNegativeActive = - 'var(--outline-on-light-outline-transparent-negative-active, #F31B3156)'; +export const onLightOutlineTransparentNegativeActive = 'var(--on-light-outline-transparent-negative-active)'; /** Прозрачный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineTransparentInfo = 'var(--outline-on-light-outline-transparent-info, #0B7ECB47)'; +export const onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-info)'; /** Прозрачный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineTransparentInfoHover = - 'var(--outline-on-light-outline-transparent-info-hover, #0B7ECBFF)'; +export const onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover)'; /** Прозрачный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineTransparentInfoActive = - 'var(--outline-on-light-outline-transparent-info-active, #0B7ECB56)'; +export const onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active)'; /** Инвертированный основной непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidPrimary = 'var(--outline-inverse-outline-solid-primary, #262626)'; +export const inverseOutlineSolidPrimary = 'var(--inverse-outline-solid-primary)'; /** Инвертированный основной непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidPrimaryHover = 'var(--outline-inverse-outline-solid-primary-hover, #787878FF)'; +export const inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover)'; /** Инвертированный основной непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidPrimaryActive = 'var(--outline-inverse-outline-solid-primary-active, #4F4F4FFF)'; +export const inverseOutlineSolidPrimaryActive = 'var(--inverse-outline-solid-primary-active)'; /** Инвертированный вторичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidSecondary = 'var(--outline-inverse-outline-solid-secondary, #363636)'; +export const inverseOutlineSolidSecondary = 'var(--inverse-outline-solid-secondary)'; /** Инвертированный вторичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidSecondaryHover = - 'var(--outline-inverse-outline-solid-secondary-hover, #878787FF)'; +export const inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-hover)'; /** Инвертированный вторичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidSecondaryActive = - 'var(--outline-inverse-outline-solid-secondary-active, #5E5E5EFF)'; +export const inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active)'; /** Инвертированный третичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidTertiary = 'var(--outline-inverse-outline-solid-tertiary, #4E4E4E)'; +export const inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary)'; /** Инвертированный третичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidTertiaryHover = 'var(--outline-inverse-outline-solid-tertiary-hover, #000000FF)'; +export const inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover)'; /** Инвертированный третичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidTertiaryActive = - 'var(--outline-inverse-outline-solid-tertiary-active, #404040FF)'; +export const inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active)'; /** Инвертированный прозрачный цвет обводки по умолчанию */ -export const outlineInverseOutlineTransparentDefault = 'var(--outline-inverse-outline-transparent-default, #F9F9F9F5)'; +export const inverseOutlineTransparentDefault = 'var(--inverse-outline-transparent-default)'; /** Инвертированный прозрачный цвет обводки по умолчанию */ -export const outlineInverseOutlineTransparentDefaultHover = - 'var(--outline-inverse-outline-transparent-default-hover, #FAFAFA93)'; +export const inverseOutlineTransparentDefaultHover = 'var(--inverse-outline-transparent-default-hover)'; /** Инвертированный прозрачный цвет обводки по умолчанию */ -export const outlineInverseOutlineTransparentDefaultActive = - 'var(--outline-inverse-outline-transparent-default-active, #FAFAFAC4)'; +export const inverseOutlineTransparentDefaultActive = 'var(--inverse-outline-transparent-default-active)'; /** Инвертированный основной прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentPrimary = 'var(--outline-inverse-outline-transparent-primary, #F9F9F91F)'; +export const inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary)'; /** Инвертированный основной прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentPrimaryHover = - 'var(--outline-inverse-outline-transparent-primary-hover, #FAFAFAFF)'; +export const inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-primary-hover)'; /** Инвертированный основной прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentPrimaryActive = - 'var(--outline-inverse-outline-transparent-primary-active, #FAFAFA25)'; +export const inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active)'; /** Инвертированный вторичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentSecondary = - 'var(--outline-inverse-outline-transparent-secondary, #F9F9F933)'; +export const inverseOutlineTransparentSecondary = 'var(--inverse-outline-transparent-secondary)'; /** Инвертированный вторичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentSecondaryHover = - 'var(--outline-inverse-outline-transparent-secondary-hover, #FAFAFAFF)'; +export const inverseOutlineTransparentSecondaryHover = 'var(--inverse-outline-transparent-secondary-hover)'; /** Инвертированный вторичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentSecondaryActive = - 'var(--outline-inverse-outline-transparent-secondary-active, #FAFAFA3D)'; +export const inverseOutlineTransparentSecondaryActive = 'var(--inverse-outline-transparent-secondary-active)'; /** Инвертированный третичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentTertiary = - 'var(--outline-inverse-outline-transparent-tertiary, #F9F9F947)'; +export const inverseOutlineTransparentTertiary = 'var(--inverse-outline-transparent-tertiary)'; /** Инвертированный третичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentTertiaryHover = - 'var(--outline-inverse-outline-transparent-tertiary-hover, #FAFAFAFF)'; +export const inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-transparent-tertiary-hover)'; /** Инвертированный третичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentTertiaryActive = - 'var(--outline-inverse-outline-transparent-tertiary-active, #FAFAFA56)'; +export const inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active)'; /** Инвертированная бесцветная обводка */ -export const outlineInverseOutlineClear = 'var(--outline-inverse-outline-clear, #FFFFFF00)'; +export const inverseOutlineClear = 'var(--inverse-outline-clear)'; /** Инвертированная бесцветная обводка */ -export const outlineInverseOutlineClearHover = 'var(--outline-inverse-outline-clear-hover, #FFFFFF00)'; +export const inverseOutlineClearHover = 'var(--inverse-outline-clear-hover)'; /** Инвертированная бесцветная обводка */ -export const outlineInverseOutlineClearActive = 'var(--outline-inverse-outline-clear-active, #FFFFFF00)'; +export const inverseOutlineClearActive = 'var(--inverse-outline-clear-active)'; /** Инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineAccent = 'var(--outline-inverse-outline-accent, #1A9E32)'; +export const inverseOutlineAccent = 'var(--inverse-outline-accent)'; /** Инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineAccentHover = 'var(--outline-inverse-outline-accent-hover, #1FC13DFF)'; +export const inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover)'; /** Инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineAccentActive = 'var(--outline-inverse-outline-accent-active, #147B27FF)'; +export const inverseOutlineAccentActive = 'var(--inverse-outline-accent-active)'; /** Инвертированный акцентный минорный непрозрачный цвет обводки */ -export const outlineInverseOutlineAccentMinor = 'var(--outline-inverse-outline-accent-minor, #0A4014)'; +export const inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor)'; /** Инвертированный акцентный минорный непрозрачный цвет обводки */ -export const outlineInverseOutlineAccentMinorHover = 'var(--outline-inverse-outline-accent-minor-hover, #15892BFF)'; +export const inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover)'; /** Инвертированный акцентный минорный непрозрачный цвет обводки */ -export const outlineInverseOutlineAccentMinorActive = 'var(--outline-inverse-outline-accent-minor-active, #106520FF)'; +export const inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active)'; /** Прозрачный инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineTransparentAccent = 'var(--outline-inverse-outline-transparent-accent, #1A9E3266)'; +export const inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent)'; /** Прозрачный инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineTransparentAccentHover = - 'var(--outline-inverse-outline-transparent-accent-hover, #1A9E32FF)'; +export const inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover)'; /** Прозрачный инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineTransparentAccentActive = - 'var(--outline-inverse-outline-transparent-accent-active, #1A9E327A)'; +export const inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active)'; /** Инвертированный цвет обводки успех */ -export const outlineInverseOutlinePositive = 'var(--outline-inverse-outline-positive, #1A9E32)'; +export const inverseOutlinePositive = 'var(--inverse-outline-positive)'; /** Инвертированный цвет обводки успех */ -export const outlineInverseOutlinePositiveHover = 'var(--outline-inverse-outline-positive-hover, #1FC13DFF)'; +export const inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover)'; /** Инвертированный цвет обводки успех */ -export const outlineInverseOutlinePositiveActive = 'var(--outline-inverse-outline-positive-active, #147B27FF)'; +export const inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active)'; /** Инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineWarning = 'var(--outline-inverse-outline-warning, #FA5F05)'; +export const inverseOutlineWarning = 'var(--inverse-outline-warning)'; /** Инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineWarningHover = 'var(--outline-inverse-outline-warning-hover, #FB782DFF)'; +export const inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover)'; /** Инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineWarningActive = 'var(--outline-inverse-outline-warning-active, #D25004FF)'; +export const inverseOutlineWarningActive = 'var(--inverse-outline-warning-active)'; /** Инвертированный цвет обводки ошибка */ -export const outlineInverseOutlineNegative = 'var(--outline-inverse-outline-negative, #FF293E)'; +export const inverseOutlineNegative = 'var(--inverse-outline-negative)'; /** Инвертированный цвет обводки ошибка */ -export const outlineInverseOutlineNegativeHover = 'var(--outline-inverse-outline-negative-hover, #FF5263FF)'; +export const inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover)'; /** Инвертированный цвет обводки ошибка */ -export const outlineInverseOutlineNegativeActive = 'var(--outline-inverse-outline-negative-active, #FF001AFF)'; +export const inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active)'; /** Инвертированный цвет обводки информация */ -export const outlineInverseOutlineInfo = 'var(--outline-inverse-outline-info, #118CDF)'; +export const inverseOutlineInfo = 'var(--inverse-outline-info)'; /** Инвертированный цвет обводки информация */ -export const outlineInverseOutlineInfoHover = 'var(--outline-inverse-outline-info-hover, #2AA0EFFF)'; +export const inverseOutlineInfoHover = 'var(--inverse-outline-info-hover)'; /** Инвертированный цвет обводки информация */ -export const outlineInverseOutlineInfoActive = 'var(--outline-inverse-outline-info-active, #0E75B9FF)'; +export const inverseOutlineInfoActive = 'var(--inverse-outline-info-active)'; /** Инвертированный минорный цвет обводки успех */ -export const outlineInverseOutlinePositiveMinor = 'var(--outline-inverse-outline-positive-minor, #0A4014)'; +export const inverseOutlinePositiveMinor = 'var(--inverse-outline-positive-minor)'; /** Инвертированный минорный цвет обводки успех */ -export const outlineInverseOutlinePositiveMinorHover = 'var(--outline-inverse-outline-positive-minor-hover, #15892BFF)'; +export const inverseOutlinePositiveMinorHover = 'var(--inverse-outline-positive-minor-hover)'; /** Инвертированный минорный цвет обводки успех */ -export const outlineInverseOutlinePositiveMinorActive = - 'var(--outline-inverse-outline-positive-minor-active, #106520FF)'; +export const inverseOutlinePositiveMinorActive = 'var(--inverse-outline-positive-minor-active)'; /** Инвертированный минорный цвет обводки предупреждение */ -export const outlineInverseOutlineWarningMinor = 'var(--outline-inverse-outline-warning-minor, #5C2709)'; +export const inverseOutlineWarningMinor = 'var(--inverse-outline-warning-minor)'; /** Инвертированный минорный цвет обводки предупреждение */ -export const outlineInverseOutlineWarningMinorHover = 'var(--outline-inverse-outline-warning-minor-hover, #A74811FF)'; +export const inverseOutlineWarningMinorHover = 'var(--inverse-outline-warning-minor-hover)'; /** Инвертированный минорный цвет обводки предупреждение */ -export const outlineInverseOutlineWarningMinorActive = 'var(--outline-inverse-outline-warning-minor-active, #82380DFF)'; +export const inverseOutlineWarningMinorActive = 'var(--inverse-outline-warning-minor-active)'; /** Инвертированный минорный цвет обводки ошибка */ -export const outlineInverseOutlineNegativeMinor = 'var(--outline-inverse-outline-negative-minor, #6B1019)'; +export const inverseOutlineNegativeMinor = 'var(--inverse-outline-negative-minor)'; /** Инвертированный минорный цвет обводки ошибка */ -export const outlineInverseOutlineNegativeMinorHover = 'var(--outline-inverse-outline-negative-minor-hover, #B11B2AFF)'; +export const inverseOutlineNegativeMinorHover = 'var(--inverse-outline-negative-minor-hover)'; /** Инвертированный минорный цвет обводки ошибка */ -export const outlineInverseOutlineNegativeMinorActive = - 'var(--outline-inverse-outline-negative-minor-active, #8E1521FF)'; +export const inverseOutlineNegativeMinorActive = 'var(--inverse-outline-negative-minor-active)'; /** Инвертированный минорный цвет обводки информация */ -export const outlineInverseOutlineInfoMinor = 'var(--outline-inverse-outline-info-minor, #0D3B59)'; +export const inverseOutlineInfoMinor = 'var(--inverse-outline-info-minor)'; /** Инвертированный минорный цвет обводки информация */ -export const outlineInverseOutlineInfoMinorHover = 'var(--outline-inverse-outline-info-minor-hover, #176AA1FF)'; +export const inverseOutlineInfoMinorHover = 'var(--inverse-outline-info-minor-hover)'; /** Инвертированный минорный цвет обводки информация */ -export const outlineInverseOutlineInfoMinorActive = 'var(--outline-inverse-outline-info-minor-active, #12527DFF)'; +export const inverseOutlineInfoMinorActive = 'var(--inverse-outline-info-minor-active)'; /** Прозрачный инвертированный цвет обводки успех */ -export const outlineInverseOutlineTransparentPositive = - 'var(--outline-inverse-outline-transparent-positive, #1A9E3247)'; +export const inverseOutlineTransparentPositive = 'var(--inverse-outline-transparent-positive)'; /** Прозрачный инвертированный цвет обводки успех */ -export const outlineInverseOutlineTransparentPositiveHover = - 'var(--outline-inverse-outline-transparent-positive-hover, #1A9E32FF)'; +export const inverseOutlineTransparentPositiveHover = 'var(--inverse-outline-transparent-positive-hover)'; /** Прозрачный инвертированный цвет обводки успех */ -export const outlineInverseOutlineTransparentPositiveActive = - 'var(--outline-inverse-outline-transparent-positive-active, #1A9E3256)'; +export const inverseOutlineTransparentPositiveActive = 'var(--inverse-outline-transparent-positive-active)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentWarning = 'var(--outline-inverse-outline-transparent-warning, #FA5F0547)'; +export const inverseOutlineTransparentWarning = 'var(--inverse-outline-transparent-warning)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentWarningHover = - 'var(--outline-inverse-outline-transparent-warning-hover, #FA5F05FF)'; +export const inverseOutlineTransparentWarningHover = 'var(--inverse-outline-transparent-warning-hover)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentWarningActive = - 'var(--outline-inverse-outline-transparent-warning-active, #FA5F0556)'; +export const inverseOutlineTransparentWarningActive = 'var(--inverse-outline-transparent-warning-active)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentNegative = - 'var(--outline-inverse-outline-transparent-negative, #FF293E47)'; +export const inverseOutlineTransparentNegative = 'var(--inverse-outline-transparent-negative)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentNegativeHover = - 'var(--outline-inverse-outline-transparent-negative-hover, #FF293EFF)'; +export const inverseOutlineTransparentNegativeHover = 'var(--inverse-outline-transparent-negative-hover)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentNegativeActive = - 'var(--outline-inverse-outline-transparent-negative-active, #FF293E56)'; +export const inverseOutlineTransparentNegativeActive = 'var(--inverse-outline-transparent-negative-active)'; /** Прозрачный инвертированный цвет обводки информация */ -export const outlineInverseOutlineTransparentInfo = 'var(--outline-inverse-outline-transparent-info, #118CDF47)'; +export const inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-info)'; /** Прозрачный инвертированный цвет обводки информация */ -export const outlineInverseOutlineTransparentInfoHover = - 'var(--outline-inverse-outline-transparent-info-hover, #118CDFFF)'; +export const inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover)'; /** Прозрачный инвертированный цвет обводки информация */ -export const outlineInverseOutlineTransparentInfoActive = - 'var(--outline-inverse-outline-transparent-info-active, #118CDF56)'; +export const inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active)'; -export const skeletonGradient = - 'var(--skeleton-gradient, linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ))'; +/** Фон для скелетона */ +export const surfaceSkeletonGradient = 'var(--surface-skeleton-gradient)'; -export const skeletonGradientLighter = - 'var(--skeleton-gradient-lighter, linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ))'; +/** Фон для скелетона */ +export const surfaceSkeletonGradientHover = 'var(--surface-skeleton-gradient-hover)'; -export const shadowDownSoftS = - 'var(--shadow-down-soft-s, 0px 4px 14px -4px rgba(8, 8, 8, 0.08)), var(--shadow-down-soft-s, 0px 1px 4px -1px rgba(0, 0, 0, 0.04))'; +/** Фон для скелетона */ +export const surfaceSkeletonGradientActive = 'var(--surface-skeleton-gradient-active)'; -export const shadowDownSoftM = 'var(--shadow-down-soft-m, 0px 24px 48px -8px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradient = 'var(--surface-skeleton-deep-gradient)'; -export const shadowDownSoftL = 'var(--shadow-down-soft-l, 0px 60px 112px -8px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientHover = 'var(--surface-skeleton-deep-gradient-hover)'; -export const shadowDownHardS = - 'var(--shadow-down-hard-s, 0px 4px 12px -3px rgba(8, 8, 8, 0.16)), var(--shadow-down-hard-s, 0px 1px 4px -2px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientActive = 'var(--surface-skeleton-deep-gradient-active)'; -export const shadowDownHardM = 'var(--shadow-down-hard-m, 0px 16px 32px -8px rgba(0, 0, 0, 0.24))'; +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradient = 'var(--on-dark-surface-skeleton-gradient)'; -export const shadowDownHardL = 'var(--shadow-down-hard-l, 0px 60px 112px -8px rgba(0, 0, 0, 0.40))'; +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientHover = 'var(--on-dark-surface-skeleton-gradient-hover)'; -export const shadowUpSoftS = - 'var(--shadow-up-soft-s, 0px -4px 14px -4px rgba(8, 8, 8, 0.08)), var(--shadow-up-soft-s, 0px -1px 4px -1px rgba(0, 0, 0, 0.03))'; +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientActive = 'var(--on-dark-surface-skeleton-gradient-active)'; -export const shadowUpSoftM = 'var(--shadow-up-soft-m, 0px -24px 48px -8px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradient = 'var(--on-dark-surface-skeleton-deep-gradient)'; -export const shadowUpSoftL = 'var(--shadow-up-soft-l, 0px -60px 112px -8px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientHover = 'var(--on-dark-surface-skeleton-deep-gradient-hover)'; -export const shadowUpHardS = - 'var(--shadow-up-hard-s, 0px -4px 12px -3px rgba(8, 8, 8, 0.20)), var(--shadow-up-hard-s, 0px -1px 4px -1px rgba(0, 0, 0, 0.03))'; +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientActive = 'var(--on-dark-surface-skeleton-deep-gradient-active)'; -export const shadowUpHardM = 'var(--shadow-up-hard-m, 0px -16px 32px -8px rgba(0, 0, 0, 0.24))'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradient = 'var(--on-light-surface-skeleton-gradient)'; -export const shadowUpHardL = 'var(--shadow-up-hard-l, 0px -60px 112px -8px rgba(0, 0, 0, 0.40))'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientHover = 'var(--on-light-surface-skeleton-gradient-hover)'; -export const borderRadiusXxs = 'var(--border-radius-xxs, 4px)'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientActive = 'var(--on-light-surface-skeleton-gradient-active)'; -export const borderRadiusXs = 'var(--border-radius-xs, 6px)'; +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradient = 'var(--on-light-surface-skeleton-deep-gradient)'; -export const borderRadiusS = 'var(--border-radius-s, 8px)'; +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientHover = 'var(--on-light-surface-skeleton-deep-gradient-hover)'; -export const borderRadiusM = 'var(--border-radius-m, 12px)'; +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientActive = 'var(--on-light-surface-skeleton-deep-gradient-active)'; -export const borderRadiusL = 'var(--border-radius-l, 16px)'; +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradient = 'var(--inverse-surface-skeleton-gradient)'; -export const borderRadiusXl = 'var(--border-radius-xl, 20px)'; +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientHover = 'var(--inverse-surface-skeleton-gradient-hover)'; -export const borderRadiusXxl = 'var(--border-radius-xxl, 40px)'; +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientActive = 'var(--inverse-surface-skeleton-gradient-active)'; -export { - dsplL, - dsplLBold, - dsplM, - dsplMBold, - dsplS, - dsplSBold, - h1, - h1Bold, - h2, - h2Bold, - h3, - h3Bold, - h4, - h4Bold, - h5, - h5Bold, - bodyL, - bodyLBold, - bodyM, - bodyMBold, - bodyS, - bodySBold, - bodyXS, - bodyXSBold, - bodyXXS, - bodyXXSBold, - textL, - textLBold, - textM, - textMBold, - textS, - textSBold, - textXS, - textXSBold, -} from '@salutejs/plasma-typo'; +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradient = 'var(--inverse-surface-skeleton-deep-gradient)'; + +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientHover = 'var(--inverse-surface-skeleton-deep-gradient-hover)'; + +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientActive = 'var(--inverse-surface-skeleton-deep-gradient-active)'; + +/** shadow down soft s */ +export const shadowDownSoftS = 'var(--shadow-down-soft-s)'; + +/** shadow down soft m */ +export const shadowDownSoftM = 'var(--shadow-down-soft-m)'; + +/** shadow down soft l */ +export const shadowDownSoftL = 'var(--shadow-down-soft-l)'; + +/** shadow down hard s */ +export const shadowDownHardS = 'var(--shadow-down-hard-s)'; + +/** shadow down hard m */ +export const shadowDownHardM = 'var(--shadow-down-hard-m)'; + +/** shadow down hard l */ +export const shadowDownHardL = 'var(--shadow-down-hard-l)'; + +/** shadow up soft s */ +export const shadowUpSoftS = 'var(--shadow-up-soft-s)'; + +/** shadow up soft m */ +export const shadowUpSoftM = 'var(--shadow-up-soft-m)'; + +/** shadow up soft l */ +export const shadowUpSoftL = 'var(--shadow-up-soft-l)'; + +/** shadow up hard s */ +export const shadowUpHardS = 'var(--shadow-up-hard-s)'; + +/** shadow up hard m */ +export const shadowUpHardM = 'var(--shadow-up-hard-m)'; + +/** shadow up hard l */ +export const shadowUpHardL = 'var(--shadow-up-hard-l)'; + +/** borderRadius xxs */ +export const borderRadiusXxs = 'var(--border-radius-xxs)'; + +/** borderRadius xs */ +export const borderRadiusXs = 'var(--border-radius-xs)'; + +/** borderRadius s */ +export const borderRadiusS = 'var(--border-radius-s)'; + +/** borderRadius m */ +export const borderRadiusM = 'var(--border-radius-m)'; + +/** borderRadius l */ +export const borderRadiusL = 'var(--border-radius-l)'; + +/** borderRadius xl */ +export const borderRadiusXl = 'var(--border-radius-xl)'; + +/** borderRadius xxl */ +export const borderRadiusXxl = 'var(--border-radius-xxl)'; + +/** typography s display-l */ +export const dsplL = { + fontFamily: 'var(--plasma-typo-dspl-l-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-line-height)', +}; + +/** typography s display-l-bold */ +export const dsplLBold = { + fontFamily: 'var(--plasma-typo-dspl-l-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-bold-line-height)', +}; + +/** typography s display-m */ +export const dsplM = { + fontFamily: 'var(--plasma-typo-dspl-m-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-line-height)', +}; + +/** typography s display-m-bold */ +export const dsplMBold = { + fontFamily: 'var(--plasma-typo-dspl-m-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-bold-line-height)', +}; + +/** typography s display-s */ +export const dsplS = { + fontFamily: 'var(--plasma-typo-dspl-s-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-line-height)', +}; + +/** typography s display-s-bold */ +export const dsplSBold = { + fontFamily: 'var(--plasma-typo-dspl-s-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-bold-line-height)', +}; + +/** typography s header-h1 */ +export const h1 = { + fontFamily: 'var(--plasma-typo-h1-font-family)', + fontSize: 'var(--plasma-typo-h1-font-size)', + fontStyle: 'var(--plasma-typo-h1-font-style)', + fontWeight: 'var(--plasma-typo-h1-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-line-height)', +}; + +/** typography s header-h1-bold */ +export const h1Bold = { + fontFamily: 'var(--plasma-typo-h1-bold-font-family)', + fontSize: 'var(--plasma-typo-h1-bold-font-size)', + fontStyle: 'var(--plasma-typo-h1-bold-font-style)', + fontWeight: 'var(--plasma-typo-h1-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-bold-line-height)', +}; + +/** typography s header-h2 */ +export const h2 = { + fontFamily: 'var(--plasma-typo-h2-font-family)', + fontSize: 'var(--plasma-typo-h2-font-size)', + fontStyle: 'var(--plasma-typo-h2-font-style)', + fontWeight: 'var(--plasma-typo-h2-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-line-height)', +}; + +/** typography s header-h2-bold */ +export const h2Bold = { + fontFamily: 'var(--plasma-typo-h2-bold-font-family)', + fontSize: 'var(--plasma-typo-h2-bold-font-size)', + fontStyle: 'var(--plasma-typo-h2-bold-font-style)', + fontWeight: 'var(--plasma-typo-h2-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-bold-line-height)', +}; + +/** typography s header-h3 */ +export const h3 = { + fontFamily: 'var(--plasma-typo-h3-font-family)', + fontSize: 'var(--plasma-typo-h3-font-size)', + fontStyle: 'var(--plasma-typo-h3-font-style)', + fontWeight: 'var(--plasma-typo-h3-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-line-height)', +}; + +/** typography s header-h3-bold */ +export const h3Bold = { + fontFamily: 'var(--plasma-typo-h3-bold-font-family)', + fontSize: 'var(--plasma-typo-h3-bold-font-size)', + fontStyle: 'var(--plasma-typo-h3-bold-font-style)', + fontWeight: 'var(--plasma-typo-h3-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-bold-line-height)', +}; + +/** typography s header-h4 */ +export const h4 = { + fontFamily: 'var(--plasma-typo-h4-font-family)', + fontSize: 'var(--plasma-typo-h4-font-size)', + fontStyle: 'var(--plasma-typo-h4-font-style)', + fontWeight: 'var(--plasma-typo-h4-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-line-height)', +}; + +/** typography s header-h4-bold */ +export const h4Bold = { + fontFamily: 'var(--plasma-typo-h4-bold-font-family)', + fontSize: 'var(--plasma-typo-h4-bold-font-size)', + fontStyle: 'var(--plasma-typo-h4-bold-font-style)', + fontWeight: 'var(--plasma-typo-h4-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-bold-line-height)', +}; + +/** typography s header-h5 */ +export const h5 = { + fontFamily: 'var(--plasma-typo-h5-font-family)', + fontSize: 'var(--plasma-typo-h5-font-size)', + fontStyle: 'var(--plasma-typo-h5-font-style)', + fontWeight: 'var(--plasma-typo-h5-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-line-height)', +}; + +/** typography s header-h5-bold */ +export const h5Bold = { + fontFamily: 'var(--plasma-typo-h5-bold-font-family)', + fontSize: 'var(--plasma-typo-h5-bold-font-size)', + fontStyle: 'var(--plasma-typo-h5-bold-font-style)', + fontWeight: 'var(--plasma-typo-h5-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-bold-line-height)', +}; + +/** typography s body-l */ +export const bodyL = { + fontFamily: 'var(--plasma-typo-body-l-font-family)', + fontSize: 'var(--plasma-typo-body-l-font-size)', + fontStyle: 'var(--plasma-typo-body-l-font-style)', + fontWeight: 'var(--plasma-typo-body-l-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-line-height)', +}; + +/** typography s body-l-bold */ +export const bodyLBold = { + fontFamily: 'var(--plasma-typo-body-l-bold-font-family)', + fontSize: 'var(--plasma-typo-body-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-bold-line-height)', +}; + +/** typography s body-m */ +export const bodyM = { + fontFamily: 'var(--plasma-typo-body-m-font-family)', + fontSize: 'var(--plasma-typo-body-m-font-size)', + fontStyle: 'var(--plasma-typo-body-m-font-style)', + fontWeight: 'var(--plasma-typo-body-m-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-line-height)', +}; + +/** typography s body-m-bold */ +export const bodyMBold = { + fontFamily: 'var(--plasma-typo-body-m-bold-font-family)', + fontSize: 'var(--plasma-typo-body-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-bold-line-height)', +}; + +/** typography s body-s */ +export const bodyS = { + fontFamily: 'var(--plasma-typo-body-s-font-family)', + fontSize: 'var(--plasma-typo-body-s-font-size)', + fontStyle: 'var(--plasma-typo-body-s-font-style)', + fontWeight: 'var(--plasma-typo-body-s-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-line-height)', +}; + +/** typography s body-s-bold */ +export const bodySBold = { + fontFamily: 'var(--plasma-typo-body-s-bold-font-family)', + fontSize: 'var(--plasma-typo-body-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-bold-line-height)', +}; + +/** typography s body-xs */ +export const bodyXS = { + fontFamily: 'var(--plasma-typo-body-xs-font-family)', + fontSize: 'var(--plasma-typo-body-xs-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-line-height)', +}; + +/** typography s body-xs-bold */ +export const bodyXSBold = { + fontFamily: 'var(--plasma-typo-body-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-bold-line-height)', +}; + +/** typography s body-xxs */ +export const bodyXXS = { + fontFamily: 'var(--plasma-typo-body-xxs-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-line-height)', +}; + +/** typography s body-xxs-bold */ +export const bodyXXSBold = { + fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-bold-line-height)', +}; + +/** typography s text-l */ +export const textL = { + fontFamily: 'var(--plasma-typo-text-l-font-family)', + fontSize: 'var(--plasma-typo-text-l-font-size)', + fontStyle: 'var(--plasma-typo-text-l-font-style)', + fontWeight: 'var(--plasma-typo-text-l-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-line-height)', +}; + +/** typography s text-l-bold */ +export const textLBold = { + fontFamily: 'var(--plasma-typo-text-l-bold-font-family)', + fontSize: 'var(--plasma-typo-text-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-bold-line-height)', +}; + +/** typography s text-m */ +export const textM = { + fontFamily: 'var(--plasma-typo-text-m-font-family)', + fontSize: 'var(--plasma-typo-text-m-font-size)', + fontStyle: 'var(--plasma-typo-text-m-font-style)', + fontWeight: 'var(--plasma-typo-text-m-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-line-height)', +}; + +/** typography s text-m-bold */ +export const textMBold = { + fontFamily: 'var(--plasma-typo-text-m-bold-font-family)', + fontSize: 'var(--plasma-typo-text-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-bold-line-height)', +}; + +/** typography s text-s */ +export const textS = { + fontFamily: 'var(--plasma-typo-text-s-font-family)', + fontSize: 'var(--plasma-typo-text-s-font-size)', + fontStyle: 'var(--plasma-typo-text-s-font-style)', + fontWeight: 'var(--plasma-typo-text-s-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-line-height)', +}; + +/** typography s text-s-bold */ +export const textSBold = { + fontFamily: 'var(--plasma-typo-text-s-bold-font-family)', + fontSize: 'var(--plasma-typo-text-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-bold-line-height)', +}; + +/** typography s text-xs */ +export const textXS = { + fontFamily: 'var(--plasma-typo-text-xs-font-family)', + fontSize: 'var(--plasma-typo-text-xs-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-line-height)', +}; + +/** typography s text-xs-bold */ +export const textXSBold = { + fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-text-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)', +}; diff --git a/packages/themes/plasma-themes/src/tokens/plasma_b2c/index.ts b/packages/themes/plasma-themes/src/tokens/plasma_b2c/index.ts index a737f51500..b135775d38 100644 --- a/packages/themes/plasma-themes/src/tokens/plasma_b2c/index.ts +++ b/packages/themes/plasma-themes/src/tokens/plasma_b2c/index.ts @@ -7,7 +7,7 @@ export const textPrimaryHover = 'var(--text-primary-hover, #FFFFFF93)'; export const textPrimaryActive = 'var(--text-primary-active, #FFFFFFC4)'; /** Основной цвет текста */ -export const textPrimary = 'var(--text-primary, rgba(255, 255, 255, 0.96))'; +export const textPrimary = 'var(--text-primary, #FFFFFFF5)'; /** Вторичный цвет текста */ export const textSecondaryHover = 'var(--text-secondary-hover, #FFFFFFFF)'; @@ -16,7 +16,7 @@ export const textSecondaryHover = 'var(--text-secondary-hover, #FFFFFFFF)'; export const textSecondaryActive = 'var(--text-secondary-active, #FFFFFFAB)'; /** Вторичный цвет текста */ -export const textSecondary = 'var(--text-secondary, rgba(255, 255, 255, 0.56))'; +export const textSecondary = 'var(--text-secondary, #FFFFFF8F)'; /** Третичный цвет текста */ export const textTertiaryHover = 'var(--text-tertiary-hover, #FFFFFFFF)'; @@ -25,7 +25,7 @@ export const textTertiaryHover = 'var(--text-tertiary-hover, #FFFFFFFF)'; export const textTertiaryActive = 'var(--text-tertiary-active, #FFFFFF56)'; /** Третичный цвет текста */ -export const textTertiary = 'var(--text-tertiary, rgba(255, 255, 255, 0.28))'; +export const textTertiary = 'var(--text-tertiary, #FFFFFF47)'; /** Сплошной наборный текст */ export const textParagraphHover = 'var(--text-paragraph-hover, #FFFFFF7A)'; @@ -34,7 +34,7 @@ export const textParagraphHover = 'var(--text-paragraph-hover, #FFFFFF7A)'; export const textParagraphActive = 'var(--text-paragraph-active, #FFFFFFA3)'; /** Сплошной наборный текст */ -export const textParagraph = 'var(--text-paragraph, rgba(255, 255, 255, 0.8))'; +export const textParagraph = 'var(--text-paragraph, #FFFFFFCC)'; /** Акцентный цвет */ export const textAccentHover = 'var(--text-accent-hover, #90B6FEFF)'; @@ -45,15 +45,6 @@ export const textAccentActive = 'var(--text-accent-active, #216EFDFF)'; /** Акцентный цвет */ export const textAccent = 'var(--text-accent, #3F81FD)'; -/** Акцентный цвет с градиентом */ -export const textAccentGradientHover = 'var(--text-accent-gradient-hover, #CCCCCCFF)'; - -/** Акцентный цвет с градиентом */ -export const textAccentGradientActive = 'var(--text-accent-gradient-active, #E6E6E6FF)'; - -/** Акцентный цвет с градиентом */ -export const textAccentGradient = 'var(--text-accent-gradient, linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%))'; - /** Цвет успеха */ export const textPositiveHover = 'var(--text-positive-hover, #1EB83AFF)'; @@ -88,7 +79,7 @@ export const onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #FFFFFF export const onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #FFFFFFC4)'; /** Основной цвет текста на темном фоне */ -export const onDarkTextPrimary = 'var(--on-dark-text-primary, rgba(255, 255, 255, 0.96))'; +export const onDarkTextPrimary = 'var(--on-dark-text-primary, #FFFFFFF5)'; /** Вторичный цвет текста на темном фоне */ export const onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #FFFFFFFF)'; @@ -97,7 +88,7 @@ export const onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #FF export const onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #FFFFFFAB)'; /** Вторичный цвет текста на темном фоне */ -export const onDarkTextSecondary = 'var(--on-dark-text-secondary, rgba(255, 255, 255, 0.56))'; +export const onDarkTextSecondary = 'var(--on-dark-text-secondary, #FFFFFF8F)'; /** Третичный цвет текста на темном фоне */ export const onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #FFFFFFFF)'; @@ -106,7 +97,7 @@ export const onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #FFFF export const onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #FFFFFF56)'; /** Третичный цвет текста на темном фоне */ -export const onDarkTextTertiary = 'var(--on-dark-text-tertiary, rgba(255, 255, 255, 0.28))'; +export const onDarkTextTertiary = 'var(--on-dark-text-tertiary, #FFFFFF47)'; /** Сплошной наборный текст на темном фоне */ export const onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #FFFFFF7A)'; @@ -115,7 +106,7 @@ export const onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #FF export const onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #FFFFFFA3)'; /** Сплошной наборный текст на темном фоне */ -export const onDarkTextParagraph = 'var(--on-dark-text-paragraph, rgba(255, 255, 255, 0.8))'; +export const onDarkTextParagraph = 'var(--on-dark-text-paragraph, #FFFFFFCC)'; /** Акцентный цвет на темном фоне */ export const onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #90B6FEFF)'; @@ -126,16 +117,6 @@ export const onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #216EFD /** Акцентный цвет на темном фоне */ export const onDarkTextAccent = 'var(--on-dark-text-accent, #3F81FD)'; -/** Акцентный цвет с градиентом на темном фоне */ -export const onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient-hover, #CCCCCCFF)'; - -/** Акцентный цвет с градиентом на темном фоне */ -export const onDarkTextAccentGradientActive = 'var(--on-dark-text-accent-gradient-active, #E6E6E6FF)'; - -/** Акцентный цвет с градиентом на темном фоне */ -export const onDarkTextAccentGradient = - 'var(--on-dark-text-accent-gradient, linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%))'; - /** Цвет успеха на темном фоне */ export const onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #1EB83AFF)'; @@ -170,7 +151,7 @@ export const onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #0808 export const onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #080808C4)'; /** Основной цвет текста на светлом фоне */ -export const onLightTextPrimary = 'var(--on-light-text-primary, rgba(8, 8, 8, 0.96))'; +export const onLightTextPrimary = 'var(--on-light-text-primary, #080808F5)'; /** Вторичный цвет текста на светлом фоне */ export const onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #080808FF)'; @@ -179,7 +160,7 @@ export const onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, # export const onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #080808AB)'; /** Вторичный цвет текста на светлом фоне */ -export const onLightTextSecondary = 'var(--on-light-text-secondary, rgba(8, 8, 8, 0.56))'; +export const onLightTextSecondary = 'var(--on-light-text-secondary, #0808088F)'; /** Третичный цвет текста на светлом фоне */ export const onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #080808FF)'; @@ -188,7 +169,7 @@ export const onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #08 export const onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #08080856)'; /** Третичный цвет текста на светлом фоне */ -export const onLightTextTertiary = 'var(--on-light-text-tertiary, rgba(8, 8, 8, 0.28))'; +export const onLightTextTertiary = 'var(--on-light-text-tertiary, #08080847)'; /** Сплошной наборный текст на светлом фоне */ export const onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #0808087A)'; @@ -197,7 +178,7 @@ export const onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, # export const onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #080808A3)'; /** Сплошной наборный текст на светлом фоне */ -export const onLightTextParagraph = 'var(--on-light-text-paragraph, rgba(8, 8, 8, 0.8))'; +export const onLightTextParagraph = 'var(--on-light-text-paragraph, #080808CC)'; /** Акцентный цвет на светлом фоне */ export const onLightTextAccentHover = 'var(--on-light-text-accent-hover, #79A7FBFF)'; @@ -208,16 +189,6 @@ export const onLightTextAccentActive = 'var(--on-light-text-accent-active, #0D5F /** Акцентный цвет на светлом фоне */ export const onLightTextAccent = 'var(--on-light-text-accent, #2A72F8)'; -/** Акцентный цвет с градиентом на светлом фоне */ -export const onLightTextAccentGradientHover = 'var(--on-light-text-accent-gradient-hover, #CCCCCCFF)'; - -/** Акцентный цвет с градиентом на светлом фоне */ -export const onLightTextAccentGradientActive = 'var(--on-light-text-accent-gradient-active, #E6E6E6FF)'; - -/** Акцентный цвет с градиентом на светлом фоне */ -export const onLightTextAccentGradient = - 'var(--on-light-text-accent-gradient, linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%))'; - /** Цвет успеха на светлом фоне */ export const onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #1EB83AFF)'; @@ -252,7 +223,7 @@ export const inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #08080 export const inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #080808C4)'; /** Инвертированный основной цвет текста */ -export const inverseTextPrimary = 'var(--inverse-text-primary, rgba(8, 8, 8, 0.96))'; +export const inverseTextPrimary = 'var(--inverse-text-primary, #080808F5)'; /** Инвертированный вторичный цвет текста */ export const inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #080808FF)'; @@ -261,7 +232,7 @@ export const inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #0 export const inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #080808AB)'; /** Инвертированный вторичный цвет текста */ -export const inverseTextSecondary = 'var(--inverse-text-secondary, rgba(8, 8, 8, 0.56))'; +export const inverseTextSecondary = 'var(--inverse-text-secondary, #0808088F)'; /** Инвертированный третичный цвет текста */ export const inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #080808FF)'; @@ -270,7 +241,7 @@ export const inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #080 export const inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #08080856)'; /** Инвертированный третичный цвет текста */ -export const inverseTextTertiary = 'var(--inverse-text-tertiary, rgba(8, 8, 8, 0.28))'; +export const inverseTextTertiary = 'var(--inverse-text-tertiary, #08080847)'; /** Инвертированный cплошной наборный текст */ export const inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #0808087A)'; @@ -279,7 +250,7 @@ export const inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #0 export const inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #080808A3)'; /** Инвертированный cплошной наборный текст */ -export const inverseTextParagraph = 'var(--inverse-text-paragraph, rgba(8, 8, 8, 0.8))'; +export const inverseTextParagraph = 'var(--inverse-text-paragraph, #080808CC)'; /** Основной непрозрачный фон поверхности/контрола */ export const surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #1C1C1CFF)'; @@ -324,7 +295,7 @@ export const surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFF export const surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #FFFFFFFF)'; /** Непрозрачный фон поверхности/контрола по умолчанию */ -export const surfaceSolidDefault = 'var(--surface-solid-default, rgba(255, 255, 255, 1))'; +export const surfaceSolidDefault = 'var(--surface-solid-default, #FFFFFFFF)'; /** Основной прозрачный фон поверхности/контрола */ export const surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #FFFFFF1F)'; @@ -333,7 +304,7 @@ export const surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary export const surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFF0A)'; /** Основной прозрачный фон поверхности/контрола */ -export const surfaceTransparentPrimary = 'var(--surface-transparent-primary, rgba(255, 255, 255, 0.06))'; +export const surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF0F)'; /** Вторичный прозрачный фон поверхности/контрола */ export const surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF3D)'; @@ -342,7 +313,7 @@ export const surfaceTransparentSecondaryHover = 'var(--surface-transparent-secon export const surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF0F)'; /** Вторичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentSecondary = 'var(--surface-transparent-secondary, rgba(255, 255, 255, 0.12))'; +export const surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #FFFFFF1F)'; /** Третичный прозрачный фон поверхности/контрола */ export const surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFF52)'; @@ -351,13 +322,16 @@ export const surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertia export const surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FFFFFF24)'; /** Третичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, rgba(255, 255, 255, 0.2))'; +export const surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #FFFFFF33)'; +/** dark surface default surfaceTransparentDeepHover */ export const surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #FFFFFFC2)'; +/** dark surface default surfaceTransparentDeepActive */ export const surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #FFFFFF94)'; -export const surfaceTransparentDeep = 'var(--surface-transparent-deep, rgba(255, 255, 255, 0.64))'; +/** dark surface default surfaceTransparentDeep */ +export const surfaceTransparentDeep = 'var(--surface-transparent-deep, #FFFFFFA3)'; /** Прозрачный фон для карточек */ export const surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #FFFFFF3D)'; @@ -366,7 +340,7 @@ export const surfaceTransparentCardHover = 'var(--surface-transparent-card-hover export const surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #FFFFFF0F)'; /** Прозрачный фон для карточек */ -export const surfaceTransparentCard = 'var(--surface-transparent-card, rgba(255, 255, 255, 0.12))'; +export const surfaceTransparentCard = 'var(--surface-transparent-card, #FFFFFF1F)'; /** Фон поверхности/контрола без заливки */ export const surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)'; @@ -375,7 +349,7 @@ export const surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)'; export const surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)'; /** Фон поверхности/контрола без заливки */ -export const surfaceClear = 'var(--surface-clear, rgba(255, 255, 255, 0))'; +export const surfaceClear = 'var(--surface-clear, #FFFFFF00)'; /** Акцентный фон поверхности/контрола */ export const surfaceAccentHover = 'var(--surface-accent-hover, #5D95FDFF)'; @@ -386,16 +360,6 @@ export const surfaceAccentActive = 'var(--surface-accent-active, #357BFDFF)'; /** Акцентный фон поверхности/контрола */ export const surfaceAccent = 'var(--surface-accent, #3F81FD)'; -/** Акцентный фон поверхности/контрола с градиентом */ -export const surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, #FFFFFFFF)'; - -/** Акцентный фон поверхности/контрола с градиентом */ -export const surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #FFFFFFFF)'; - -/** Акцентный фон поверхности/контрола с градиентом */ -export const surfaceAccentGradient = - 'var(--surface-accent-gradient, linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%), linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%))'; - /** Прозрачный акцентный фон поверхности/контрола */ export const surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #3F82FD3D)'; @@ -448,16 +412,16 @@ export const surfaceTransparentNegativeHover = 'var(--surface-transparent-negati export const surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #FF293E0F)'; /** Прозрачный акцентный фон поверхности/контрола */ -export const surfaceTransparentAccent = 'var(--surface-transparent-accent, rgba(63,129,253,0.12))'; +export const surfaceTransparentAccent = 'var(--surface-transparent-accent, #3F81FD1F)'; /** Прозрачный цвет фона поверхности/контрола успех */ -export const surfaceTransparentPositive = 'var(--surface-transparent-positive, rgba(26,158,50,0.12))'; +export const surfaceTransparentPositive = 'var(--surface-transparent-positive, #1A9E321F)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentWarning = 'var(--surface-transparent-warning, rgba(250,95,5,0.12))'; +export const surfaceTransparentWarning = 'var(--surface-transparent-warning, #FA5F051F)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentNegative = 'var(--surface-transparent-negative, rgba(255,41,62,0.12))'; +export const surfaceTransparentNegative = 'var(--surface-transparent-negative, #FF293E1F)'; /** Осн. непрозрачный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #1C1C1CFF)'; @@ -502,7 +466,7 @@ export const onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-defau export const onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active, #FFFFFFFF)'; /** Непр. фон поверхности/контрола по умолчанию на тем. фоне */ -export const onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, rgba(255, 255, 255, 1))'; +export const onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #FFFFFFFF)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FFFFFF1F)'; @@ -511,7 +475,7 @@ export const onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-trans export const onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFF0A)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, rgba(255, 255, 255, 0.06))'; +export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #FFFFFF0F)'; /** Вторичный прозр. фон поверхности/контрола на темном фоне */ export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF3D)'; @@ -520,8 +484,7 @@ export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-tra export const onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFF0F)'; /** Вторичный прозр. фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentSecondary = - 'var(--on-dark-surface-transparent-secondary, rgba(255, 255, 255, 0.12))'; +export const onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF1F)'; /** Третичный прозр. фон поверхности/контрола на темном фоне */ export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFF52)'; @@ -530,13 +493,16 @@ export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-tran export const onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFF24)'; /** Третичный прозр. фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, rgba(255, 255, 255, 0.2))'; +export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #FFFFFF33)'; +/** dark surface onDark surfaceTransparentDeepHover */ export const onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #FFFFFFC2)'; +/** dark surface onDark surfaceTransparentDeepActive */ export const onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #FFFFFF94)'; -export const onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, rgba(255, 255, 255, 0.64))'; +/** dark surface onDark surfaceTransparentDeep */ +export const onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #FFFFFFA3)'; /** Прозрачный фон для карточек на темном фоне */ export const onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FFFFFF3D)'; @@ -545,7 +511,7 @@ export const onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transpar export const onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FFFFFF0F)'; /** Прозрачный фон для карточек на темном фоне */ -export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, rgba(255, 255, 255, 0.12))'; +export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #FFFFFF1F)'; /** Акцентный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #5D95FDFF)'; @@ -556,16 +522,6 @@ export const onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, # /** Акцентный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #3F81FD)'; -/** Акцентный фон поверхн./контрола с градиентом на темном фоне */ -export const onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-hover, #FFFFFFFF)'; - -/** Акцентный фон поверхн./контрола с градиентом на темном фоне */ -export const onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #FFFFFFFF)'; - -/** Акцентный фон поверхн./контрола с градиентом на темном фоне */ -export const onDarkSurfaceAccentGradient = - 'var(--on-dark-surface-accent-gradient, linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%))'; - /** Цвет фона поверхности/контрола успех на темном фоне */ export const onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #1DAF37FF)'; @@ -627,7 +583,7 @@ export const onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-h export const onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active, #FFFFFFFF)'; /** Основной фон для карточек на светлом фоне */ -export const onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, rgba(255, 255, 255, 1))'; +export const onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #FFFFFFFF)'; /** Непр. фон поверхности/контрола по умолчанию на светлом фоне */ export const onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #0D0D0DFF)'; @@ -645,7 +601,7 @@ export const onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-tra export const onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #08080803)'; /** Основной прозр. фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, rgba(8, 8, 8, 0.03))'; +export const onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #08080808)'; /** Вторичный прозр. фон поверхности/контрола на светлом фоне */ export const onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #0808081F)'; @@ -655,7 +611,7 @@ export const onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #0808080A)'; /** Вторичный прозр. фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, rgba(8, 8, 8, 0.06))'; +export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #0808080F)'; /** Третичный прозр. фон поверхности/контрола на светлом фоне */ export const onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #0808083D)'; @@ -664,13 +620,16 @@ export const onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-tr export const onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #0808080F)'; /** Третичный прозр. фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, rgba(8, 8, 8, 0.12))'; +export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #0808081F)'; +/** dark surface onLight surfaceTransparentDeepHover */ export const onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #080808C2)'; +/** dark surface onLight surfaceTransparentDeepActive */ export const onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #08080894)'; -export const onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, rgba(8, 8, 8, 0.64))'; +/** dark surface onLight surfaceTransparentDeep */ +export const onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #080808A3)'; /** Прозрачный фон для карточек на светлом фоне */ export const onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #FFFFFFFF)'; @@ -679,7 +638,7 @@ export const onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transp export const onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #FFFFFFFF)'; /** Прозрачный фон для карточек на светлом фоне */ -export const onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, rgba(255, 255, 255, 1))'; +export const onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #FFFFFFFF)'; /** Акцентный фон поверхности/контрола на светлом фоне */ export const onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #4886F9FF)'; @@ -690,16 +649,6 @@ export const onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, /** Акцентный фон поверхности/контрола на светлом фоне */ export const onLightSurfaceAccent = 'var(--on-light-surface-accent, #2A72F8)'; -/** Акцент. фон поверхн./контрола с градиентом на светлом фоне */ -export const onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #FFFFFFFF)'; - -/** Акцент. фон поверхн./контрола с градиентом на светлом фоне */ -export const onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #FFFFFFFF)'; - -/** Акцент. фон поверхн./контрола с градиентом на светлом фоне */ -export const onLightSurfaceAccentGradient = - 'var(--on-light-surface-accent-gradient, linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%))'; - /** Цвет фона поверхности/контрола успех на светлом фоне */ export const onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1DAF37FF)'; @@ -737,59 +686,569 @@ export const darkBackgroundPrimary = 'var(--dark-background-primary, #080808)'; export const lightBackgroundPrimary = 'var(--light-background-primary, #F9F9F9)'; /** Цвет фона паранжи светлый */ -export const overlaySoft = 'var(--overlay-soft, rgba(8, 8, 8, 0.56))'; +export const overlaySoft = 'var(--overlay-soft, #0808088F)'; /** Цвет фона паранжи темный */ -export const overlayHard = 'var(--overlay-hard, rgba(8, 8, 8, 0.96))'; +export const overlayHard = 'var(--overlay-hard, #080808F5)'; -export const overlayBlur = 'var(--overlay-blur, rgba(8, 8, 8, 0.28))'; +/** dark overlay default overlayBlur */ +export const overlayBlur = 'var(--overlay-blur, #08080847)'; /** Цвет фона паранжи светлый на темном фоне */ -export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft, rgba(8, 8, 8, 0.56))'; +export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #0808088F)'; /** Цвет фона паранжи темный на темном фоне */ -export const onDarkOverlayHard = 'var(--on-dark-overlay-hard, rgba(8, 8, 8, 0.96))'; +export const onDarkOverlayHard = 'var(--on-dark-overlay-hard, #080808F5)'; -export const onDarkOverlayBlur = 'var(--on-dark-overlay-blur, rgba(8, 8, 8, 0.28))'; +/** dark overlay onDark overlayBlur */ +export const onDarkOverlayBlur = 'var(--on-dark-overlay-blur, #08080847)'; /** Цвет фона паранжи светлый на светлом фоне */ -export const onLightOverlaySoft = 'var(--on-light-overlay-soft, rgba(249, 249, 249, 0.56))'; +export const onLightOverlaySoft = 'var(--on-light-overlay-soft, #F9F9F98F)'; /** Цвет фона паранжи темный на светлом фоне */ -export const onLightOverlayHard = 'var(--on-light-overlay-hard, rgba(249, 249, 249, 0.96))'; +export const onLightOverlayHard = 'var(--on-light-overlay-hard, #F9F9F9F5)'; + +/** dark overlay onLight overlayBlur */ +export const onLightOverlayBlur = 'var(--on-light-overlay-blur, #F9F9F947)'; -export const onLightOverlayBlur = 'var(--on-light-overlay-blur, rgba(249, 249, 249, 0.28))'; +/** Акцентный цвет с градиентом */ +export const textAccentGradientHover = 'var(--text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом */ +export const textAccentGradientActive = 'var(--text-accent-gradient-active, #E6E6E6FF)'; -export const skeletonGradient = - 'var(--skeleton-gradient, linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ))'; +/** Акцентный цвет с градиентом */ +export const textAccentGradient = + 'var(--text-accent-gradient, linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%))'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradientActive = 'var(--on-dark-text-accent-gradient-active, #E6E6E6FF)'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradient = + 'var(--on-dark-text-accent-gradient, linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%))'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradientHover = 'var(--on-light-text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradientActive = 'var(--on-light-text-accent-gradient-active, #E6E6E6FF)'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradient = + 'var(--on-light-text-accent-gradient, linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%))'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradient = + 'var(--surface-accent-gradient, linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%),linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%))'; + +/** Фон для скелетона */ +export const surfaceSkeletonGradient = + 'var(--surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))'; + +/** Фон для скелетона */ +export const surfaceSkeletonGradientHover = 'var(--surface-skeleton-gradient-hover, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const surfaceSkeletonGradientActive = 'var(--surface-skeleton-gradient-active, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradient = + 'var(--surface-skeleton-deep-gradient, linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%))'; + +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientHover = 'var(--surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientActive = 'var(--surface-skeleton-deep-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхн./контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцентный фон поверхн./контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхн./контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradient = + 'var(--on-dark-surface-accent-gradient, linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%))'; + +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradient = + 'var(--on-dark-surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))'; + +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientHover = 'var(--on-dark-surface-skeleton-gradient-hover, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientActive = 'var(--on-dark-surface-skeleton-gradient-active, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradient = + 'var(--on-dark-surface-skeleton-deep-gradient, linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%))'; + +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientHover = 'var(--on-dark-surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientActive = + 'var(--on-dark-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; + +/** Акцент. фон поверхн./контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцент. фон поверхн./контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #FFFFFFFF)'; + +/** Акцент. фон поверхн./контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradient = + 'var(--on-light-surface-accent-gradient, linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%))'; -export const skeletonGradientLighter = - 'var(--skeleton-gradient-lighter, linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ))'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradient = + 'var(--on-light-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))'; -export const shadowDownSoftS = - 'var(--shadow-down-soft-s, 0px 4px 14px -4px rgba(8, 8, 8, 0.08)), var(--shadow-down-soft-s, 0px 1px 4px -1px rgba(0, 0, 0, 0.04))'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientHover = 'var(--on-light-surface-skeleton-gradient-hover, #FFFFFFFF)'; -export const shadowDownSoftM = 'var(--shadow-down-soft-m, 0px 24px 48px -8px rgba(0, 0, 0, 0.08))'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientActive = 'var(--on-light-surface-skeleton-gradient-active, #FFFFFFFF)'; -export const shadowDownSoftL = 'var(--shadow-down-soft-l, 0px 60px 112px -8px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradient = + 'var(--on-light-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))'; -export const shadowDownHardS = - 'var(--shadow-down-hard-s, 0px 4px 12px -3px rgba(8, 8, 8, 0.16)), var(--shadow-down-hard-s, 0px 1px 4px -2px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientHover = + 'var(--on-light-surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; -export const shadowDownHardM = 'var(--shadow-down-hard-m, 0px 16px 32px -8px rgba(0, 0, 0, 0.24))'; +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientActive = + 'var(--on-light-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; -export const shadowDownHardL = 'var(--shadow-down-hard-l, 0px 60px 112px -8px rgba(0, 0, 0, 0.40))'; +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradient = + 'var(--inverse-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))'; -export const shadowUpSoftS = - 'var(--shadow-up-soft-s, 0px -4px 14px -4px rgba(8, 8, 8, 0.08)), var(--shadow-up-soft-s, 0px -1px 4px -1px rgba(0, 0, 0, 0.03))'; +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientHover = 'var(--inverse-surface-skeleton-gradient-hover, #FFFFFFFF)'; -export const shadowUpSoftM = 'var(--shadow-up-soft-m, 0px -24px 48px -8px rgba(0, 0, 0, 0.08))'; +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientActive = 'var(--inverse-surface-skeleton-gradient-active, #FFFFFFFF)'; -export const shadowUpSoftL = 'var(--shadow-up-soft-l, 0px -60px 112px -8px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradient = + 'var(--inverse-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))'; -export const shadowUpHardS = - 'var(--shadow-up-hard-s, 0px -4px 12px -3px rgba(8, 8, 8, 0.20)), var(--shadow-up-hard-s, 0px -1px 4px -1px rgba(0, 0, 0, 0.03))'; +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientHover = 'var(--inverse-surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; -export const shadowUpHardM = 'var(--shadow-up-hard-m, 0px -16px 32px -8px rgba(0, 0, 0, 0.24))'; +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientActive = + 'var(--inverse-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; -export const shadowUpHardL = 'var(--shadow-up-hard-l, 0px -60px 112px -8px rgba(0, 0, 0, 0.40))'; +/** shadow down soft s */ +export const shadowDownSoftS = 'var(--shadow-down-soft-s, 0px 4px 14px -4px #08080814,0px 1px 4px -1px #0000000A)'; + +/** shadow down soft m */ +export const shadowDownSoftM = 'var(--shadow-down-soft-m, 0px 24px 48px -8px #00000014)'; + +/** shadow down soft l */ +export const shadowDownSoftL = 'var(--shadow-down-soft-l, 0px 60px 112px -8px #00000014)'; + +/** shadow down hard s */ +export const shadowDownHardS = 'var(--shadow-down-hard-s, 0px 4px 12px -3px #08080829,0px 1px 4px -2px #00000014)'; + +/** shadow down hard m */ +export const shadowDownHardM = 'var(--shadow-down-hard-m, 0px 16px 32px -8px #0000003D)'; + +/** shadow down hard l */ +export const shadowDownHardL = 'var(--shadow-down-hard-l, 0px 60px 112px -8px #00000066)'; + +/** shadow up soft s */ +export const shadowUpSoftS = 'var(--shadow-up-soft-s, 0px -4px 14px -4px #08080814,0px -1px 4px -1px #00000008)'; + +/** shadow up soft m */ +export const shadowUpSoftM = 'var(--shadow-up-soft-m, 0px -24px 48px -8px #00000014)'; + +/** shadow up soft l */ +export const shadowUpSoftL = 'var(--shadow-up-soft-l, 0px -60px 112px -8px #00000014)'; + +/** shadow up hard s */ +export const shadowUpHardS = 'var(--shadow-up-hard-s, 0px -4px 12px -3px #08080833,0px -1px 4px -1px #00000008)'; + +/** shadow up hard m */ +export const shadowUpHardM = 'var(--shadow-up-hard-m, 0px -16px 32px -8px #0000003D)'; + +/** shadow up hard l */ +export const shadowUpHardL = 'var(--shadow-up-hard-l, 0px -60px 112px -8px #00000066)'; + +/** borderRadius xxs */ +export const borderRadiusXxs = 'var(--border-radius-xxs, 4px)'; + +/** borderRadius xs */ +export const borderRadiusXs = 'var(--border-radius-xs, 8px)'; + +/** borderRadius s */ +export const borderRadiusS = 'var(--border-radius-s, 12px)'; + +/** borderRadius m */ +export const borderRadiusM = 'var(--border-radius-m, 16px)'; + +/** borderRadius l */ +export const borderRadiusL = 'var(--border-radius-l, 20px)'; + +/** borderRadius xl */ +export const borderRadiusXl = 'var(--border-radius-xl, 24px)'; + +/** borderRadius xxl */ +export const borderRadiusXxl = 'var(--border-radius-xxl, 32px)'; + +/** typography s display-l */ +export const dsplL = { + fontFamily: 'var(--plasma-typo-dspl-l-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-line-height)', +}; + +/** typography s display-l-bold */ +export const dsplLBold = { + fontFamily: 'var(--plasma-typo-dspl-l-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-bold-line-height)', +}; + +/** typography s display-m */ +export const dsplM = { + fontFamily: 'var(--plasma-typo-dspl-m-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-line-height)', +}; + +/** typography s display-m-bold */ +export const dsplMBold = { + fontFamily: 'var(--plasma-typo-dspl-m-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-bold-line-height)', +}; + +/** typography s display-s */ +export const dsplS = { + fontFamily: 'var(--plasma-typo-dspl-s-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-line-height)', +}; + +/** typography s display-s-bold */ +export const dsplSBold = { + fontFamily: 'var(--plasma-typo-dspl-s-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-bold-line-height)', +}; + +/** typography s header-h1 */ +export const h1 = { + fontFamily: 'var(--plasma-typo-h1-font-family)', + fontSize: 'var(--plasma-typo-h1-font-size)', + fontStyle: 'var(--plasma-typo-h1-font-style)', + fontWeight: 'var(--plasma-typo-h1-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-line-height)', +}; + +/** typography s header-h1-bold */ +export const h1Bold = { + fontFamily: 'var(--plasma-typo-h1-bold-font-family)', + fontSize: 'var(--plasma-typo-h1-bold-font-size)', + fontStyle: 'var(--plasma-typo-h1-bold-font-style)', + fontWeight: 'var(--plasma-typo-h1-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-bold-line-height)', +}; + +/** typography s header-h2 */ +export const h2 = { + fontFamily: 'var(--plasma-typo-h2-font-family)', + fontSize: 'var(--plasma-typo-h2-font-size)', + fontStyle: 'var(--plasma-typo-h2-font-style)', + fontWeight: 'var(--plasma-typo-h2-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-line-height)', +}; + +/** typography s header-h2-bold */ +export const h2Bold = { + fontFamily: 'var(--plasma-typo-h2-bold-font-family)', + fontSize: 'var(--plasma-typo-h2-bold-font-size)', + fontStyle: 'var(--plasma-typo-h2-bold-font-style)', + fontWeight: 'var(--plasma-typo-h2-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-bold-line-height)', +}; + +/** typography s header-h3 */ +export const h3 = { + fontFamily: 'var(--plasma-typo-h3-font-family)', + fontSize: 'var(--plasma-typo-h3-font-size)', + fontStyle: 'var(--plasma-typo-h3-font-style)', + fontWeight: 'var(--plasma-typo-h3-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-line-height)', +}; + +/** typography s header-h3-bold */ +export const h3Bold = { + fontFamily: 'var(--plasma-typo-h3-bold-font-family)', + fontSize: 'var(--plasma-typo-h3-bold-font-size)', + fontStyle: 'var(--plasma-typo-h3-bold-font-style)', + fontWeight: 'var(--plasma-typo-h3-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-bold-line-height)', +}; + +/** typography s header-h4 */ +export const h4 = { + fontFamily: 'var(--plasma-typo-h4-font-family)', + fontSize: 'var(--plasma-typo-h4-font-size)', + fontStyle: 'var(--plasma-typo-h4-font-style)', + fontWeight: 'var(--plasma-typo-h4-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-line-height)', +}; + +/** typography s header-h4-bold */ +export const h4Bold = { + fontFamily: 'var(--plasma-typo-h4-bold-font-family)', + fontSize: 'var(--plasma-typo-h4-bold-font-size)', + fontStyle: 'var(--plasma-typo-h4-bold-font-style)', + fontWeight: 'var(--plasma-typo-h4-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-bold-line-height)', +}; + +/** typography s header-h5 */ +export const h5 = { + fontFamily: 'var(--plasma-typo-h5-font-family)', + fontSize: 'var(--plasma-typo-h5-font-size)', + fontStyle: 'var(--plasma-typo-h5-font-style)', + fontWeight: 'var(--plasma-typo-h5-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-line-height)', +}; + +/** typography s header-h5-bold */ +export const h5Bold = { + fontFamily: 'var(--plasma-typo-h5-bold-font-family)', + fontSize: 'var(--plasma-typo-h5-bold-font-size)', + fontStyle: 'var(--plasma-typo-h5-bold-font-style)', + fontWeight: 'var(--plasma-typo-h5-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-bold-line-height)', +}; + +/** typography s body-l */ +export const bodyL = { + fontFamily: 'var(--plasma-typo-body-l-font-family)', + fontSize: 'var(--plasma-typo-body-l-font-size)', + fontStyle: 'var(--plasma-typo-body-l-font-style)', + fontWeight: 'var(--plasma-typo-body-l-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-line-height)', +}; + +/** typography s body-l-bold */ +export const bodyLBold = { + fontFamily: 'var(--plasma-typo-body-l-bold-font-family)', + fontSize: 'var(--plasma-typo-body-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-bold-line-height)', +}; + +/** typography s body-m */ +export const bodyM = { + fontFamily: 'var(--plasma-typo-body-m-font-family)', + fontSize: 'var(--plasma-typo-body-m-font-size)', + fontStyle: 'var(--plasma-typo-body-m-font-style)', + fontWeight: 'var(--plasma-typo-body-m-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-line-height)', +}; + +/** typography s body-m-bold */ +export const bodyMBold = { + fontFamily: 'var(--plasma-typo-body-m-bold-font-family)', + fontSize: 'var(--plasma-typo-body-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-bold-line-height)', +}; + +/** typography s body-s */ +export const bodyS = { + fontFamily: 'var(--plasma-typo-body-s-font-family)', + fontSize: 'var(--plasma-typo-body-s-font-size)', + fontStyle: 'var(--plasma-typo-body-s-font-style)', + fontWeight: 'var(--plasma-typo-body-s-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-line-height)', +}; + +/** typography s body-s-bold */ +export const bodySBold = { + fontFamily: 'var(--plasma-typo-body-s-bold-font-family)', + fontSize: 'var(--plasma-typo-body-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-bold-line-height)', +}; + +/** typography s body-xs */ +export const bodyXS = { + fontFamily: 'var(--plasma-typo-body-xs-font-family)', + fontSize: 'var(--plasma-typo-body-xs-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-line-height)', +}; + +/** typography s body-xs-bold */ +export const bodyXSBold = { + fontFamily: 'var(--plasma-typo-body-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-bold-line-height)', +}; + +/** typography s body-xxs */ +export const bodyXXS = { + fontFamily: 'var(--plasma-typo-body-xxs-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-line-height)', +}; + +/** typography s body-xxs-bold */ +export const bodyXXSBold = { + fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-bold-line-height)', +}; + +/** typography s text-l */ +export const textL = { + fontFamily: 'var(--plasma-typo-text-l-font-family)', + fontSize: 'var(--plasma-typo-text-l-font-size)', + fontStyle: 'var(--plasma-typo-text-l-font-style)', + fontWeight: 'var(--plasma-typo-text-l-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-line-height)', +}; + +/** typography s text-l-bold */ +export const textLBold = { + fontFamily: 'var(--plasma-typo-text-l-bold-font-family)', + fontSize: 'var(--plasma-typo-text-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-bold-line-height)', +}; + +/** typography s text-m */ +export const textM = { + fontFamily: 'var(--plasma-typo-text-m-font-family)', + fontSize: 'var(--plasma-typo-text-m-font-size)', + fontStyle: 'var(--plasma-typo-text-m-font-style)', + fontWeight: 'var(--plasma-typo-text-m-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-line-height)', +}; + +/** typography s text-m-bold */ +export const textMBold = { + fontFamily: 'var(--plasma-typo-text-m-bold-font-family)', + fontSize: 'var(--plasma-typo-text-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-bold-line-height)', +}; + +/** typography s text-s */ +export const textS = { + fontFamily: 'var(--plasma-typo-text-s-font-family)', + fontSize: 'var(--plasma-typo-text-s-font-size)', + fontStyle: 'var(--plasma-typo-text-s-font-style)', + fontWeight: 'var(--plasma-typo-text-s-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-line-height)', +}; + +/** typography s text-s-bold */ +export const textSBold = { + fontFamily: 'var(--plasma-typo-text-s-bold-font-family)', + fontSize: 'var(--plasma-typo-text-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-bold-line-height)', +}; + +/** typography s text-xs */ +export const textXS = { + fontFamily: 'var(--plasma-typo-text-xs-font-family)', + fontSize: 'var(--plasma-typo-text-xs-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-line-height)', +}; + +/** typography s text-xs-bold */ +export const textXSBold = { + fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-text-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)', +}; diff --git a/packages/themes/plasma-themes/src/tokens/plasma_web/index.ts b/packages/themes/plasma-themes/src/tokens/plasma_web/index.ts index a737f51500..b135775d38 100644 --- a/packages/themes/plasma-themes/src/tokens/plasma_web/index.ts +++ b/packages/themes/plasma-themes/src/tokens/plasma_web/index.ts @@ -7,7 +7,7 @@ export const textPrimaryHover = 'var(--text-primary-hover, #FFFFFF93)'; export const textPrimaryActive = 'var(--text-primary-active, #FFFFFFC4)'; /** Основной цвет текста */ -export const textPrimary = 'var(--text-primary, rgba(255, 255, 255, 0.96))'; +export const textPrimary = 'var(--text-primary, #FFFFFFF5)'; /** Вторичный цвет текста */ export const textSecondaryHover = 'var(--text-secondary-hover, #FFFFFFFF)'; @@ -16,7 +16,7 @@ export const textSecondaryHover = 'var(--text-secondary-hover, #FFFFFFFF)'; export const textSecondaryActive = 'var(--text-secondary-active, #FFFFFFAB)'; /** Вторичный цвет текста */ -export const textSecondary = 'var(--text-secondary, rgba(255, 255, 255, 0.56))'; +export const textSecondary = 'var(--text-secondary, #FFFFFF8F)'; /** Третичный цвет текста */ export const textTertiaryHover = 'var(--text-tertiary-hover, #FFFFFFFF)'; @@ -25,7 +25,7 @@ export const textTertiaryHover = 'var(--text-tertiary-hover, #FFFFFFFF)'; export const textTertiaryActive = 'var(--text-tertiary-active, #FFFFFF56)'; /** Третичный цвет текста */ -export const textTertiary = 'var(--text-tertiary, rgba(255, 255, 255, 0.28))'; +export const textTertiary = 'var(--text-tertiary, #FFFFFF47)'; /** Сплошной наборный текст */ export const textParagraphHover = 'var(--text-paragraph-hover, #FFFFFF7A)'; @@ -34,7 +34,7 @@ export const textParagraphHover = 'var(--text-paragraph-hover, #FFFFFF7A)'; export const textParagraphActive = 'var(--text-paragraph-active, #FFFFFFA3)'; /** Сплошной наборный текст */ -export const textParagraph = 'var(--text-paragraph, rgba(255, 255, 255, 0.8))'; +export const textParagraph = 'var(--text-paragraph, #FFFFFFCC)'; /** Акцентный цвет */ export const textAccentHover = 'var(--text-accent-hover, #90B6FEFF)'; @@ -45,15 +45,6 @@ export const textAccentActive = 'var(--text-accent-active, #216EFDFF)'; /** Акцентный цвет */ export const textAccent = 'var(--text-accent, #3F81FD)'; -/** Акцентный цвет с градиентом */ -export const textAccentGradientHover = 'var(--text-accent-gradient-hover, #CCCCCCFF)'; - -/** Акцентный цвет с градиентом */ -export const textAccentGradientActive = 'var(--text-accent-gradient-active, #E6E6E6FF)'; - -/** Акцентный цвет с градиентом */ -export const textAccentGradient = 'var(--text-accent-gradient, linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%))'; - /** Цвет успеха */ export const textPositiveHover = 'var(--text-positive-hover, #1EB83AFF)'; @@ -88,7 +79,7 @@ export const onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #FFFFFF export const onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #FFFFFFC4)'; /** Основной цвет текста на темном фоне */ -export const onDarkTextPrimary = 'var(--on-dark-text-primary, rgba(255, 255, 255, 0.96))'; +export const onDarkTextPrimary = 'var(--on-dark-text-primary, #FFFFFFF5)'; /** Вторичный цвет текста на темном фоне */ export const onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #FFFFFFFF)'; @@ -97,7 +88,7 @@ export const onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #FF export const onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #FFFFFFAB)'; /** Вторичный цвет текста на темном фоне */ -export const onDarkTextSecondary = 'var(--on-dark-text-secondary, rgba(255, 255, 255, 0.56))'; +export const onDarkTextSecondary = 'var(--on-dark-text-secondary, #FFFFFF8F)'; /** Третичный цвет текста на темном фоне */ export const onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #FFFFFFFF)'; @@ -106,7 +97,7 @@ export const onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #FFFF export const onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #FFFFFF56)'; /** Третичный цвет текста на темном фоне */ -export const onDarkTextTertiary = 'var(--on-dark-text-tertiary, rgba(255, 255, 255, 0.28))'; +export const onDarkTextTertiary = 'var(--on-dark-text-tertiary, #FFFFFF47)'; /** Сплошной наборный текст на темном фоне */ export const onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #FFFFFF7A)'; @@ -115,7 +106,7 @@ export const onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #FF export const onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #FFFFFFA3)'; /** Сплошной наборный текст на темном фоне */ -export const onDarkTextParagraph = 'var(--on-dark-text-paragraph, rgba(255, 255, 255, 0.8))'; +export const onDarkTextParagraph = 'var(--on-dark-text-paragraph, #FFFFFFCC)'; /** Акцентный цвет на темном фоне */ export const onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #90B6FEFF)'; @@ -126,16 +117,6 @@ export const onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #216EFD /** Акцентный цвет на темном фоне */ export const onDarkTextAccent = 'var(--on-dark-text-accent, #3F81FD)'; -/** Акцентный цвет с градиентом на темном фоне */ -export const onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient-hover, #CCCCCCFF)'; - -/** Акцентный цвет с градиентом на темном фоне */ -export const onDarkTextAccentGradientActive = 'var(--on-dark-text-accent-gradient-active, #E6E6E6FF)'; - -/** Акцентный цвет с градиентом на темном фоне */ -export const onDarkTextAccentGradient = - 'var(--on-dark-text-accent-gradient, linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%))'; - /** Цвет успеха на темном фоне */ export const onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #1EB83AFF)'; @@ -170,7 +151,7 @@ export const onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #0808 export const onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #080808C4)'; /** Основной цвет текста на светлом фоне */ -export const onLightTextPrimary = 'var(--on-light-text-primary, rgba(8, 8, 8, 0.96))'; +export const onLightTextPrimary = 'var(--on-light-text-primary, #080808F5)'; /** Вторичный цвет текста на светлом фоне */ export const onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #080808FF)'; @@ -179,7 +160,7 @@ export const onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, # export const onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #080808AB)'; /** Вторичный цвет текста на светлом фоне */ -export const onLightTextSecondary = 'var(--on-light-text-secondary, rgba(8, 8, 8, 0.56))'; +export const onLightTextSecondary = 'var(--on-light-text-secondary, #0808088F)'; /** Третичный цвет текста на светлом фоне */ export const onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #080808FF)'; @@ -188,7 +169,7 @@ export const onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #08 export const onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #08080856)'; /** Третичный цвет текста на светлом фоне */ -export const onLightTextTertiary = 'var(--on-light-text-tertiary, rgba(8, 8, 8, 0.28))'; +export const onLightTextTertiary = 'var(--on-light-text-tertiary, #08080847)'; /** Сплошной наборный текст на светлом фоне */ export const onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #0808087A)'; @@ -197,7 +178,7 @@ export const onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, # export const onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #080808A3)'; /** Сплошной наборный текст на светлом фоне */ -export const onLightTextParagraph = 'var(--on-light-text-paragraph, rgba(8, 8, 8, 0.8))'; +export const onLightTextParagraph = 'var(--on-light-text-paragraph, #080808CC)'; /** Акцентный цвет на светлом фоне */ export const onLightTextAccentHover = 'var(--on-light-text-accent-hover, #79A7FBFF)'; @@ -208,16 +189,6 @@ export const onLightTextAccentActive = 'var(--on-light-text-accent-active, #0D5F /** Акцентный цвет на светлом фоне */ export const onLightTextAccent = 'var(--on-light-text-accent, #2A72F8)'; -/** Акцентный цвет с градиентом на светлом фоне */ -export const onLightTextAccentGradientHover = 'var(--on-light-text-accent-gradient-hover, #CCCCCCFF)'; - -/** Акцентный цвет с градиентом на светлом фоне */ -export const onLightTextAccentGradientActive = 'var(--on-light-text-accent-gradient-active, #E6E6E6FF)'; - -/** Акцентный цвет с градиентом на светлом фоне */ -export const onLightTextAccentGradient = - 'var(--on-light-text-accent-gradient, linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%))'; - /** Цвет успеха на светлом фоне */ export const onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #1EB83AFF)'; @@ -252,7 +223,7 @@ export const inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #08080 export const inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #080808C4)'; /** Инвертированный основной цвет текста */ -export const inverseTextPrimary = 'var(--inverse-text-primary, rgba(8, 8, 8, 0.96))'; +export const inverseTextPrimary = 'var(--inverse-text-primary, #080808F5)'; /** Инвертированный вторичный цвет текста */ export const inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #080808FF)'; @@ -261,7 +232,7 @@ export const inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #0 export const inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #080808AB)'; /** Инвертированный вторичный цвет текста */ -export const inverseTextSecondary = 'var(--inverse-text-secondary, rgba(8, 8, 8, 0.56))'; +export const inverseTextSecondary = 'var(--inverse-text-secondary, #0808088F)'; /** Инвертированный третичный цвет текста */ export const inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #080808FF)'; @@ -270,7 +241,7 @@ export const inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #080 export const inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #08080856)'; /** Инвертированный третичный цвет текста */ -export const inverseTextTertiary = 'var(--inverse-text-tertiary, rgba(8, 8, 8, 0.28))'; +export const inverseTextTertiary = 'var(--inverse-text-tertiary, #08080847)'; /** Инвертированный cплошной наборный текст */ export const inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #0808087A)'; @@ -279,7 +250,7 @@ export const inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #0 export const inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #080808A3)'; /** Инвертированный cплошной наборный текст */ -export const inverseTextParagraph = 'var(--inverse-text-paragraph, rgba(8, 8, 8, 0.8))'; +export const inverseTextParagraph = 'var(--inverse-text-paragraph, #080808CC)'; /** Основной непрозрачный фон поверхности/контрола */ export const surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #1C1C1CFF)'; @@ -324,7 +295,7 @@ export const surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFF export const surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #FFFFFFFF)'; /** Непрозрачный фон поверхности/контрола по умолчанию */ -export const surfaceSolidDefault = 'var(--surface-solid-default, rgba(255, 255, 255, 1))'; +export const surfaceSolidDefault = 'var(--surface-solid-default, #FFFFFFFF)'; /** Основной прозрачный фон поверхности/контрола */ export const surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #FFFFFF1F)'; @@ -333,7 +304,7 @@ export const surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary export const surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFF0A)'; /** Основной прозрачный фон поверхности/контрола */ -export const surfaceTransparentPrimary = 'var(--surface-transparent-primary, rgba(255, 255, 255, 0.06))'; +export const surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF0F)'; /** Вторичный прозрачный фон поверхности/контрола */ export const surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF3D)'; @@ -342,7 +313,7 @@ export const surfaceTransparentSecondaryHover = 'var(--surface-transparent-secon export const surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF0F)'; /** Вторичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentSecondary = 'var(--surface-transparent-secondary, rgba(255, 255, 255, 0.12))'; +export const surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #FFFFFF1F)'; /** Третичный прозрачный фон поверхности/контрола */ export const surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFF52)'; @@ -351,13 +322,16 @@ export const surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertia export const surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FFFFFF24)'; /** Третичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, rgba(255, 255, 255, 0.2))'; +export const surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #FFFFFF33)'; +/** dark surface default surfaceTransparentDeepHover */ export const surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #FFFFFFC2)'; +/** dark surface default surfaceTransparentDeepActive */ export const surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #FFFFFF94)'; -export const surfaceTransparentDeep = 'var(--surface-transparent-deep, rgba(255, 255, 255, 0.64))'; +/** dark surface default surfaceTransparentDeep */ +export const surfaceTransparentDeep = 'var(--surface-transparent-deep, #FFFFFFA3)'; /** Прозрачный фон для карточек */ export const surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #FFFFFF3D)'; @@ -366,7 +340,7 @@ export const surfaceTransparentCardHover = 'var(--surface-transparent-card-hover export const surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #FFFFFF0F)'; /** Прозрачный фон для карточек */ -export const surfaceTransparentCard = 'var(--surface-transparent-card, rgba(255, 255, 255, 0.12))'; +export const surfaceTransparentCard = 'var(--surface-transparent-card, #FFFFFF1F)'; /** Фон поверхности/контрола без заливки */ export const surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)'; @@ -375,7 +349,7 @@ export const surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)'; export const surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)'; /** Фон поверхности/контрола без заливки */ -export const surfaceClear = 'var(--surface-clear, rgba(255, 255, 255, 0))'; +export const surfaceClear = 'var(--surface-clear, #FFFFFF00)'; /** Акцентный фон поверхности/контрола */ export const surfaceAccentHover = 'var(--surface-accent-hover, #5D95FDFF)'; @@ -386,16 +360,6 @@ export const surfaceAccentActive = 'var(--surface-accent-active, #357BFDFF)'; /** Акцентный фон поверхности/контрола */ export const surfaceAccent = 'var(--surface-accent, #3F81FD)'; -/** Акцентный фон поверхности/контрола с градиентом */ -export const surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, #FFFFFFFF)'; - -/** Акцентный фон поверхности/контрола с градиентом */ -export const surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #FFFFFFFF)'; - -/** Акцентный фон поверхности/контрола с градиентом */ -export const surfaceAccentGradient = - 'var(--surface-accent-gradient, linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%), linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%))'; - /** Прозрачный акцентный фон поверхности/контрола */ export const surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #3F82FD3D)'; @@ -448,16 +412,16 @@ export const surfaceTransparentNegativeHover = 'var(--surface-transparent-negati export const surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #FF293E0F)'; /** Прозрачный акцентный фон поверхности/контрола */ -export const surfaceTransparentAccent = 'var(--surface-transparent-accent, rgba(63,129,253,0.12))'; +export const surfaceTransparentAccent = 'var(--surface-transparent-accent, #3F81FD1F)'; /** Прозрачный цвет фона поверхности/контрола успех */ -export const surfaceTransparentPositive = 'var(--surface-transparent-positive, rgba(26,158,50,0.12))'; +export const surfaceTransparentPositive = 'var(--surface-transparent-positive, #1A9E321F)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentWarning = 'var(--surface-transparent-warning, rgba(250,95,5,0.12))'; +export const surfaceTransparentWarning = 'var(--surface-transparent-warning, #FA5F051F)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentNegative = 'var(--surface-transparent-negative, rgba(255,41,62,0.12))'; +export const surfaceTransparentNegative = 'var(--surface-transparent-negative, #FF293E1F)'; /** Осн. непрозрачный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #1C1C1CFF)'; @@ -502,7 +466,7 @@ export const onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-defau export const onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active, #FFFFFFFF)'; /** Непр. фон поверхности/контрола по умолчанию на тем. фоне */ -export const onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, rgba(255, 255, 255, 1))'; +export const onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #FFFFFFFF)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FFFFFF1F)'; @@ -511,7 +475,7 @@ export const onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-trans export const onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFF0A)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, rgba(255, 255, 255, 0.06))'; +export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #FFFFFF0F)'; /** Вторичный прозр. фон поверхности/контрола на темном фоне */ export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF3D)'; @@ -520,8 +484,7 @@ export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-tra export const onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFF0F)'; /** Вторичный прозр. фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentSecondary = - 'var(--on-dark-surface-transparent-secondary, rgba(255, 255, 255, 0.12))'; +export const onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF1F)'; /** Третичный прозр. фон поверхности/контрола на темном фоне */ export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFF52)'; @@ -530,13 +493,16 @@ export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-tran export const onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFF24)'; /** Третичный прозр. фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, rgba(255, 255, 255, 0.2))'; +export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #FFFFFF33)'; +/** dark surface onDark surfaceTransparentDeepHover */ export const onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #FFFFFFC2)'; +/** dark surface onDark surfaceTransparentDeepActive */ export const onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #FFFFFF94)'; -export const onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, rgba(255, 255, 255, 0.64))'; +/** dark surface onDark surfaceTransparentDeep */ +export const onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #FFFFFFA3)'; /** Прозрачный фон для карточек на темном фоне */ export const onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FFFFFF3D)'; @@ -545,7 +511,7 @@ export const onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transpar export const onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FFFFFF0F)'; /** Прозрачный фон для карточек на темном фоне */ -export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, rgba(255, 255, 255, 0.12))'; +export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #FFFFFF1F)'; /** Акцентный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #5D95FDFF)'; @@ -556,16 +522,6 @@ export const onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, # /** Акцентный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #3F81FD)'; -/** Акцентный фон поверхн./контрола с градиентом на темном фоне */ -export const onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-hover, #FFFFFFFF)'; - -/** Акцентный фон поверхн./контрола с градиентом на темном фоне */ -export const onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #FFFFFFFF)'; - -/** Акцентный фон поверхн./контрола с градиентом на темном фоне */ -export const onDarkSurfaceAccentGradient = - 'var(--on-dark-surface-accent-gradient, linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%))'; - /** Цвет фона поверхности/контрола успех на темном фоне */ export const onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #1DAF37FF)'; @@ -627,7 +583,7 @@ export const onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-h export const onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active, #FFFFFFFF)'; /** Основной фон для карточек на светлом фоне */ -export const onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, rgba(255, 255, 255, 1))'; +export const onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #FFFFFFFF)'; /** Непр. фон поверхности/контрола по умолчанию на светлом фоне */ export const onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #0D0D0DFF)'; @@ -645,7 +601,7 @@ export const onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-tra export const onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #08080803)'; /** Основной прозр. фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, rgba(8, 8, 8, 0.03))'; +export const onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #08080808)'; /** Вторичный прозр. фон поверхности/контрола на светлом фоне */ export const onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #0808081F)'; @@ -655,7 +611,7 @@ export const onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #0808080A)'; /** Вторичный прозр. фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, rgba(8, 8, 8, 0.06))'; +export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #0808080F)'; /** Третичный прозр. фон поверхности/контрола на светлом фоне */ export const onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #0808083D)'; @@ -664,13 +620,16 @@ export const onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-tr export const onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #0808080F)'; /** Третичный прозр. фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, rgba(8, 8, 8, 0.12))'; +export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #0808081F)'; +/** dark surface onLight surfaceTransparentDeepHover */ export const onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #080808C2)'; +/** dark surface onLight surfaceTransparentDeepActive */ export const onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #08080894)'; -export const onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, rgba(8, 8, 8, 0.64))'; +/** dark surface onLight surfaceTransparentDeep */ +export const onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #080808A3)'; /** Прозрачный фон для карточек на светлом фоне */ export const onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #FFFFFFFF)'; @@ -679,7 +638,7 @@ export const onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transp export const onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #FFFFFFFF)'; /** Прозрачный фон для карточек на светлом фоне */ -export const onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, rgba(255, 255, 255, 1))'; +export const onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #FFFFFFFF)'; /** Акцентный фон поверхности/контрола на светлом фоне */ export const onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #4886F9FF)'; @@ -690,16 +649,6 @@ export const onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, /** Акцентный фон поверхности/контрола на светлом фоне */ export const onLightSurfaceAccent = 'var(--on-light-surface-accent, #2A72F8)'; -/** Акцент. фон поверхн./контрола с градиентом на светлом фоне */ -export const onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #FFFFFFFF)'; - -/** Акцент. фон поверхн./контрола с градиентом на светлом фоне */ -export const onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #FFFFFFFF)'; - -/** Акцент. фон поверхн./контрола с градиентом на светлом фоне */ -export const onLightSurfaceAccentGradient = - 'var(--on-light-surface-accent-gradient, linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%))'; - /** Цвет фона поверхности/контрола успех на светлом фоне */ export const onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1DAF37FF)'; @@ -737,59 +686,569 @@ export const darkBackgroundPrimary = 'var(--dark-background-primary, #080808)'; export const lightBackgroundPrimary = 'var(--light-background-primary, #F9F9F9)'; /** Цвет фона паранжи светлый */ -export const overlaySoft = 'var(--overlay-soft, rgba(8, 8, 8, 0.56))'; +export const overlaySoft = 'var(--overlay-soft, #0808088F)'; /** Цвет фона паранжи темный */ -export const overlayHard = 'var(--overlay-hard, rgba(8, 8, 8, 0.96))'; +export const overlayHard = 'var(--overlay-hard, #080808F5)'; -export const overlayBlur = 'var(--overlay-blur, rgba(8, 8, 8, 0.28))'; +/** dark overlay default overlayBlur */ +export const overlayBlur = 'var(--overlay-blur, #08080847)'; /** Цвет фона паранжи светлый на темном фоне */ -export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft, rgba(8, 8, 8, 0.56))'; +export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #0808088F)'; /** Цвет фона паранжи темный на темном фоне */ -export const onDarkOverlayHard = 'var(--on-dark-overlay-hard, rgba(8, 8, 8, 0.96))'; +export const onDarkOverlayHard = 'var(--on-dark-overlay-hard, #080808F5)'; -export const onDarkOverlayBlur = 'var(--on-dark-overlay-blur, rgba(8, 8, 8, 0.28))'; +/** dark overlay onDark overlayBlur */ +export const onDarkOverlayBlur = 'var(--on-dark-overlay-blur, #08080847)'; /** Цвет фона паранжи светлый на светлом фоне */ -export const onLightOverlaySoft = 'var(--on-light-overlay-soft, rgba(249, 249, 249, 0.56))'; +export const onLightOverlaySoft = 'var(--on-light-overlay-soft, #F9F9F98F)'; /** Цвет фона паранжи темный на светлом фоне */ -export const onLightOverlayHard = 'var(--on-light-overlay-hard, rgba(249, 249, 249, 0.96))'; +export const onLightOverlayHard = 'var(--on-light-overlay-hard, #F9F9F9F5)'; + +/** dark overlay onLight overlayBlur */ +export const onLightOverlayBlur = 'var(--on-light-overlay-blur, #F9F9F947)'; -export const onLightOverlayBlur = 'var(--on-light-overlay-blur, rgba(249, 249, 249, 0.28))'; +/** Акцентный цвет с градиентом */ +export const textAccentGradientHover = 'var(--text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом */ +export const textAccentGradientActive = 'var(--text-accent-gradient-active, #E6E6E6FF)'; -export const skeletonGradient = - 'var(--skeleton-gradient, linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ))'; +/** Акцентный цвет с градиентом */ +export const textAccentGradient = + 'var(--text-accent-gradient, linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%))'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradientActive = 'var(--on-dark-text-accent-gradient-active, #E6E6E6FF)'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradient = + 'var(--on-dark-text-accent-gradient, linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%))'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradientHover = 'var(--on-light-text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradientActive = 'var(--on-light-text-accent-gradient-active, #E6E6E6FF)'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradient = + 'var(--on-light-text-accent-gradient, linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%))'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradient = + 'var(--surface-accent-gradient, linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%),linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%))'; + +/** Фон для скелетона */ +export const surfaceSkeletonGradient = + 'var(--surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))'; + +/** Фон для скелетона */ +export const surfaceSkeletonGradientHover = 'var(--surface-skeleton-gradient-hover, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const surfaceSkeletonGradientActive = 'var(--surface-skeleton-gradient-active, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradient = + 'var(--surface-skeleton-deep-gradient, linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%))'; + +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientHover = 'var(--surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientActive = 'var(--surface-skeleton-deep-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхн./контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцентный фон поверхн./контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхн./контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradient = + 'var(--on-dark-surface-accent-gradient, linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%))'; + +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradient = + 'var(--on-dark-surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))'; + +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientHover = 'var(--on-dark-surface-skeleton-gradient-hover, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientActive = 'var(--on-dark-surface-skeleton-gradient-active, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradient = + 'var(--on-dark-surface-skeleton-deep-gradient, linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%))'; + +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientHover = 'var(--on-dark-surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientActive = + 'var(--on-dark-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; + +/** Акцент. фон поверхн./контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцент. фон поверхн./контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #FFFFFFFF)'; + +/** Акцент. фон поверхн./контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradient = + 'var(--on-light-surface-accent-gradient, linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%))'; -export const skeletonGradientLighter = - 'var(--skeleton-gradient-lighter, linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ))'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradient = + 'var(--on-light-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))'; -export const shadowDownSoftS = - 'var(--shadow-down-soft-s, 0px 4px 14px -4px rgba(8, 8, 8, 0.08)), var(--shadow-down-soft-s, 0px 1px 4px -1px rgba(0, 0, 0, 0.04))'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientHover = 'var(--on-light-surface-skeleton-gradient-hover, #FFFFFFFF)'; -export const shadowDownSoftM = 'var(--shadow-down-soft-m, 0px 24px 48px -8px rgba(0, 0, 0, 0.08))'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientActive = 'var(--on-light-surface-skeleton-gradient-active, #FFFFFFFF)'; -export const shadowDownSoftL = 'var(--shadow-down-soft-l, 0px 60px 112px -8px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradient = + 'var(--on-light-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))'; -export const shadowDownHardS = - 'var(--shadow-down-hard-s, 0px 4px 12px -3px rgba(8, 8, 8, 0.16)), var(--shadow-down-hard-s, 0px 1px 4px -2px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientHover = + 'var(--on-light-surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; -export const shadowDownHardM = 'var(--shadow-down-hard-m, 0px 16px 32px -8px rgba(0, 0, 0, 0.24))'; +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientActive = + 'var(--on-light-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; -export const shadowDownHardL = 'var(--shadow-down-hard-l, 0px 60px 112px -8px rgba(0, 0, 0, 0.40))'; +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradient = + 'var(--inverse-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))'; -export const shadowUpSoftS = - 'var(--shadow-up-soft-s, 0px -4px 14px -4px rgba(8, 8, 8, 0.08)), var(--shadow-up-soft-s, 0px -1px 4px -1px rgba(0, 0, 0, 0.03))'; +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientHover = 'var(--inverse-surface-skeleton-gradient-hover, #FFFFFFFF)'; -export const shadowUpSoftM = 'var(--shadow-up-soft-m, 0px -24px 48px -8px rgba(0, 0, 0, 0.08))'; +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientActive = 'var(--inverse-surface-skeleton-gradient-active, #FFFFFFFF)'; -export const shadowUpSoftL = 'var(--shadow-up-soft-l, 0px -60px 112px -8px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradient = + 'var(--inverse-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))'; -export const shadowUpHardS = - 'var(--shadow-up-hard-s, 0px -4px 12px -3px rgba(8, 8, 8, 0.20)), var(--shadow-up-hard-s, 0px -1px 4px -1px rgba(0, 0, 0, 0.03))'; +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientHover = 'var(--inverse-surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; -export const shadowUpHardM = 'var(--shadow-up-hard-m, 0px -16px 32px -8px rgba(0, 0, 0, 0.24))'; +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientActive = + 'var(--inverse-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; -export const shadowUpHardL = 'var(--shadow-up-hard-l, 0px -60px 112px -8px rgba(0, 0, 0, 0.40))'; +/** shadow down soft s */ +export const shadowDownSoftS = 'var(--shadow-down-soft-s, 0px 4px 14px -4px #08080814,0px 1px 4px -1px #0000000A)'; + +/** shadow down soft m */ +export const shadowDownSoftM = 'var(--shadow-down-soft-m, 0px 24px 48px -8px #00000014)'; + +/** shadow down soft l */ +export const shadowDownSoftL = 'var(--shadow-down-soft-l, 0px 60px 112px -8px #00000014)'; + +/** shadow down hard s */ +export const shadowDownHardS = 'var(--shadow-down-hard-s, 0px 4px 12px -3px #08080829,0px 1px 4px -2px #00000014)'; + +/** shadow down hard m */ +export const shadowDownHardM = 'var(--shadow-down-hard-m, 0px 16px 32px -8px #0000003D)'; + +/** shadow down hard l */ +export const shadowDownHardL = 'var(--shadow-down-hard-l, 0px 60px 112px -8px #00000066)'; + +/** shadow up soft s */ +export const shadowUpSoftS = 'var(--shadow-up-soft-s, 0px -4px 14px -4px #08080814,0px -1px 4px -1px #00000008)'; + +/** shadow up soft m */ +export const shadowUpSoftM = 'var(--shadow-up-soft-m, 0px -24px 48px -8px #00000014)'; + +/** shadow up soft l */ +export const shadowUpSoftL = 'var(--shadow-up-soft-l, 0px -60px 112px -8px #00000014)'; + +/** shadow up hard s */ +export const shadowUpHardS = 'var(--shadow-up-hard-s, 0px -4px 12px -3px #08080833,0px -1px 4px -1px #00000008)'; + +/** shadow up hard m */ +export const shadowUpHardM = 'var(--shadow-up-hard-m, 0px -16px 32px -8px #0000003D)'; + +/** shadow up hard l */ +export const shadowUpHardL = 'var(--shadow-up-hard-l, 0px -60px 112px -8px #00000066)'; + +/** borderRadius xxs */ +export const borderRadiusXxs = 'var(--border-radius-xxs, 4px)'; + +/** borderRadius xs */ +export const borderRadiusXs = 'var(--border-radius-xs, 8px)'; + +/** borderRadius s */ +export const borderRadiusS = 'var(--border-radius-s, 12px)'; + +/** borderRadius m */ +export const borderRadiusM = 'var(--border-radius-m, 16px)'; + +/** borderRadius l */ +export const borderRadiusL = 'var(--border-radius-l, 20px)'; + +/** borderRadius xl */ +export const borderRadiusXl = 'var(--border-radius-xl, 24px)'; + +/** borderRadius xxl */ +export const borderRadiusXxl = 'var(--border-radius-xxl, 32px)'; + +/** typography s display-l */ +export const dsplL = { + fontFamily: 'var(--plasma-typo-dspl-l-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-line-height)', +}; + +/** typography s display-l-bold */ +export const dsplLBold = { + fontFamily: 'var(--plasma-typo-dspl-l-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-bold-line-height)', +}; + +/** typography s display-m */ +export const dsplM = { + fontFamily: 'var(--plasma-typo-dspl-m-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-line-height)', +}; + +/** typography s display-m-bold */ +export const dsplMBold = { + fontFamily: 'var(--plasma-typo-dspl-m-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-bold-line-height)', +}; + +/** typography s display-s */ +export const dsplS = { + fontFamily: 'var(--plasma-typo-dspl-s-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-line-height)', +}; + +/** typography s display-s-bold */ +export const dsplSBold = { + fontFamily: 'var(--plasma-typo-dspl-s-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-bold-line-height)', +}; + +/** typography s header-h1 */ +export const h1 = { + fontFamily: 'var(--plasma-typo-h1-font-family)', + fontSize: 'var(--plasma-typo-h1-font-size)', + fontStyle: 'var(--plasma-typo-h1-font-style)', + fontWeight: 'var(--plasma-typo-h1-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-line-height)', +}; + +/** typography s header-h1-bold */ +export const h1Bold = { + fontFamily: 'var(--plasma-typo-h1-bold-font-family)', + fontSize: 'var(--plasma-typo-h1-bold-font-size)', + fontStyle: 'var(--plasma-typo-h1-bold-font-style)', + fontWeight: 'var(--plasma-typo-h1-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-bold-line-height)', +}; + +/** typography s header-h2 */ +export const h2 = { + fontFamily: 'var(--plasma-typo-h2-font-family)', + fontSize: 'var(--plasma-typo-h2-font-size)', + fontStyle: 'var(--plasma-typo-h2-font-style)', + fontWeight: 'var(--plasma-typo-h2-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-line-height)', +}; + +/** typography s header-h2-bold */ +export const h2Bold = { + fontFamily: 'var(--plasma-typo-h2-bold-font-family)', + fontSize: 'var(--plasma-typo-h2-bold-font-size)', + fontStyle: 'var(--plasma-typo-h2-bold-font-style)', + fontWeight: 'var(--plasma-typo-h2-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-bold-line-height)', +}; + +/** typography s header-h3 */ +export const h3 = { + fontFamily: 'var(--plasma-typo-h3-font-family)', + fontSize: 'var(--plasma-typo-h3-font-size)', + fontStyle: 'var(--plasma-typo-h3-font-style)', + fontWeight: 'var(--plasma-typo-h3-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-line-height)', +}; + +/** typography s header-h3-bold */ +export const h3Bold = { + fontFamily: 'var(--plasma-typo-h3-bold-font-family)', + fontSize: 'var(--plasma-typo-h3-bold-font-size)', + fontStyle: 'var(--plasma-typo-h3-bold-font-style)', + fontWeight: 'var(--plasma-typo-h3-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-bold-line-height)', +}; + +/** typography s header-h4 */ +export const h4 = { + fontFamily: 'var(--plasma-typo-h4-font-family)', + fontSize: 'var(--plasma-typo-h4-font-size)', + fontStyle: 'var(--plasma-typo-h4-font-style)', + fontWeight: 'var(--plasma-typo-h4-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-line-height)', +}; + +/** typography s header-h4-bold */ +export const h4Bold = { + fontFamily: 'var(--plasma-typo-h4-bold-font-family)', + fontSize: 'var(--plasma-typo-h4-bold-font-size)', + fontStyle: 'var(--plasma-typo-h4-bold-font-style)', + fontWeight: 'var(--plasma-typo-h4-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-bold-line-height)', +}; + +/** typography s header-h5 */ +export const h5 = { + fontFamily: 'var(--plasma-typo-h5-font-family)', + fontSize: 'var(--plasma-typo-h5-font-size)', + fontStyle: 'var(--plasma-typo-h5-font-style)', + fontWeight: 'var(--plasma-typo-h5-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-line-height)', +}; + +/** typography s header-h5-bold */ +export const h5Bold = { + fontFamily: 'var(--plasma-typo-h5-bold-font-family)', + fontSize: 'var(--plasma-typo-h5-bold-font-size)', + fontStyle: 'var(--plasma-typo-h5-bold-font-style)', + fontWeight: 'var(--plasma-typo-h5-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-bold-line-height)', +}; + +/** typography s body-l */ +export const bodyL = { + fontFamily: 'var(--plasma-typo-body-l-font-family)', + fontSize: 'var(--plasma-typo-body-l-font-size)', + fontStyle: 'var(--plasma-typo-body-l-font-style)', + fontWeight: 'var(--plasma-typo-body-l-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-line-height)', +}; + +/** typography s body-l-bold */ +export const bodyLBold = { + fontFamily: 'var(--plasma-typo-body-l-bold-font-family)', + fontSize: 'var(--plasma-typo-body-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-bold-line-height)', +}; + +/** typography s body-m */ +export const bodyM = { + fontFamily: 'var(--plasma-typo-body-m-font-family)', + fontSize: 'var(--plasma-typo-body-m-font-size)', + fontStyle: 'var(--plasma-typo-body-m-font-style)', + fontWeight: 'var(--plasma-typo-body-m-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-line-height)', +}; + +/** typography s body-m-bold */ +export const bodyMBold = { + fontFamily: 'var(--plasma-typo-body-m-bold-font-family)', + fontSize: 'var(--plasma-typo-body-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-bold-line-height)', +}; + +/** typography s body-s */ +export const bodyS = { + fontFamily: 'var(--plasma-typo-body-s-font-family)', + fontSize: 'var(--plasma-typo-body-s-font-size)', + fontStyle: 'var(--plasma-typo-body-s-font-style)', + fontWeight: 'var(--plasma-typo-body-s-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-line-height)', +}; + +/** typography s body-s-bold */ +export const bodySBold = { + fontFamily: 'var(--plasma-typo-body-s-bold-font-family)', + fontSize: 'var(--plasma-typo-body-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-bold-line-height)', +}; + +/** typography s body-xs */ +export const bodyXS = { + fontFamily: 'var(--plasma-typo-body-xs-font-family)', + fontSize: 'var(--plasma-typo-body-xs-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-line-height)', +}; + +/** typography s body-xs-bold */ +export const bodyXSBold = { + fontFamily: 'var(--plasma-typo-body-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-bold-line-height)', +}; + +/** typography s body-xxs */ +export const bodyXXS = { + fontFamily: 'var(--plasma-typo-body-xxs-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-line-height)', +}; + +/** typography s body-xxs-bold */ +export const bodyXXSBold = { + fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-bold-line-height)', +}; + +/** typography s text-l */ +export const textL = { + fontFamily: 'var(--plasma-typo-text-l-font-family)', + fontSize: 'var(--plasma-typo-text-l-font-size)', + fontStyle: 'var(--plasma-typo-text-l-font-style)', + fontWeight: 'var(--plasma-typo-text-l-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-line-height)', +}; + +/** typography s text-l-bold */ +export const textLBold = { + fontFamily: 'var(--plasma-typo-text-l-bold-font-family)', + fontSize: 'var(--plasma-typo-text-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-bold-line-height)', +}; + +/** typography s text-m */ +export const textM = { + fontFamily: 'var(--plasma-typo-text-m-font-family)', + fontSize: 'var(--plasma-typo-text-m-font-size)', + fontStyle: 'var(--plasma-typo-text-m-font-style)', + fontWeight: 'var(--plasma-typo-text-m-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-line-height)', +}; + +/** typography s text-m-bold */ +export const textMBold = { + fontFamily: 'var(--plasma-typo-text-m-bold-font-family)', + fontSize: 'var(--plasma-typo-text-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-bold-line-height)', +}; + +/** typography s text-s */ +export const textS = { + fontFamily: 'var(--plasma-typo-text-s-font-family)', + fontSize: 'var(--plasma-typo-text-s-font-size)', + fontStyle: 'var(--plasma-typo-text-s-font-style)', + fontWeight: 'var(--plasma-typo-text-s-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-line-height)', +}; + +/** typography s text-s-bold */ +export const textSBold = { + fontFamily: 'var(--plasma-typo-text-s-bold-font-family)', + fontSize: 'var(--plasma-typo-text-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-bold-line-height)', +}; + +/** typography s text-xs */ +export const textXS = { + fontFamily: 'var(--plasma-typo-text-xs-font-family)', + fontSize: 'var(--plasma-typo-text-xs-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-line-height)', +}; + +/** typography s text-xs-bold */ +export const textXSBold = { + fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-text-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)', +}; diff --git a/packages/themes/plasma-themes/src/tokens/stylesSalute/index.ts b/packages/themes/plasma-themes/src/tokens/stylesSalute/index.ts index 6e059a7a75..bfa51e6ffe 100644 --- a/packages/themes/plasma-themes/src/tokens/stylesSalute/index.ts +++ b/packages/themes/plasma-themes/src/tokens/stylesSalute/index.ts @@ -99,52 +99,6 @@ export const textAccentBrandActive = 'var(--text-accent-brand-active, #337AFFFF) /** Акцентный цвет бренда */ export const textAccentBrand = 'var(--text-accent-brand, #528EFF)'; -/** Градиент Афины */ -export const textGradientAthenaHover = 'var(--text-gradient-athena-hover, #CCCCCCFF)'; - -/** Градиент Афины */ -export const textGradientAthenaActive = 'var(--text-gradient-athena-active, #E6E6E6FF)'; - -/** Градиент Афины */ -export const textGradientAthena = - 'var(--text-gradient-athena, linear-gradient(93.97deg, #52BAFF 6.49%, #ADADFF 93.51%))'; - -/** Градиент Джой */ -export const textGradientJoyHover = 'var(--text-gradient-joy-hover, #CCCCCCFF)'; - -/** Градиент Джой */ -export const textGradientJoyActive = 'var(--text-gradient-joy-active, #E6E6E6FF)'; - -/** Градиент Джой */ -export const textGradientJoy = 'var(--text-gradient-joy, linear-gradient(93.97deg, #FD9C68 6.49%, #F391E2 93.51%))'; - -/** Градиент B2E-ассистента */ -export const textGradientB2EHover = 'var(--text-gradient-b2-e-hover, #CCCCCCFF)'; - -/** Градиент B2E-ассистента */ -export const textGradientB2EActive = 'var(--text-gradient-b2-e-active, #E6E6E6FF)'; - -/** Градиент B2E-ассистента */ -export const textGradientB2E = 'var(--text-gradient-b2-e, linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%))'; - -/** Градиент бренда */ -export const textGradientBrandHover = 'var(--text-gradient-brand-hover, #CCCCCCFF)'; - -/** Градиент бренда */ -export const textGradientBrandActive = 'var(--text-gradient-brand-active, #E6E6E6FF)'; - -/** Градиент бренда */ -export const textGradientBrand = 'var(--text-gradient-brand, linear-gradient(89.83deg, #528EFF 0%, #04C6C9 100%))'; - -/** Градиент */ -export const textGradientMainHover = 'var(--text-gradient-main-hover, #CCCCCCFF)'; - -/** Градиент */ -export const textGradientMainActive = 'var(--text-gradient-main-active, #E6E6E6FF)'; - -/** Градиент */ -export const textGradientMain = 'var(--text-gradient-main, linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%))'; - /** Акцентный цвет */ export const textAccentMainHover = 'var(--text-accent-main-hover, #2ACB47FF)'; @@ -253,56 +207,6 @@ export const onDarkTextAccentBrandActive = 'var(--on-dark-text-accent-brand-acti /** Акцентный цвет бренда на темном фоне */ export const onDarkTextAccentBrand = 'var(--on-dark-text-accent-brand, #528EFF)'; -/** Градиент Афины на темном фоне */ -export const onDarkTextGradientAthenaHover = 'var(--on-dark-text-gradient-athena-hover, #CCCCCCFF)'; - -/** Градиент Афины на темном фоне */ -export const onDarkTextGradientAthenaActive = 'var(--on-dark-text-gradient-athena-active, #E6E6E6FF)'; - -/** Градиент Афины на темном фоне */ -export const onDarkTextGradientAthena = - 'var(--on-dark-text-gradient-athena, linear-gradient(93.97deg, #52BAFF 6.49%, #ADADFF 93.51%))'; - -/** Градиент Джой на темном фоне */ -export const onDarkTextGradientJoyHover = 'var(--on-dark-text-gradient-joy-hover, #CCCCCCFF)'; - -/** Градиент Джой на темном фоне */ -export const onDarkTextGradientJoyActive = 'var(--on-dark-text-gradient-joy-active, #E6E6E6FF)'; - -/** Градиент Джой на темном фоне */ -export const onDarkTextGradientJoy = - 'var(--on-dark-text-gradient-joy, linear-gradient(93.97deg, #FD9C68 6.49%, #F391E2 93.51%))'; - -/** Градиент B2E-ассистента на темном фоне */ -export const onDarkTextGradientB2EHover = 'var(--on-dark-text-gradient-b2-e-hover, #CCCCCCFF)'; - -/** Градиент B2E-ассистента на темном фоне */ -export const onDarkTextGradientB2EActive = 'var(--on-dark-text-gradient-b2-e-active, #E6E6E6FF)'; - -/** Градиент B2E-ассистента на темном фоне */ -export const onDarkTextGradientB2E = - 'var(--on-dark-text-gradient-b2-e, linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%))'; - -/** Градиент бренда на темном фоне */ -export const onDarkTextGradientBrandHover = 'var(--on-dark-text-gradient-brand-hover, #CCCCCCFF)'; - -/** Градиент бренда на темном фоне */ -export const onDarkTextGradientBrandActive = 'var(--on-dark-text-gradient-brand-active, #E6E6E6FF)'; - -/** Градиент бренда на темном фоне */ -export const onDarkTextGradientBrand = - 'var(--on-dark-text-gradient-brand, linear-gradient(89.83deg, #528EFF 0%, #04C6C9 100%))'; - -/** Градиент на темном фоне */ -export const onDarkTextGradientMainHover = 'var(--on-dark-text-gradient-main-hover, #CCCCCCFF)'; - -/** Градиент на темном фоне */ -export const onDarkTextGradientMainActive = 'var(--on-dark-text-gradient-main-active, #E6E6E6FF)'; - -/** Градиент на темном фоне */ -export const onDarkTextGradientMain = - 'var(--on-dark-text-gradient-main, linear-gradient(89.83deg, #24B23E 0%, #1CC9C9 100%))'; - /** Акцентный цвет на темном фоне */ export const onDarkTextAccentMainHover = 'var(--on-dark-text-accent-main-hover, #2ACB47FF)'; @@ -319,7 +223,7 @@ export const onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #0808 export const onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #080808C4)'; /** Основной цвет текста на светлом фоне */ -export const onLightTextPrimary = 'var(--on-light-text-primary, rgba(8, 8, 8, 0.96))'; +export const onLightTextPrimary = 'var(--on-light-text-primary, #080808F5)'; /** Вторичный цвет текста на светлом фоне */ export const onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #080808FF)'; @@ -328,7 +232,7 @@ export const onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, # export const onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #080808AB)'; /** Вторичный цвет текста на светлом фоне */ -export const onLightTextSecondary = 'var(--on-light-text-secondary, rgba(8, 8, 8, 0.56))'; +export const onLightTextSecondary = 'var(--on-light-text-secondary, #0808088F)'; /** Третичный цвет текста на светлом фоне */ export const onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #080808FF)'; @@ -346,7 +250,7 @@ export const onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, # export const onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #080808A3)'; /** Сплошной наборный текст на светлом фоне */ -export const onLightTextParagraph = 'var(--on-light-text-paragraph, rgba(8, 8, 8, 0.8))'; +export const onLightTextParagraph = 'var(--on-light-text-paragraph, #080808CC)'; /** Цвет успеха на светлом фоне */ export const onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #1EB83AFF)'; @@ -411,56 +315,6 @@ export const onLightTextAccentBrandActive = 'var(--on-light-text-accent-brand-ac /** Акцентный цвет бренда на светлом фоне */ export const onLightTextAccentBrand = 'var(--on-light-text-accent-brand, #3F81FD)'; -/** Градиент Афины на светлом фоне */ -export const onLightTextGradientAthenaHover = 'var(--on-light-text-gradient-athena-hover, #CCCCCCFF)'; - -/** Градиент Афины на светлом фоне */ -export const onLightTextGradientAthenaActive = 'var(--on-light-text-gradient-athena-active, #E6E6E6FF)'; - -/** Градиент Афины на светлом фоне */ -export const onLightTextGradientAthena = - 'var(--on-light-text-gradient-athena, linear-gradient(89.83deg, #118CDF 0%, #7A7AFF 100%))'; - -/** Градиент Джой на светлом фоне */ -export const onLightTextGradientJoyHover = 'var(--on-light-text-gradient-joy-hover, #CCCCCCFF)'; - -/** Градиент Джой на светлом фоне */ -export const onLightTextGradientJoyActive = 'var(--on-light-text-gradient-joy-active, #E6E6E6FF)'; - -/** Градиент Джой на светлом фоне */ -export const onLightTextGradientJoy = - 'var(--on-light-text-gradient-joy, linear-gradient(89.83deg, #FCA349 0%, #FF52C5 100%))'; - -/** Градиент B2E-ассистента на светлом фоне */ -export const onLightTextGradientB2EHover = 'var(--on-light-text-gradient-b2-e-hover, #CCCCCCFF)'; - -/** Градиент B2E-ассистента на светлом фоне */ -export const onLightTextGradientB2EActive = 'var(--on-light-text-gradient-b2-e-active, #E6E6E6FF)'; - -/** Градиент B2E-ассистента на светлом фоне */ -export const onLightTextGradientB2E = - 'var(--on-light-text-gradient-b2-e, linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%))'; - -/** Акцентный цвет бренда на светлом фоне */ -export const onLightTextGradientBrandHover = 'var(--on-light-text-gradient-brand-hover, #CCCCCCFF)'; - -/** Акцентный цвет бренда на светлом фоне */ -export const onLightTextGradientBrandActive = 'var(--on-light-text-gradient-brand-active, #E6E6E6FF)'; - -/** Акцентный цвет бренда на светлом фоне */ -export const onLightTextGradientBrand = - 'var(--on-light-text-gradient-brand, linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%))'; - -/** Градиент на светлом фоне */ -export const onLightTextGradientMainHover = 'var(--on-light-text-gradient-main-hover, #CCCCCCFF)'; - -/** Градиент на светлом фоне */ -export const onLightTextGradientMainActive = 'var(--on-light-text-gradient-main-active, #E6E6E6FF)'; - -/** Градиент на светлом фоне */ -export const onLightTextGradientMain = - 'var(--on-light-text-gradient-main, linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%))'; - /** Акцентный цвет на светлом фоне */ export const onLightTextAccentMainHover = 'var(--on-light-text-accent-main-hover, #1EB83AFF)'; @@ -477,7 +331,7 @@ export const inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #08080 export const inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #080808C4)'; /** Инвертированный основной цвет текста */ -export const inverseTextPrimary = 'var(--inverse-text-primary, rgba(8, 8, 8, 0.96))'; +export const inverseTextPrimary = 'var(--inverse-text-primary, #080808F5)'; /** Инвертированный вторичный цвет текста */ export const inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #080808FF)'; @@ -486,7 +340,7 @@ export const inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #0 export const inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #080808AB)'; /** Инвертированный вторичный цвет текста */ -export const inverseTextSecondary = 'var(--inverse-text-secondary, rgba(8, 8, 8, 0.56))'; +export const inverseTextSecondary = 'var(--inverse-text-secondary, #0808088F)'; /** Инвертированный третичный цвет текста */ export const inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #080808FF)'; @@ -504,7 +358,7 @@ export const inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #0 export const inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #080808A3)'; /** Инвертированный cплошной наборный текст */ -export const inverseTextParagraph = 'var(--inverse-text-paragraph, rgba(8, 8, 8, 0.8))'; +export const inverseTextParagraph = 'var(--inverse-text-paragraph, #080808CC)'; /** Основной непрозрачный фон поверхности/контрола */ export const surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #1C1C1CFF)'; @@ -549,7 +403,7 @@ export const surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFF export const surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #FFFFFFFF)'; /** Непрозрачный фон поверхности/контрола по умолчанию */ -export const surfaceSolidDefault = 'var(--surface-solid-default, #FFFFFF)'; +export const surfaceSolidDefault = 'var(--surface-solid-default, #FFFFFFFF)'; /** Основной прозрачный фон поверхности/контрола */ export const surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #FFFFFF1F)'; @@ -558,7 +412,7 @@ export const surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary export const surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFF0A)'; /** Основной прозрачный фон поверхности/контрола */ -export const surfaceTransparentPrimary = 'var(--surface-transparent-primary, rgba(255, 255, 255, 0.06))'; +export const surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF0F)'; /** Вторичный прозрачный фон поверхности/контрола */ export const surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF3D)'; @@ -567,7 +421,7 @@ export const surfaceTransparentSecondaryHover = 'var(--surface-transparent-secon export const surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF0F)'; /** Вторичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentSecondary = 'var(--surface-transparent-secondary, rgba(255, 255, 255, 0.12))'; +export const surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #FFFFFF1F)'; /** Третичный прозрачный фон поверхности/контрола */ export const surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFF52)'; @@ -576,7 +430,7 @@ export const surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertia export const surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FFFFFF24)'; /** Третичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, rgba(255, 255, 255, 0.2))'; +export const surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #FFFFFF33)'; /** Прозрачный фон для карточек */ export const surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #FFFFFF1F)'; @@ -585,7 +439,7 @@ export const surfaceTransparentCardHover = 'var(--surface-transparent-card-hover export const surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #FFFFFF0A)'; /** Прозрачный фон для карточек */ -export const surfaceTransparentCard = 'var(--surface-transparent-card, rgba(255,255,255,0.06))'; +export const surfaceTransparentCard = 'var(--surface-transparent-card, #FFFFFF0F)'; /** Фон поверхности/контрола без заливки */ export const surfaceClearHover = 'var(--surface-clear-hover, #00000000)'; @@ -594,7 +448,7 @@ export const surfaceClearHover = 'var(--surface-clear-hover, #00000000)'; export const surfaceClearActive = 'var(--surface-clear-active, #00000000)'; /** Фон поверхности/контрола без заливки */ -export const surfaceClear = 'var(--surface-clear, rgba(0, 0, 0, 0))'; +export const surfaceClear = 'var(--surface-clear, #00000000)'; /** Цвет фона поверхности/контрола успех */ export const surfacePositiveHover = 'var(--surface-positive-hover, #1DAF37FF)'; @@ -683,10 +537,6 @@ export const surfaceSkeletonHover = 'var(--surface-skeleton-hover, #FFFFFFFF)'; /** Фон для скелетона */ export const surfaceSkeletonActive = 'var(--surface-skeleton-active, #FFFFFFFF)'; -/** Фон для скелетона */ -export const surfaceSkeleton = - 'var(--surface-skeleton, linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.01) 17.19%, rgba(255, 255, 255, 0.05) 40.24%, rgba(255, 255, 255, 0.06) 51.17%, rgba(255, 255, 255, 0.05) 62.12%, rgba(255, 255, 255, 0.01) 82.81%, rgba(255, 255, 255, 0.00) 100%))'; - /** Акцентный цвет поверхности/контролла */ export const surfaceAccentMainHover = 'var(--surface-accent-main-hover, #1DAF37FF)'; @@ -696,12 +546,6 @@ export const surfaceAccentMainActive = 'var(--surface-accent-main-active, #18952 /** Акцентный цвет поверхности/контролла */ export const surfaceAccentMain = 'var(--surface-accent-main, #1A9E32)'; -export const surfaceGradientMainHover = 'var(--surface-gradient-main-hover, #FFFFFFFF)'; - -export const surfaceGradientMainActive = 'var(--surface-gradient-main-active, #FFFFFFFF)'; - -export const surfaceGradientMain = 'var(--surface-gradient-main, linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%))'; - /** Основной непрозрачный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #1C1C1CFF)'; @@ -745,7 +589,7 @@ export const onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-defau export const onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active, #FFFFFFFF)'; /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */ -export const onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #FFFFFF)'; +export const onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #FFFFFFFF)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FFFFFF1F)'; @@ -754,7 +598,7 @@ export const onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-trans export const onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFF0A)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, rgba(255, 255, 255, 0.06))'; +export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #FFFFFF0F)'; /** Вторичный прозрачный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF3D)'; @@ -763,8 +607,7 @@ export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-tra export const onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFF0F)'; /** Вторичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentSecondary = - 'var(--on-dark-surface-transparent-secondary, rgba(255, 255, 255, 0.12))'; +export const onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF1F)'; /** Третичный прозрачный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFF52)'; @@ -773,7 +616,7 @@ export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-tran export const onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFF24)'; /** Третичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, rgba(255, 255, 255, 0.2))'; +export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #FFFFFF33)'; /** Прозрачный фон для карточек на темном фоне */ export const onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FFFFFF1F)'; @@ -782,7 +625,7 @@ export const onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transpar export const onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FFFFFF0A)'; /** Прозрачный фон для карточек на темном фоне */ -export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, rgba(255,255,255,0.06))'; +export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #FFFFFF0F)'; /** Цвет фона поверхности/контрола успех на темном фоне */ export const onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #1DAF37FF)'; @@ -856,13 +699,6 @@ export const onDarkSurfaceAccentMainActive = 'var(--on-dark-surface-accent-main- /** Акцентный цвет поверхности/контролла */ export const onDarkSurfaceAccentMain = 'var(--on-dark-surface-accent-main, #1A9E32)'; -export const onDarkSurfaceGradientMainHover = 'var(--on-dark-surface-gradient-main-hover, #FFFFFFFF)'; - -export const onDarkSurfaceGradientMainActive = 'var(--on-dark-surface-gradient-main-active, #FFFFFFFF)'; - -export const onDarkSurfaceGradientMain = - 'var(--on-dark-surface-gradient-main, linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%))'; - /** Основной непрозрачный фон поверхности/контрола на светлом */ export const onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #FAFAFAFF)'; @@ -925,7 +761,7 @@ export const onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #0808080A)'; /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, rgba(8, 8, 8, 0.06))'; +export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #0808080F)'; /** Третичный прозрачный фон поверхности/контрола на светлом фоне */ export const onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #0808083D)'; @@ -934,7 +770,7 @@ export const onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-tr export const onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #0808080F)'; /** Третичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, rgba(8, 8, 8, 0.12))'; +export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #0808081F)'; /** Прозрачный цвет поверхности/контролла на светлом фоне */ export const onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #080808C2)'; @@ -1026,54 +862,702 @@ export const onLightSurfaceAccentMainActive = 'var(--on-light-surface-accent-mai /** Акцентный цвет поверхности/контролла на светлом фоне */ export const onLightSurfaceAccentMain = 'var(--on-light-surface-accent-main, #1A9E32)'; +/** Первичный фон */ +export const backgroundPrimary = 'var(--background-primary, #000000FF)'; + +/** Вторичный фон */ +export const backgroundSecondary = 'var(--background-secondary, #171717)'; + +/** Цвет фона паранжи светлый на темном фоне */ +export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #0000008F)'; + +/** Цвет фона паранжи темный на темном фоне */ +export const onDarkOverlayHard = 'var(--on-dark-overlay-hard, #000000EB)'; + +/** Оверлей с блюром */ +export const onDarkOverlayBlur = 'var(--on-dark-overlay-blur, #26262647)'; + +/** Градиент Афины */ +export const textGradientAthenaHover = 'var(--text-gradient-athena-hover, #CCCCCCFF)'; + +/** Градиент Афины */ +export const textGradientAthenaActive = 'var(--text-gradient-athena-active, #E6E6E6FF)'; + +/** Градиент Афины */ +export const textGradientAthena = + 'var(--text-gradient-athena, linear-gradient(93.97deg, #52BAFFFF 6.49%, #ADADFFFF 93.51%))'; + +/** Градиент Джой */ +export const textGradientJoyHover = 'var(--text-gradient-joy-hover, #CCCCCCFF)'; + +/** Градиент Джой */ +export const textGradientJoyActive = 'var(--text-gradient-joy-active, #E6E6E6FF)'; + +/** Градиент Джой */ +export const textGradientJoy = 'var(--text-gradient-joy, linear-gradient(93.97deg, #FD9C68FF 6.49%, #F391E2FF 93.51%))'; + +/** Градиент B2E-ассистента */ +export const textGradientB2EHover = 'var(--text-gradient-b2-e-hover, #CCCCCCFF)'; + +/** Градиент B2E-ассистента */ +export const textGradientB2EActive = 'var(--text-gradient-b2-e-active, #E6E6E6FF)'; + +/** Градиент B2E-ассистента */ +export const textGradientB2E = 'var(--text-gradient-b2-e, linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%))'; + +/** Градиент бренда */ +export const textGradientBrandHover = 'var(--text-gradient-brand-hover, #CCCCCCFF)'; + +/** Градиент бренда */ +export const textGradientBrandActive = 'var(--text-gradient-brand-active, #E6E6E6FF)'; + +/** Градиент бренда */ +export const textGradientBrand = 'var(--text-gradient-brand, linear-gradient(89.83deg, #528EFFFF 0%, #04C6C9FF 100%))'; + +/** Градиент */ +export const textGradientMainHover = 'var(--text-gradient-main-hover, #CCCCCCFF)'; + +/** Градиент */ +export const textGradientMainActive = 'var(--text-gradient-main-active, #E6E6E6FF)'; + +/** Градиент */ +export const textGradientMain = 'var(--text-gradient-main, linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%))'; + +/** Градиент Афины на темном фоне */ +export const onDarkTextGradientAthenaHover = 'var(--on-dark-text-gradient-athena-hover, #CCCCCCFF)'; + +/** Градиент Афины на темном фоне */ +export const onDarkTextGradientAthenaActive = 'var(--on-dark-text-gradient-athena-active, #E6E6E6FF)'; + +/** Градиент Афины на темном фоне */ +export const onDarkTextGradientAthena = + 'var(--on-dark-text-gradient-athena, linear-gradient(93.97deg, #52BAFFFF 6.49%, #ADADFFFF 93.51%))'; + +/** Градиент Джой на темном фоне */ +export const onDarkTextGradientJoyHover = 'var(--on-dark-text-gradient-joy-hover, #CCCCCCFF)'; + +/** Градиент Джой на темном фоне */ +export const onDarkTextGradientJoyActive = 'var(--on-dark-text-gradient-joy-active, #E6E6E6FF)'; + +/** Градиент Джой на темном фоне */ +export const onDarkTextGradientJoy = + 'var(--on-dark-text-gradient-joy, linear-gradient(93.97deg, #FD9C68FF 6.49%, #F391E2FF 93.51%))'; + +/** Градиент B2E-ассистента на темном фоне */ +export const onDarkTextGradientB2EHover = 'var(--on-dark-text-gradient-b2-e-hover, #CCCCCCFF)'; + +/** Градиент B2E-ассистента на темном фоне */ +export const onDarkTextGradientB2EActive = 'var(--on-dark-text-gradient-b2-e-active, #E6E6E6FF)'; + +/** Градиент B2E-ассистента на темном фоне */ +export const onDarkTextGradientB2E = + 'var(--on-dark-text-gradient-b2-e, linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%))'; + +/** Градиент бренда на темном фоне */ +export const onDarkTextGradientBrandHover = 'var(--on-dark-text-gradient-brand-hover, #CCCCCCFF)'; + +/** Градиент бренда на темном фоне */ +export const onDarkTextGradientBrandActive = 'var(--on-dark-text-gradient-brand-active, #E6E6E6FF)'; + +/** Градиент бренда на темном фоне */ +export const onDarkTextGradientBrand = + 'var(--on-dark-text-gradient-brand, linear-gradient(89.83deg, #528EFFFF 0%, #04C6C9FF 100%))'; + +/** Градиент на темном фоне */ +export const onDarkTextGradientMainHover = 'var(--on-dark-text-gradient-main-hover, #CCCCCCFF)'; + +/** Градиент на темном фоне */ +export const onDarkTextGradientMainActive = 'var(--on-dark-text-gradient-main-active, #E6E6E6FF)'; + +/** Градиент на темном фоне */ +export const onDarkTextGradientMain = + 'var(--on-dark-text-gradient-main, linear-gradient(89.83deg, #24B23EFF 0%, #1CC9C9FF 100%))'; + +/** Градиент Афины на светлом фоне */ +export const onLightTextGradientAthenaHover = 'var(--on-light-text-gradient-athena-hover, #CCCCCCFF)'; + +/** Градиент Афины на светлом фоне */ +export const onLightTextGradientAthenaActive = 'var(--on-light-text-gradient-athena-active, #E6E6E6FF)'; + +/** Градиент Афины на светлом фоне */ +export const onLightTextGradientAthena = + 'var(--on-light-text-gradient-athena, linear-gradient(89.83deg, #118CDFFF 0%, #7A7AFFFF 100%))'; + +/** Градиент Джой на светлом фоне */ +export const onLightTextGradientJoyHover = 'var(--on-light-text-gradient-joy-hover, #CCCCCCFF)'; + +/** Градиент Джой на светлом фоне */ +export const onLightTextGradientJoyActive = 'var(--on-light-text-gradient-joy-active, #E6E6E6FF)'; + +/** Градиент Джой на светлом фоне */ +export const onLightTextGradientJoy = + 'var(--on-light-text-gradient-joy, linear-gradient(89.83deg, #FCA349FF 0%, #FF52C5FF 100%))'; + +/** Градиент B2E-ассистента на светлом фоне */ +export const onLightTextGradientB2EHover = 'var(--on-light-text-gradient-b2-e-hover, #CCCCCCFF)'; + +/** Градиент B2E-ассистента на светлом фоне */ +export const onLightTextGradientB2EActive = 'var(--on-light-text-gradient-b2-e-active, #E6E6E6FF)'; + +/** Градиент B2E-ассистента на светлом фоне */ +export const onLightTextGradientB2E = + 'var(--on-light-text-gradient-b2-e, linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%))'; + +/** Акцентный цвет бренда на светлом фоне */ +export const onLightTextGradientBrandHover = 'var(--on-light-text-gradient-brand-hover, #CCCCCCFF)'; + +/** Акцентный цвет бренда на светлом фоне */ +export const onLightTextGradientBrandActive = 'var(--on-light-text-gradient-brand-active, #E6E6E6FF)'; + +/** Акцентный цвет бренда на светлом фоне */ +export const onLightTextGradientBrand = + 'var(--on-light-text-gradient-brand, linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%))'; + +/** Градиент на светлом фоне */ +export const onLightTextGradientMainHover = 'var(--on-light-text-gradient-main-hover, #CCCCCCFF)'; + +/** Градиент на светлом фоне */ +export const onLightTextGradientMainActive = 'var(--on-light-text-gradient-main-active, #E6E6E6FF)'; + +/** Градиент на светлом фоне */ +export const onLightTextGradientMain = + 'var(--on-light-text-gradient-main, linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%))'; + +/** Фон для скелетона */ +export const surfaceSkeleton = + 'var(--surface-skeleton, linear-gradient(90deg, #FFFFFF00 0%, #FFFFFF03 17.19%, #FFFFFF0D 40.24%, #FFFFFF0F 51.17%, #FFFFFF0D 62.12%, #FFFFFF03 82.81%, #FFFFFF00 100%))'; + +/** dark surface default surfaceGradientMainHover */ +export const surfaceGradientMainHover = 'var(--surface-gradient-main-hover, #FFFFFFFF)'; + +/** dark surface default surfaceGradientMainActive */ +export const surfaceGradientMainActive = 'var(--surface-gradient-main-active, #FFFFFFFF)'; + +/** dark surface default surfaceGradientMain */ +export const surfaceGradientMain = + 'var(--surface-gradient-main, linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%))'; + +/** Фон для скелетона */ +export const surfaceSkeletonGradient = + 'var(--surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))'; + +/** Фон для скелетона */ +export const surfaceSkeletonGradientHover = 'var(--surface-skeleton-gradient-hover, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const surfaceSkeletonGradientActive = 'var(--surface-skeleton-gradient-active, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradient = + 'var(--surface-skeleton-deep-gradient, linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%))'; + +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientHover = 'var(--surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientActive = 'var(--surface-skeleton-deep-gradient-active, #FFFFFFFF)'; + +/** dark surface onDark surfaceGradientMainHover */ +export const onDarkSurfaceGradientMainHover = 'var(--on-dark-surface-gradient-main-hover, #FFFFFFFF)'; + +/** dark surface onDark surfaceGradientMainActive */ +export const onDarkSurfaceGradientMainActive = 'var(--on-dark-surface-gradient-main-active, #FFFFFFFF)'; + +/** dark surface onDark surfaceGradientMain */ +export const onDarkSurfaceGradientMain = + 'var(--on-dark-surface-gradient-main, linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%))'; + +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradient = + 'var(--on-dark-surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))'; + +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientHover = 'var(--on-dark-surface-skeleton-gradient-hover, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientActive = 'var(--on-dark-surface-skeleton-gradient-active, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradient = + 'var(--on-dark-surface-skeleton-deep-gradient, linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%))'; + +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientHover = 'var(--on-dark-surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientActive = + 'var(--on-dark-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; + +/** dark surface onLight surfaceGradientMainHover */ export const onLightSurfaceGradientMainHover = 'var(--on-light-surface-gradient-main-hover, #FFFFFFFF)'; +/** dark surface onLight surfaceGradientMainActive */ export const onLightSurfaceGradientMainActive = 'var(--on-light-surface-gradient-main-active, #FFFFFFFF)'; +/** dark surface onLight surfaceGradientMain */ export const onLightSurfaceGradientMain = - 'var(--on-light-surface-gradient-main, linear-gradient(89.83deg, #24B23E 0%, #00A4D1 100%))'; + 'var(--on-light-surface-gradient-main, linear-gradient(89.83deg, #24B23EFF 0%, #00A4D1FF 100%))'; -/** Первичный фон */ -export const backgroundPrimary = 'var(--background-primary, #000000FF)'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradient = + 'var(--on-light-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))'; -/** Вторичный фон */ -export const backgroundSecondary = 'var(--background-secondary, #171717)'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientHover = 'var(--on-light-surface-skeleton-gradient-hover, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientActive = 'var(--on-light-surface-skeleton-gradient-active, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradient = + 'var(--on-light-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))'; + +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientHover = + 'var(--on-light-surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientActive = + 'var(--on-light-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradient = + 'var(--inverse-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))'; + +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientHover = 'var(--inverse-surface-skeleton-gradient-hover, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientActive = 'var(--inverse-surface-skeleton-gradient-active, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradient = + 'var(--inverse-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))'; + +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientHover = 'var(--inverse-surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientActive = + 'var(--inverse-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; /** Фон для модальной шторки */ export const backgroundModalSheet = - 'var(--background-modal-sheet, linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(1, 182, 255, 0) 50%)), var(--background-modal-sheet, #080808FF)'; + 'var(--background-modal-sheet, linear-gradient(180deg, #FFFFFF1A 0%, #01B6FF00 50%),#080808FF)'; /** Фон Афины на мобиле */ export const backgroundMobileAssistantAthena = - 'var(--background-mobile-assistant-athena, linear-gradient(336.9deg, #143787 0%, rgba(8, 8, 8, 0) 64.95%)), var(--background-mobile-assistant-athena, radial-gradient(66.53% 100% at 73.33% 100%, rgba(110, 5, 193, 0.44) 0%, rgba(53, 19, 149, 0.1) 99.69%)), var(--background-mobile-assistant-athena, linear-gradient(180.03deg, rgba(8, 8, 8, 0) 50%, rgba(25, 63, 152, 0.41) 99.97%)), var(--background-mobile-assistant-athena, linear-gradient(270deg, rgba(39, 15, 107, 0.3) 0%, rgba(8, 8, 8, 0) 100%)), var(--background-mobile-assistant-athena, #080808FF)'; + 'var(--background-mobile-assistant-athena, linear-gradient(336.9deg, #143787FF 0%, #08080800 64.95%),radial-gradient(66.53% 100% at 73.33% 100%, #6E05C170 0%, #3513951A 99.69%),linear-gradient(180.03deg, #08080800 50%, #193F9869 99.97%),linear-gradient(270deg, #270F6B4D 0%, #08080800 100%),#080808FF)'; /** Фон Джой на мобиле */ export const backgroundMobileAssistantJoy = - 'var(--background-mobile-assistant-joy, linear-gradient(336.9deg, rgba(255, 156, 101, 0.24) 0%, rgba(8, 8, 8, 0) 64.95%)), var(--background-mobile-assistant-joy, radial-gradient(66.53% 100% at 73.33% 100%, rgba(61, 19, 149, 0.34) 0%, rgba(19, 24, 149, 0.1) 99.69%)), var(--background-mobile-assistant-joy, linear-gradient(180.03deg, rgba(8, 8, 8, 0) 50%, rgba(255, 215, 179, 0.15) 99.97%)), var(--background-mobile-assistant-joy, linear-gradient(270deg, rgba(107, 15, 87, 0.2) 0%, rgba(8, 8, 8, 0) 100%)), var(--background-mobile-assistant-joy, #080808FF)'; + 'var(--background-mobile-assistant-joy, linear-gradient(336.9deg, #FF9C653D 0%, #08080800 64.95%),radial-gradient(66.53% 100% at 73.33% 100%, #3D139557 0%, #1318951A 99.69%),linear-gradient(180.03deg, #08080800 50%, #FFD7B326 99.97%),linear-gradient(270deg, #6B0F5733 0%, #08080800 100%),#080808FF)'; /** Фоновый градиент B2E-ассистента на мобиле */ export const backgroundMobileAssistantB2E = - 'var(--background-mobile-assistant-b2-e, linear-gradient(336.84deg, rgba(20, 116, 70, 0.6) 0%, rgba(8, 8, 8, 0) 64.88%)), var(--background-mobile-assistant-b2-e, radial-gradient(100% 100% at 75.89% 100%, rgba(0, 133, 255, 0.24) 0%, rgba(0, 71, 255, 0.03) 100%)), var(--background-mobile-assistant-b2-e, linear-gradient(180deg, rgba(8, 8, 8, 0) 50%, rgba(7, 71, 33, 0.3) 100%)), var(--background-mobile-assistant-b2-e, linear-gradient(270deg, #061621 0%, rgba(8, 8, 8, 0) 100%)), var(--background-mobile-assistant-b2-e, #080808FF)'; + 'var(--background-mobile-assistant-b2-e, linear-gradient(336.84deg, #14744699 0%, #08080800 64.88%),radial-gradient(100% 100% at 75.89% 100%, #0085FF3D 0%, #0047FF08 100%),linear-gradient(180deg, #08080800 50%, #0747214D 100%),linear-gradient(270deg, #061621FF 0%, #08080800 100%),#080808FF)'; /** Фоновый градиент бренда на мобиле */ export const backgroundMobileAssistantBrand = - 'var(--background-mobile-assistant-brand, linear-gradient(336.9deg, #184BAB 0%, rgba(8, 8, 8, 0) 64.95%)), var(--background-mobile-assistant-brand, radial-gradient(66.53% 100% at 73.33% 100%, rgba(22, 69, 164, 0.44) 0%, rgba(11, 39, 45, 0.1) 100%)), var(--background-mobile-assistant-brand, linear-gradient(180.03deg, rgba(8, 8, 8, 0) 50%, rgba(22, 69, 164, 0.41) 99.97%)), var(--background-mobile-assistant-brand, linear-gradient(269.47deg, rgba(22, 69, 164, 0.3) 0.52%, rgba(8, 8, 8, 0) 99.61%)), var(--background-mobile-assistant-brand, #080808FF)'; + 'var(--background-mobile-assistant-brand, linear-gradient(336.9deg, #184BABFF 0%, #08080800 64.95%),radial-gradient(66.53% 100% at 73.33% 100%, #1645A470 0%, #0B272D1A 100%),linear-gradient(180.03deg, #08080800 50%, #1645A469 99.97%),linear-gradient(269.47deg, #1645A44D 0.52%, #08080800 99.61%),#080808FF)'; /** Фон ассистента на мобиле */ export const backgroundMobileAssistantMain = - 'var(--background-mobile-assistant-main, linear-gradient(336.84deg, rgba(20, 116, 70, 0.6) 0%, rgba(8, 8, 8, 0) 64.88%)), var(--background-mobile-assistant-main, radial-gradient(100% 100% at 75.89% 100%, rgba(0, 133, 255, 0.24) 0%, rgba(0, 71, 255, 0.03) 100%)), var(--background-mobile-assistant-main, linear-gradient(180deg, rgba(8, 8, 8, 0) 50%, rgba(7, 71, 33, 0.3) 100%)), var(--background-mobile-assistant-main, linear-gradient(270deg, #061621 0%, rgba(8, 8, 8, 0) 100%)), var(--background-mobile-assistant-main, #080808FF)'; - -/** Цвет фона паранжи светлый на темном фоне */ -export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft, rgba(0, 0, 0, 0.56))'; - -/** Цвет фона паранжи темный на темном фоне */ -export const onDarkOverlayHard = 'var(--on-dark-overlay-hard, #000000EB)'; - -/** Оверлей с блюром */ -export const onDarkOverlayBlur = 'var(--on-dark-overlay-blur, #26262647)'; - -export const skeletonGradient = - 'var(--skeleton-gradient, linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ))'; - -export const skeletonGradientLighter = - 'var(--skeleton-gradient-lighter, linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ))'; + 'var(--background-mobile-assistant-main, linear-gradient(336.84deg, #14744699 0%, #08080800 64.88%),radial-gradient(100% 100% at 75.89% 100%, #0085FF3D 0%, #0047FF08 100%),linear-gradient(180deg, #08080800 50%, #0747214D 100%),linear-gradient(270deg, #061621FF 0%, #08080800 100%),#080808FF)'; + +/** shadow down soft s */ +export const shadowDownSoftS = 'var(--shadow-down-soft-s, 0px 4px 14px -4px #08080814,0px 1px 4px -1px #0000000A)'; + +/** shadow down soft m */ +export const shadowDownSoftM = 'var(--shadow-down-soft-m, 0px 24px 48px -8px #00000014)'; + +/** shadow down soft l */ +export const shadowDownSoftL = 'var(--shadow-down-soft-l, 0px 60px 112px -8px #00000014)'; + +/** shadow down hard s */ +export const shadowDownHardS = 'var(--shadow-down-hard-s, 0px 4px 12px -3px #08080829,0px 1px 4px -2px #00000014)'; + +/** shadow down hard m */ +export const shadowDownHardM = 'var(--shadow-down-hard-m, 0px 16px 32px -8px #0000003D)'; + +/** shadow down hard l */ +export const shadowDownHardL = 'var(--shadow-down-hard-l, 0px 60px 112px -8px #00000066)'; + +/** shadow up soft s */ +export const shadowUpSoftS = 'var(--shadow-up-soft-s, 0px -4px 14px -4px #08080814,0px -1px 4px -1px #00000008)'; + +/** shadow up soft m */ +export const shadowUpSoftM = 'var(--shadow-up-soft-m, 0px -24px 48px -8px #00000014)'; + +/** shadow up soft l */ +export const shadowUpSoftL = 'var(--shadow-up-soft-l, 0px -60px 112px -8px #00000014)'; + +/** shadow up hard s */ +export const shadowUpHardS = 'var(--shadow-up-hard-s, 0px -4px 12px -3px #08080833,0px -1px 4px -1px #00000008)'; + +/** shadow up hard m */ +export const shadowUpHardM = 'var(--shadow-up-hard-m, 0px -16px 32px -8px #0000003D)'; + +/** shadow up hard l */ +export const shadowUpHardL = 'var(--shadow-up-hard-l, 0px -60px 112px -8px #00000066)'; + +/** borderRadius xxs */ +export const borderRadiusXxs = 'var(--border-radius-xxs, 4px)'; + +/** borderRadius xs */ +export const borderRadiusXs = 'var(--border-radius-xs, 8px)'; + +/** borderRadius s */ +export const borderRadiusS = 'var(--border-radius-s, 12px)'; + +/** borderRadius m */ +export const borderRadiusM = 'var(--border-radius-m, 16px)'; + +/** borderRadius l */ +export const borderRadiusL = 'var(--border-radius-l, 20px)'; + +/** borderRadius xl */ +export const borderRadiusXl = 'var(--border-radius-xl, 24px)'; + +/** borderRadius xxl */ +export const borderRadiusXxl = 'var(--border-radius-xxl, 32px)'; + +/** typography s display-l */ +export const dsplL = { + fontFamily: 'var(--plasma-typo-dspl-l-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-line-height)', +}; + +/** typography s display-l-bold */ +export const dsplLBold = { + fontFamily: 'var(--plasma-typo-dspl-l-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-bold-line-height)', +}; + +/** typography s display-m */ +export const dsplM = { + fontFamily: 'var(--plasma-typo-dspl-m-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-line-height)', +}; + +/** typography s display-m-bold */ +export const dsplMBold = { + fontFamily: 'var(--plasma-typo-dspl-m-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-bold-line-height)', +}; + +/** typography s display-s */ +export const dsplS = { + fontFamily: 'var(--plasma-typo-dspl-s-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-line-height)', +}; + +/** typography s display-s-bold */ +export const dsplSBold = { + fontFamily: 'var(--plasma-typo-dspl-s-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-bold-line-height)', +}; + +/** typography s header-h1 */ +export const h1 = { + fontFamily: 'var(--plasma-typo-h1-font-family)', + fontSize: 'var(--plasma-typo-h1-font-size)', + fontStyle: 'var(--plasma-typo-h1-font-style)', + fontWeight: 'var(--plasma-typo-h1-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-line-height)', +}; + +/** typography s header-h1-bold */ +export const h1Bold = { + fontFamily: 'var(--plasma-typo-h1-bold-font-family)', + fontSize: 'var(--plasma-typo-h1-bold-font-size)', + fontStyle: 'var(--plasma-typo-h1-bold-font-style)', + fontWeight: 'var(--plasma-typo-h1-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-bold-line-height)', +}; + +/** typography s header-h2 */ +export const h2 = { + fontFamily: 'var(--plasma-typo-h2-font-family)', + fontSize: 'var(--plasma-typo-h2-font-size)', + fontStyle: 'var(--plasma-typo-h2-font-style)', + fontWeight: 'var(--plasma-typo-h2-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-line-height)', +}; + +/** typography s header-h2-bold */ +export const h2Bold = { + fontFamily: 'var(--plasma-typo-h2-bold-font-family)', + fontSize: 'var(--plasma-typo-h2-bold-font-size)', + fontStyle: 'var(--plasma-typo-h2-bold-font-style)', + fontWeight: 'var(--plasma-typo-h2-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-bold-line-height)', +}; + +/** typography s header-h3 */ +export const h3 = { + fontFamily: 'var(--plasma-typo-h3-font-family)', + fontSize: 'var(--plasma-typo-h3-font-size)', + fontStyle: 'var(--plasma-typo-h3-font-style)', + fontWeight: 'var(--plasma-typo-h3-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-line-height)', +}; + +/** typography s header-h3-bold */ +export const h3Bold = { + fontFamily: 'var(--plasma-typo-h3-bold-font-family)', + fontSize: 'var(--plasma-typo-h3-bold-font-size)', + fontStyle: 'var(--plasma-typo-h3-bold-font-style)', + fontWeight: 'var(--plasma-typo-h3-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-bold-line-height)', +}; + +/** typography s header-h4 */ +export const h4 = { + fontFamily: 'var(--plasma-typo-h4-font-family)', + fontSize: 'var(--plasma-typo-h4-font-size)', + fontStyle: 'var(--plasma-typo-h4-font-style)', + fontWeight: 'var(--plasma-typo-h4-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-line-height)', +}; + +/** typography s header-h4-bold */ +export const h4Bold = { + fontFamily: 'var(--plasma-typo-h4-bold-font-family)', + fontSize: 'var(--plasma-typo-h4-bold-font-size)', + fontStyle: 'var(--plasma-typo-h4-bold-font-style)', + fontWeight: 'var(--plasma-typo-h4-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-bold-line-height)', +}; + +/** typography s header-h5 */ +export const h5 = { + fontFamily: 'var(--plasma-typo-h5-font-family)', + fontSize: 'var(--plasma-typo-h5-font-size)', + fontStyle: 'var(--plasma-typo-h5-font-style)', + fontWeight: 'var(--plasma-typo-h5-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-line-height)', +}; + +/** typography s header-h5-bold */ +export const h5Bold = { + fontFamily: 'var(--plasma-typo-h5-bold-font-family)', + fontSize: 'var(--plasma-typo-h5-bold-font-size)', + fontStyle: 'var(--plasma-typo-h5-bold-font-style)', + fontWeight: 'var(--plasma-typo-h5-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-bold-line-height)', +}; + +/** typography s body-l */ +export const bodyL = { + fontFamily: 'var(--plasma-typo-body-l-font-family)', + fontSize: 'var(--plasma-typo-body-l-font-size)', + fontStyle: 'var(--plasma-typo-body-l-font-style)', + fontWeight: 'var(--plasma-typo-body-l-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-line-height)', +}; + +/** typography s body-l-bold */ +export const bodyLBold = { + fontFamily: 'var(--plasma-typo-body-l-bold-font-family)', + fontSize: 'var(--plasma-typo-body-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-bold-line-height)', +}; + +/** typography s body-m */ +export const bodyM = { + fontFamily: 'var(--plasma-typo-body-m-font-family)', + fontSize: 'var(--plasma-typo-body-m-font-size)', + fontStyle: 'var(--plasma-typo-body-m-font-style)', + fontWeight: 'var(--plasma-typo-body-m-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-line-height)', +}; + +/** typography s body-m-bold */ +export const bodyMBold = { + fontFamily: 'var(--plasma-typo-body-m-bold-font-family)', + fontSize: 'var(--plasma-typo-body-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-bold-line-height)', +}; + +/** typography s body-s */ +export const bodyS = { + fontFamily: 'var(--plasma-typo-body-s-font-family)', + fontSize: 'var(--plasma-typo-body-s-font-size)', + fontStyle: 'var(--plasma-typo-body-s-font-style)', + fontWeight: 'var(--plasma-typo-body-s-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-line-height)', +}; + +/** typography s body-s-bold */ +export const bodySBold = { + fontFamily: 'var(--plasma-typo-body-s-bold-font-family)', + fontSize: 'var(--plasma-typo-body-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-bold-line-height)', +}; + +/** typography s body-xs */ +export const bodyXS = { + fontFamily: 'var(--plasma-typo-body-xs-font-family)', + fontSize: 'var(--plasma-typo-body-xs-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-line-height)', +}; + +/** typography s body-xs-bold */ +export const bodyXSBold = { + fontFamily: 'var(--plasma-typo-body-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-bold-line-height)', +}; + +/** typography s body-xxs */ +export const bodyXXS = { + fontFamily: 'var(--plasma-typo-body-xxs-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-line-height)', +}; + +/** typography s body-xxs-bold */ +export const bodyXXSBold = { + fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-bold-line-height)', +}; + +/** typography s text-l */ +export const textL = { + fontFamily: 'var(--plasma-typo-text-l-font-family)', + fontSize: 'var(--plasma-typo-text-l-font-size)', + fontStyle: 'var(--plasma-typo-text-l-font-style)', + fontWeight: 'var(--plasma-typo-text-l-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-line-height)', +}; + +/** typography s text-l-bold */ +export const textLBold = { + fontFamily: 'var(--plasma-typo-text-l-bold-font-family)', + fontSize: 'var(--plasma-typo-text-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-bold-line-height)', +}; + +/** typography s text-m */ +export const textM = { + fontFamily: 'var(--plasma-typo-text-m-font-family)', + fontSize: 'var(--plasma-typo-text-m-font-size)', + fontStyle: 'var(--plasma-typo-text-m-font-style)', + fontWeight: 'var(--plasma-typo-text-m-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-line-height)', +}; + +/** typography s text-m-bold */ +export const textMBold = { + fontFamily: 'var(--plasma-typo-text-m-bold-font-family)', + fontSize: 'var(--plasma-typo-text-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-bold-line-height)', +}; + +/** typography s text-s */ +export const textS = { + fontFamily: 'var(--plasma-typo-text-s-font-family)', + fontSize: 'var(--plasma-typo-text-s-font-size)', + fontStyle: 'var(--plasma-typo-text-s-font-style)', + fontWeight: 'var(--plasma-typo-text-s-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-line-height)', +}; + +/** typography s text-s-bold */ +export const textSBold = { + fontFamily: 'var(--plasma-typo-text-s-bold-font-family)', + fontSize: 'var(--plasma-typo-text-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-bold-line-height)', +}; + +/** typography s text-xs */ +export const textXS = { + fontFamily: 'var(--plasma-typo-text-xs-font-family)', + fontSize: 'var(--plasma-typo-text-xs-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-line-height)', +}; + +/** typography s text-xs-bold */ +export const textXSBold = { + fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-text-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)', +}; diff --git a/packages/themes/plasma-themes/tsconfig.json b/packages/themes/plasma-themes/tsconfig.json index b708fb2826..fed3dbbcbc 100644 --- a/packages/themes/plasma-themes/tsconfig.json +++ b/packages/themes/plasma-themes/tsconfig.json @@ -14,5 +14,5 @@ "rootDir": "./src" }, "include": ["./src"], - "exclude": ["./data"] + "exclude": [] } diff --git a/packages/themes/sdds-themes/lib/index.ts b/packages/themes/sdds-themes/lib/index.ts index 49418cb230..833390e20a 100644 --- a/packages/themes/sdds-themes/lib/index.ts +++ b/packages/themes/sdds-themes/lib/index.ts @@ -1,3 +1,12 @@ -import { generate } from '@salutejs/data-themes'; +import { generate } from '@salutejs/core-themes'; -generate(['sdds_serv'], 'mage'); +generate([ + { + name: 'sdds_serv', + version: 'latest', + }, + { + name: 'sdds_dfa', + version: 'latest', + }, +]); diff --git a/packages/themes/sdds-themes/package-lock.json b/packages/themes/sdds-themes/package-lock.json index 114084f287..7b916a5e24 100644 --- a/packages/themes/sdds-themes/package-lock.json +++ b/packages/themes/sdds-themes/package-lock.json @@ -1,200 +1,20 @@ { "name": "@salutejs/sdds-themes", - "version": "0.12.0", + "version": "0.14.0-dev.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@salutejs/sdds-themes", - "version": "0.12.0", + "version": "0.14.0-dev.0", "license": "MIT", - "dependencies": { - "@salutejs/plasma-typo": "0.40.0", - "styled-components": "5.3.1" - }, "devDependencies": { - "@salutejs/data-themes": "0.11.0", + "@salutejs/core-themes": "0.12.0-dev.0", "@types/node": "16.7.13", "ts-node": "10.2.1", "typescript": "4.2.4" } }, - "node_modules/@babel/code-frame": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.4.tgz", - "integrity": "sha512-r1IONyb6Ia+jYR2vvIDhdWdlTGhqbBoFqLTQidzZ4kepUFH15ejXvFHxCVbtl7BOXIudsIubf4E81xeA3h3IXA==", - "dependencies": { - "@babel/highlight": "^7.23.4", - "chalk": "^2.4.2" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/generator": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.4.tgz", - "integrity": "sha512-esuS49Cga3HcThFNebGhlgsrVLkvhqvYDTzgjfFFlHJcIfLe5jFmRRfCQ1KuBfc4Jrtn3ndLgKWAKjBE+IraYQ==", - "dependencies": { - "@babel/types": "^7.23.4", - "@jridgewell/gen-mapping": "^0.3.2", - "@jridgewell/trace-mapping": "^0.3.17", - "jsesc": "^2.5.1" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-annotate-as-pure": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz", - "integrity": "sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==", - "dependencies": { - "@babel/types": "^7.18.6" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-environment-visitor": { - "version": "7.22.20", - "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz", - "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==", - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-function-name": { - "version": "7.23.0", - "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz", - "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==", - "dependencies": { - "@babel/template": "^7.22.15", - "@babel/types": "^7.23.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-hoist-variables": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz", - "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==", - "dependencies": { - "@babel/types": "^7.22.5" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-module-imports": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz", - "integrity": "sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==", - "dependencies": { - "@babel/types": "^7.18.6" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-split-export-declaration": { - "version": "7.22.6", - "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz", - "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==", - "dependencies": { - "@babel/types": "^7.22.5" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-string-parser": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz", - "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==", - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-validator-identifier": { - "version": "7.22.20", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz", - "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==", - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/highlight": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz", - "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==", - "dependencies": { - "@babel/helper-validator-identifier": "^7.22.20", - "chalk": "^2.4.2", - "js-tokens": "^4.0.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/parser": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.4.tgz", - "integrity": "sha512-vf3Xna6UEprW+7t6EtOmFpHNAuxw3xqPZghy+brsnusscJRW5BMUzzHZc5ICjULee81WeUV2jjakG09MDglJXQ==", - "bin": { - "parser": "bin/babel-parser.js" - }, - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@babel/template": { - "version": "7.22.15", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz", - "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==", - "dependencies": { - "@babel/code-frame": "^7.22.13", - "@babel/parser": "^7.22.15", - "@babel/types": "^7.22.15" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/traverse": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.4.tgz", - "integrity": "sha512-IYM8wSUwunWTB6tFC2dkKZhxbIjHoWemdK+3f8/wq8aKhbUscxD5MX72ubd90fxvFknaLPeGw5ycU84V1obHJg==", - "dependencies": { - "@babel/code-frame": "^7.23.4", - "@babel/generator": "^7.23.4", - "@babel/helper-environment-visitor": "^7.22.20", - "@babel/helper-function-name": "^7.23.0", - "@babel/helper-hoist-variables": "^7.22.5", - "@babel/helper-split-export-declaration": "^7.22.6", - "@babel/parser": "^7.23.4", - "@babel/types": "^7.23.4", - "debug": "^4.1.0", - "globals": "^11.1.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/types": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.4.tgz", - "integrity": "sha512-7uIFwVYpoplT5jp/kVv6EF93VaJ8H+Yn5IczYiaAi98ajzjfoZfslet/e0sLh+wVBjb2qqIut1b0S26VSafsSQ==", - "dependencies": { - "@babel/helper-string-parser": "^7.23.4", - "@babel/helper-validator-identifier": "^7.22.20", - "to-fast-properties": "^2.0.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, "node_modules/@cspotcode/source-map-consumer": { "version": "0.8.0", "resolved": "https://registry.npmjs.org/@cspotcode/source-map-consumer/-/source-map-consumer-0.8.0.tgz", @@ -216,88 +36,12 @@ "node": ">=12" } }, - "node_modules/@emotion/is-prop-valid": { - "version": "0.8.8", - "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", - "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==", - "dependencies": { - "@emotion/memoize": "0.7.4" - } - }, - "node_modules/@emotion/memoize": { - "version": "0.7.4", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", - "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==" - }, - "node_modules/@emotion/stylis": { - "version": "0.8.5", - "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", - "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==" - }, - "node_modules/@emotion/unitless": { - "version": "0.7.5", - "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", - "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" - }, - "node_modules/@jridgewell/gen-mapping": { - "version": "0.3.3", - "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", - "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==", - "dependencies": { - "@jridgewell/set-array": "^1.0.1", - "@jridgewell/sourcemap-codec": "^1.4.10", - "@jridgewell/trace-mapping": "^0.3.9" - }, - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@jridgewell/resolve-uri": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz", - "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==", - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@jridgewell/set-array": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", - "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@jridgewell/sourcemap-codec": { - "version": "1.4.15", - "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", - "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==" - }, - "node_modules/@jridgewell/trace-mapping": { - "version": "0.3.20", - "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz", - "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==", - "dependencies": { - "@jridgewell/resolve-uri": "^3.1.0", - "@jridgewell/sourcemap-codec": "^1.4.14" - } - }, - "node_modules/@salutejs/data-themes": { - "version": "0.11.0", - "resolved": "https://registry.npmjs.org/@salutejs/data-themes/-/data-themes-0.11.0.tgz", - "integrity": "sha512-thx8Mmxu1vpe70vhYh6rgIYJpkSSYQOmb1ilLcurfCbwT92wM7KMwpsH1Kd9fPMJ5gOi6SP4HBv2d2dWF4bdqQ==", + "node_modules/@salutejs/core-themes": { + "version": "0.12.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/core-themes/-/core-themes-0.12.0-dev.0.tgz", + "integrity": "sha512-4WCxFt222gIWwWVIcDRbSJbaZJGgXGkvH3LNb2xoq9DU502h+U3DNlubMYY4grjopZMgCDSesYNNrLgRNHpQlA==", "dev": true }, - "node_modules/@salutejs/plasma-typo": { - "version": "0.40.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-typo/-/plasma-typo-0.40.0.tgz", - "integrity": "sha512-wjIJwHb/N5wFyTwTKt4bimt0UpM0/TS3ZsKtJVBS5foqxxJFgv32Ma75RCnnqol38M+KHDa6Lrnu2po0jiicow==", - "peerDependencies": { - "react": ">=16.13.1", - "react-dom": ">=16.13.1", - "styled-components": "^5.1.1" - } - }, "node_modules/@tsconfig/node10": { "version": "1.0.8", "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.8.tgz", @@ -340,116 +84,17 @@ "node": ">=0.4.0" } }, - "node_modules/ansi-styles": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", - "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "dependencies": { - "color-convert": "^1.9.0" - }, - "engines": { - "node": ">=4" - } - }, "node_modules/arg": { "version": "4.1.3", "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==", "dev": true }, - "node_modules/babel-plugin-styled-components": { - "version": "2.0.7", - "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.7.tgz", - "integrity": "sha512-i7YhvPgVqRKfoQ66toiZ06jPNA3p6ierpfUuEWxNF+fV27Uv5gxBkf8KZLHUCc1nFA9j6+80pYoIpqCeyW3/bA==", - "dependencies": { - "@babel/helper-annotate-as-pure": "^7.16.0", - "@babel/helper-module-imports": "^7.16.0", - "babel-plugin-syntax-jsx": "^6.18.0", - "lodash": "^4.17.11", - "picomatch": "^2.3.0" - }, - "peerDependencies": { - "styled-components": ">= 2" - } - }, - "node_modules/babel-plugin-syntax-jsx": { - "version": "6.18.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", - "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==" - }, - "node_modules/camelize": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", - "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==", - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, - "node_modules/chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "dependencies": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "dependencies": { - "color-name": "1.1.3" - } - }, - "node_modules/color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==" - }, "node_modules/create-require": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz", "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==", "dev": true }, - "node_modules/css-color-keywords": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", - "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==", - "engines": { - "node": ">=4" - } - }, - "node_modules/css-to-react-native": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.0.0.tgz", - "integrity": "sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==", - "dependencies": { - "camelize": "^1.0.0", - "css-color-keywords": "^1.0.0", - "postcss-value-parser": "^4.0.2" - } - }, - "node_modules/debug": { - "version": "4.3.2", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.2.tgz", - "integrity": "sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==", - "dependencies": { - "ms": "2.1.2" - }, - "engines": { - "node": ">=6.0" - }, - "peerDependenciesMeta": { - "supports-color": { - "optional": true - } - } - }, "node_modules/diff": { "version": "4.0.2", "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==", @@ -458,143 +103,11 @@ "node": ">=0.3.1" } }, - "node_modules/escape-string-regexp": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", - "engines": { - "node": ">=0.8.0" - } - }, - "node_modules/globals": { - "version": "11.12.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", - "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", - "engines": { - "node": ">=4" - } - }, - "node_modules/has-flag": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", - "engines": { - "node": ">=4" - } - }, - "node_modules/hoist-non-react-statics": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", - "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", - "dependencies": { - "react-is": "^16.7.0" - } - }, - "node_modules/js-tokens": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" - }, - "node_modules/jsesc": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", - "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", - "bin": { - "jsesc": "bin/jsesc" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/lodash": { - "version": "4.17.21", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", - "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" - }, "node_modules/make-error": { "version": "1.3.6", "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==", "dev": true }, - "node_modules/ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" - }, - "node_modules/picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "engines": { - "node": ">=8.6" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } - }, - "node_modules/postcss-value-parser": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==" - }, - "node_modules/react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" - }, - "node_modules/shallowequal": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", - "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" - }, - "node_modules/styled-components": { - "version": "5.3.1", - "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.1.tgz", - "integrity": "sha512-JThv2JRzyH0NOIURrk9iskdxMSAAtCfj/b2Sf1WJaCUsloQkblepy1jaCLX/bYE+mhYo3unmwVSI9I5d9ncSiQ==", - "dependencies": { - "@babel/helper-module-imports": "^7.0.0", - "@babel/traverse": "^7.4.5", - "@emotion/is-prop-valid": "^0.8.8", - "@emotion/stylis": "^0.8.4", - "@emotion/unitless": "^0.7.4", - "babel-plugin-styled-components": ">= 1.12.0", - "css-to-react-native": "^3.0.0", - "hoist-non-react-statics": "^3.0.0", - "shallowequal": "^1.1.0", - "supports-color": "^5.5.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/styled-components" - }, - "peerDependencies": { - "react": ">= 16.8.0", - "react-dom": ">= 16.8.0", - "react-is": ">= 16.8.0" - } - }, - "node_modules/supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dependencies": { - "has-flag": "^3.0.0" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/to-fast-properties": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", - "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", - "engines": { - "node": ">=4" - } - }, "node_modules/ts-node": { "version": "10.2.1", "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.2.1.tgz", @@ -671,134 +184,6 @@ } }, "dependencies": { - "@babel/code-frame": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.4.tgz", - "integrity": "sha512-r1IONyb6Ia+jYR2vvIDhdWdlTGhqbBoFqLTQidzZ4kepUFH15ejXvFHxCVbtl7BOXIudsIubf4E81xeA3h3IXA==", - "requires": { - "@babel/highlight": "^7.23.4", - "chalk": "^2.4.2" - } - }, - "@babel/generator": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.4.tgz", - "integrity": "sha512-esuS49Cga3HcThFNebGhlgsrVLkvhqvYDTzgjfFFlHJcIfLe5jFmRRfCQ1KuBfc4Jrtn3ndLgKWAKjBE+IraYQ==", - "requires": { - "@babel/types": "^7.23.4", - "@jridgewell/gen-mapping": "^0.3.2", - "@jridgewell/trace-mapping": "^0.3.17", - "jsesc": "^2.5.1" - } - }, - "@babel/helper-annotate-as-pure": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz", - "integrity": "sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==", - "requires": { - "@babel/types": "^7.18.6" - } - }, - "@babel/helper-environment-visitor": { - "version": "7.22.20", - "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz", - "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==" - }, - "@babel/helper-function-name": { - "version": "7.23.0", - "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz", - "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==", - "requires": { - "@babel/template": "^7.22.15", - "@babel/types": "^7.23.0" - } - }, - "@babel/helper-hoist-variables": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz", - "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==", - "requires": { - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-module-imports": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz", - "integrity": "sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==", - "requires": { - "@babel/types": "^7.18.6" - } - }, - "@babel/helper-split-export-declaration": { - "version": "7.22.6", - "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz", - "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==", - "requires": { - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-string-parser": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz", - "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==" - }, - "@babel/helper-validator-identifier": { - "version": "7.22.20", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz", - "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==" - }, - "@babel/highlight": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz", - "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==", - "requires": { - "@babel/helper-validator-identifier": "^7.22.20", - "chalk": "^2.4.2", - "js-tokens": "^4.0.0" - } - }, - "@babel/parser": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.4.tgz", - "integrity": "sha512-vf3Xna6UEprW+7t6EtOmFpHNAuxw3xqPZghy+brsnusscJRW5BMUzzHZc5ICjULee81WeUV2jjakG09MDglJXQ==" - }, - "@babel/template": { - "version": "7.22.15", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz", - "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==", - "requires": { - "@babel/code-frame": "^7.22.13", - "@babel/parser": "^7.22.15", - "@babel/types": "^7.22.15" - } - }, - "@babel/traverse": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.4.tgz", - "integrity": "sha512-IYM8wSUwunWTB6tFC2dkKZhxbIjHoWemdK+3f8/wq8aKhbUscxD5MX72ubd90fxvFknaLPeGw5ycU84V1obHJg==", - "requires": { - "@babel/code-frame": "^7.23.4", - "@babel/generator": "^7.23.4", - "@babel/helper-environment-visitor": "^7.22.20", - "@babel/helper-function-name": "^7.23.0", - "@babel/helper-hoist-variables": "^7.22.5", - "@babel/helper-split-export-declaration": "^7.22.6", - "@babel/parser": "^7.23.4", - "@babel/types": "^7.23.4", - "debug": "^4.1.0", - "globals": "^11.1.0" - } - }, - "@babel/types": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.4.tgz", - "integrity": "sha512-7uIFwVYpoplT5jp/kVv6EF93VaJ8H+Yn5IczYiaAi98ajzjfoZfslet/e0sLh+wVBjb2qqIut1b0S26VSafsSQ==", - "requires": { - "@babel/helper-string-parser": "^7.23.4", - "@babel/helper-validator-identifier": "^7.22.20", - "to-fast-properties": "^2.0.0" - } - }, "@cspotcode/source-map-consumer": { "version": "0.8.0", "resolved": "https://registry.npmjs.org/@cspotcode/source-map-consumer/-/source-map-consumer-0.8.0.tgz", @@ -814,74 +199,12 @@ "@cspotcode/source-map-consumer": "0.8.0" } }, - "@emotion/is-prop-valid": { - "version": "0.8.8", - "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", - "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==", - "requires": { - "@emotion/memoize": "0.7.4" - } - }, - "@emotion/memoize": { - "version": "0.7.4", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", - "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==" - }, - "@emotion/stylis": { - "version": "0.8.5", - "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", - "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==" - }, - "@emotion/unitless": { - "version": "0.7.5", - "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", - "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" - }, - "@jridgewell/gen-mapping": { - "version": "0.3.3", - "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", - "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==", - "requires": { - "@jridgewell/set-array": "^1.0.1", - "@jridgewell/sourcemap-codec": "^1.4.10", - "@jridgewell/trace-mapping": "^0.3.9" - } - }, - "@jridgewell/resolve-uri": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz", - "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==" - }, - "@jridgewell/set-array": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", - "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==" - }, - "@jridgewell/sourcemap-codec": { - "version": "1.4.15", - "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", - "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==" - }, - "@jridgewell/trace-mapping": { - "version": "0.3.20", - "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz", - "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==", - "requires": { - "@jridgewell/resolve-uri": "^3.1.0", - "@jridgewell/sourcemap-codec": "^1.4.14" - } - }, - "@salutejs/data-themes": { - "version": "0.11.0", - "resolved": "https://registry.npmjs.org/@salutejs/data-themes/-/data-themes-0.11.0.tgz", - "integrity": "sha512-thx8Mmxu1vpe70vhYh6rgIYJpkSSYQOmb1ilLcurfCbwT92wM7KMwpsH1Kd9fPMJ5gOi6SP4HBv2d2dWF4bdqQ==", + "@salutejs/core-themes": { + "version": "0.12.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/core-themes/-/core-themes-0.12.0-dev.0.tgz", + "integrity": "sha512-4WCxFt222gIWwWVIcDRbSJbaZJGgXGkvH3LNb2xoq9DU502h+U3DNlubMYY4grjopZMgCDSesYNNrLgRNHpQlA==", "dev": true }, - "@salutejs/plasma-typo": { - "version": "0.40.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-typo/-/plasma-typo-0.40.0.tgz", - "integrity": "sha512-wjIJwHb/N5wFyTwTKt4bimt0UpM0/TS3ZsKtJVBS5foqxxJFgv32Ma75RCnnqol38M+KHDa6Lrnu2po0jiicow==" - }, "@tsconfig/node10": { "version": "1.0.8", "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.8.tgz", @@ -918,196 +241,27 @@ "integrity": "sha512-asabaBSkEKosYKMITunzX177CXxQ4Q8BSSzMTKD+FefUhipQC70gfW5SiUDhYQ3vk8G+81HqQk7Fv9OXwwn9KA==", "dev": true }, - "ansi-styles": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", - "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "requires": { - "color-convert": "^1.9.0" - } - }, "arg": { "version": "4.1.3", "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==", "dev": true }, - "babel-plugin-styled-components": { - "version": "2.0.7", - "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.7.tgz", - "integrity": "sha512-i7YhvPgVqRKfoQ66toiZ06jPNA3p6ierpfUuEWxNF+fV27Uv5gxBkf8KZLHUCc1nFA9j6+80pYoIpqCeyW3/bA==", - "requires": { - "@babel/helper-annotate-as-pure": "^7.16.0", - "@babel/helper-module-imports": "^7.16.0", - "babel-plugin-syntax-jsx": "^6.18.0", - "lodash": "^4.17.11", - "picomatch": "^2.3.0" - } - }, - "babel-plugin-syntax-jsx": { - "version": "6.18.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", - "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==" - }, - "camelize": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", - "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==" - }, - "chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - } - }, - "color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "requires": { - "color-name": "1.1.3" - } - }, - "color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==" - }, "create-require": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz", "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==", "dev": true }, - "css-color-keywords": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", - "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==" - }, - "css-to-react-native": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.0.0.tgz", - "integrity": "sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==", - "requires": { - "camelize": "^1.0.0", - "css-color-keywords": "^1.0.0", - "postcss-value-parser": "^4.0.2" - } - }, - "debug": { - "version": "4.3.2", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.2.tgz", - "integrity": "sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==", - "requires": { - "ms": "2.1.2" - } - }, "diff": { "version": "4.0.2", "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==", "dev": true }, - "escape-string-regexp": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==" - }, - "globals": { - "version": "11.12.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", - "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==" - }, - "has-flag": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==" - }, - "hoist-non-react-statics": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", - "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", - "requires": { - "react-is": "^16.7.0" - } - }, - "js-tokens": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" - }, - "jsesc": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", - "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==" - }, - "lodash": { - "version": "4.17.21", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", - "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" - }, "make-error": { "version": "1.3.6", "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==", "dev": true }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" - }, - "picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==" - }, - "postcss-value-parser": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==" - }, - "react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" - }, - "shallowequal": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", - "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" - }, - "styled-components": { - "version": "5.3.1", - "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.1.tgz", - "integrity": "sha512-JThv2JRzyH0NOIURrk9iskdxMSAAtCfj/b2Sf1WJaCUsloQkblepy1jaCLX/bYE+mhYo3unmwVSI9I5d9ncSiQ==", - "requires": { - "@babel/helper-module-imports": "^7.0.0", - "@babel/traverse": "^7.4.5", - "@emotion/is-prop-valid": "^0.8.8", - "@emotion/stylis": "^0.8.4", - "@emotion/unitless": "^0.7.4", - "babel-plugin-styled-components": ">= 1.12.0", - "css-to-react-native": "^3.0.0", - "hoist-non-react-statics": "^3.0.0", - "shallowequal": "^1.1.0", - "supports-color": "^5.5.0" - } - }, - "supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "requires": { - "has-flag": "^3.0.0" - } - }, - "to-fast-properties": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", - "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==" - }, "ts-node": { "version": "10.2.1", "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.2.1.tgz", diff --git a/packages/themes/sdds-themes/package.json b/packages/themes/sdds-themes/package.json index caf7239bfa..4a8d917101 100644 --- a/packages/themes/sdds-themes/package.json +++ b/packages/themes/sdds-themes/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/sdds-themes", - "version": "0.12.0", + "version": "0.14.0-dev.0", "description": "Sdds-themes package", "author": "Salute Frontend Team <salute.developers@gmail.com>", "license": "MIT", @@ -30,12 +30,8 @@ "index.js", "index.js.map" ], - "dependencies": { - "@salutejs/plasma-typo": "0.40.0", - "styled-components": "5.3.1" - }, "devDependencies": { - "@salutejs/data-themes": "0.11.0", + "@salutejs/core-themes": "0.12.0-dev.0", "@types/node": "16.7.13", "ts-node": "10.2.1", "typescript": "4.2.4" @@ -46,4 +42,4 @@ "Vasiliy Loginevskiy" ], "sideEffects": false -} +} \ No newline at end of file diff --git a/packages/themes/sdds-themes/src/css/sdds_dfa.module.css b/packages/themes/sdds-themes/src/css/sdds_dfa.module.css new file mode 100644 index 0000000000..a7bc7c8f93 --- /dev/null +++ b/packages/themes/sdds-themes/src/css/sdds_dfa.module.css @@ -0,0 +1,1427 @@ +/* Generated by robots, do not change this manually! */ + +.dark { + --text-primary-hover: #F5F5F593; + --text-primary-active: #F5F5F5C4; + --text-secondary-hover: #F5F5F5FF; + --text-secondary-active: #F5F5F5AB; + --text-tertiary-hover: #F5F5F5FF; + --text-tertiary-active: #F5F5F556; + --text-paragraph-hover: #F5F5F57A; + --text-paragraph-active: #F5F5F5A3; + --text-accent-hover: #17E8ADFF; + --text-accent-active: #11B083FF; + --text-accent-minor-hover: #ABFCE5FF; + --text-accent-minor-active: #70FAD3FF; + --text-positive-hover: #2ACB47FF; + --text-positive-active: #1F9835FF; + --text-warning-hover: #FF8442FF; + --text-warning-active: #FF5D05FF; + --text-negative-hover: #FF5C6CFF; + --text-negative-active: #FF1F35FF; + --text-info-hover: #50B1F2FF; + --text-info-active: #0F7BC2FF; + --text-positive-minor-hover: #64F77FFF; + --text-positive-minor-active: #81F897FF; + --text-warning-minor-hover: #FDBC96FF; + --text-warning-minor-active: #FDCFB4FF; + --text-negative-minor-hover: #FFA3ACFF; + --text-negative-minor-active: #FFC2C8FF; + --text-info-minor-hover: #94D4FFFF; + --text-info-minor-active: #B3E0FFFF; + --text-primary: #F5F5F5F5; + --text-secondary: #F5F5F58F; + --text-tertiary: #F5F5F547; + --text-paragraph: #F5F5F5CC; + --text-accent: #14CC98; + --text-positive: #24B23E; + --text-warning: #FF7024; + --text-negative: #FF3D51; + --on-dark-text-primary-hover: #F5F5F593; + --on-dark-text-primary-active: #F5F5F5C4; + --on-dark-text-secondary-hover: #F5F5F5FF; + --on-dark-text-secondary-active: #F5F5F5AB; + --on-dark-text-tertiary-hover: #F5F5F5FF; + --on-dark-text-tertiary-active: #F5F5F556; + --on-dark-text-paragraph-hover: #F5F5F57A; + --on-dark-text-paragraph-active: #F5F5F5A3; + --on-dark-text-accent-hover: #17E8ADFF; + --on-dark-text-accent-active: #11B083FF; + --on-dark-text-accent-minor-hover: #ABFCE5FF; + --on-dark-text-accent-minor-active: #70FAD3FF; + --on-dark-text-positive-hover: #2ACB47FF; + --on-dark-text-positive-active: #1F9835FF; + --on-dark-text-warning-hover: #FF8442FF; + --on-dark-text-warning-active: #FF5D05FF; + --on-dark-text-negative-hover: #FF5C6CFF; + --on-dark-text-negative-active: #FF1F35FF; + --on-dark-text-info-hover: #50B1F2FF; + --on-dark-text-info-active: #0F7BC2FF; + --on-dark-text-positive-minor-hover: #64F77FFF; + --on-dark-text-positive-minor-active: #81F897FF; + --on-dark-text-warning-minor-hover: #FDBC96FF; + --on-dark-text-warning-minor-active: #FDCFB4FF; + --on-dark-text-negative-minor-hover: #FFA3ACFF; + --on-dark-text-negative-minor-active: #FFC2C8FF; + --on-dark-text-info-minor-hover: #94D4FFFF; + --on-dark-text-info-minor-active: #B3E0FFFF; + --on-dark-text-primary: #F5F5F5F5; + --on-dark-text-secondary: #F5F5F58F; + --on-dark-text-tertiary: #F5F5F547; + --on-dark-text-paragraph: #F5F5F5CC; + --on-dark-text-accent: #14CC98; + --on-dark-text-positive: #24B23E; + --on-dark-text-warning: #FF7024; + --on-dark-text-negative: #FF3D51; + --on-light-text-primary-hover: #17171793; + --on-light-text-primary-active: #171717C4; + --on-light-text-secondary-hover: #171717FF; + --on-light-text-secondary-active: #171717AB; + --on-light-text-tertiary-hover: #171717FF; + --on-light-text-tertiary-active: #17171756; + --on-light-text-paragraph-hover: #1717177A; + --on-light-text-paragraph-active: #171717A3; + --on-light-text-accent-hover: #06B785FF; + --on-light-text-accent-active: #047C5AFF; + --on-light-text-accent-minor-hover: #10604AFF; + --on-light-text-accent-minor-active: #0B4636FF; + --on-light-text-positive-hover: #1EB83AFF; + --on-light-text-positive-active: #15842AFF; + --on-light-text-warning-hover: #FB7223FF; + --on-light-text-warning-active: #DC5304FF; + --on-light-text-negative-hover: #FF475AFF; + --on-light-text-negative-active: #FF0A23FF; + --on-light-text-info-hover: #34A7F4FF; + --on-light-text-info-active: #096CAEFF; + --on-light-text-positive-minor-hover: #155B22FF; + --on-light-text-positive-minor-active: #104219FF; + --on-light-text-warning-minor-hover: #723613FF; + --on-light-text-warning-minor-active: #58290EFF; + --on-light-text-negative-minor-hover: #7E1621FF; + --on-light-text-negative-minor-active: #64121AFF; + --on-light-text-info-minor-hover: #174B6EFF; + --on-light-text-info-minor-active: #113A55FF; + --on-light-text-primary: #171717F5; + --on-light-text-secondary: #1717178F; + --on-light-text-tertiary: #17171747; + --on-light-text-paragraph: #171717CC; + --on-light-text-accent: #05996F; + --on-light-text-positive: #1A9E32; + --on-light-text-warning: #FA5F05; + --on-light-text-negative: #FF293E; + --inverse-text-primary-hover: #17171793; + --inverse-text-primary-active: #171717C4; + --inverse-text-secondary-hover: #171717FF; + --inverse-text-secondary-active: #171717AB; + --inverse-text-tertiary-hover: #171717FF; + --inverse-text-tertiary-active: #17171756; + --inverse-text-paragraph-hover: #1717177A; + --inverse-text-paragraph-active: #171717A3; + --inverse-text-accent-hover: #06B785FF; + --inverse-text-accent-active: #047C5AFF; + --inverse-text-accent-minor-hover: #10604AFF; + --inverse-text-accent-minor-active: #0B4636FF; + --inverse-text-positive-hover: #1EB83AFF; + --inverse-text-positive-active: #15842AFF; + --inverse-text-warning-hover: #FB7223FF; + --inverse-text-warning-active: #DC5304FF; + --inverse-text-negative-hover: #FF475AFF; + --inverse-text-negative-active: #FF0A23FF; + --inverse-text-info-hover: #34A7F4FF; + --inverse-text-info-active: #096CAEFF; + --inverse-text-positive-minor-hover: #155B22FF; + --inverse-text-positive-minor-active: #104219FF; + --inverse-text-warning-minor-hover: #723613FF; + --inverse-text-warning-minor-active: #58290EFF; + --inverse-text-negative-minor-hover: #7E1621FF; + --inverse-text-negative-minor-active: #64121AFF; + --inverse-text-info-minor-hover: #174B6EFF; + --inverse-text-info-minor-active: #113A55FF; + --inverse-text-primary: #171717F5; + --inverse-text-secondary: #1717178F; + --inverse-text-tertiary: #17171747; + --inverse-text-paragraph: #171717CC; + --inverse-text-accent: #05996F; + --inverse-text-positive: #1A9E32; + --inverse-text-warning: #FA5F05; + --inverse-text-negative: #FF293E; + --surface-solid-primary-hover: #1C1C1CFF; + --surface-solid-primary-active: #121212FF; + --surface-solid-secondary-hover: #303030FF; + --surface-solid-secondary-active: #212121FF; + --surface-solid-tertiary-hover: #404040FF; + --surface-solid-tertiary-active: #303030FF; + --surface-solid-card-hover: #303030FF; + --surface-solid-card-active: #212121FF; + --surface-solid-default-hover: #FFFFFFFF; + --surface-solid-default-active: #F5F5F5FF; + --surface-transparent-primary-hover: #FFFFFF1F; + --surface-transparent-primary-active: #FFFFFF0A; + --surface-transparent-secondary-hover: #FFFFFF3D; + --surface-transparent-secondary-active: #FFFFFF0F; + --surface-transparent-tertiary-hover: #FFFFFF52; + --surface-transparent-tertiary-active: #FFFFFF24; + --surface-transparent-deep-hover: #FFFFFFC2; + --surface-transparent-deep-active: #FFFFFF94; + --surface-transparent-card-hover: #FFFFFF3D; + --surface-transparent-card-active: #FFFFFF0F; + --surface-clear-hover: #FFFFFF00; + --surface-clear-active: #FFFFFF00; + --surface-accent-hover: #00C28BFF; + --surface-accent-active: #00A375FF; + --surface-accent-minor-hover: #0A3D2FFF; + --surface-accent-minor-active: #06231BFF; + --surface-transparent-accent-hover: #14CC9866; + --surface-transparent-accent-active: #14CC9838; + --surface-positive-hover: #28C344FF; + --surface-positive-active: #23A93BFF; + --surface-warning-hover: #FF8442FF; + --surface-warning-active: #FF6A1AFF; + --surface-negative-hover: #FF5C6CFF; + --surface-negative-active: #FF3347FF; + --surface-info-hover: #1798EEFF; + --surface-info-active: #1086D5FF; + --surface-positive-minor-hover: #0E3A16FF; + --surface-positive-minor-active: #08210CFF; + --surface-warning-minor-hover: #4F250DFF; + --surface-warning-minor-active: #351909FF; + --surface-negative-minor-hover: #5B1018FF; + --surface-negative-minor-active: #410B11FF; + --surface-info-minor-hover: #10344CFF; + --surface-info-minor-active: #0A2333FF; + --surface-transparent-positive-hover: #1A9E3266; + --surface-transparent-positive-active: #1A9E3238; + --surface-transparent-warning-hover: #FA5F0566; + --surface-transparent-warning-active: #FA5F0538; + --surface-transparent-negative-hover: #FF293E66; + --surface-transparent-negative-active: #FF293E38; + --surface-transparent-info-hover: #118CDF66; + --surface-transparent-info-active: #118CDF38; + --surface-clear: #FFFFFF00; + --surface-solid-card: #262626; + --surface-solid-primary: #171717; + --surface-solid-secondary: #262626; + --surface-solid-tertiary: #363636; + --surface-solid-default: #F9F9F9; + --surface-accent: #00AC7B; + --surface-positive: #24B23E; + --surface-warning: #FF7024; + --surface-negative: #FF3D51; + --surface-transparent-card: #FFFFFF1F; + --surface-transparent-primary: #FFFFFF0F; + --surface-transparent-secondary: #FFFFFF1F; + --surface-transparent-tertiary: #FFFFFF33; + --surface-transparent-deep: #FFFFFFA3; + --on-dark-surface-solid-primary-hover: #1C1C1CFF; + --on-dark-surface-solid-primary-active: #121212FF; + --on-dark-surface-solid-secondary-hover: #303030FF; + --on-dark-surface-solid-secondary-active: #212121FF; + --on-dark-surface-solid-tertiary-hover: #404040FF; + --on-dark-surface-solid-tertiary-active: #303030FF; + --on-dark-surface-solid-card-hover: #303030FF; + --on-dark-surface-solid-card-active: #212121FF; + --on-dark-surface-solid-default-hover: #FFFFFFFF; + --on-dark-surface-solid-default-active: #F5F5F5FF; + --on-dark-surface-transparent-primary-hover: #FFFFFF1F; + --on-dark-surface-transparent-primary-active: #FFFFFF0A; + --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; + --on-dark-surface-transparent-secondary-active: #FFFFFF0F; + --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; + --on-dark-surface-transparent-tertiary-active: #FFFFFF24; + --on-dark-surface-transparent-deep-hover: #FFFFFFC2; + --on-dark-surface-transparent-deep-active: #FFFFFF94; + --on-dark-surface-transparent-card-hover: #FFFFFF3D; + --on-dark-surface-transparent-card-active: #FFFFFF0F; + --on-dark-surface-clear-hover: #FFFFFF00; + --on-dark-surface-clear-active: #FFFFFF00; + --on-dark-surface-accent-hover: #00C28BFF; + --on-dark-surface-accent-active: #00A375FF; + --on-dark-surface-accent-minor-hover: #0A3D2FFF; + --on-dark-surface-accent-minor-active: #06231BFF; + --on-dark-surface-transparent-accent-hover: #14CC9866; + --on-dark-surface-transparent-accent-active: #14CC9838; + --on-dark-surface-positive-hover: #28C344FF; + --on-dark-surface-positive-active: #23A93BFF; + --on-dark-surface-warning-hover: #FF8442FF; + --on-dark-surface-warning-active: #FF6A1AFF; + --on-dark-surface-negative-hover: #FF5C6CFF; + --on-dark-surface-negative-active: #FF3347FF; + --on-dark-surface-info-hover: #1798EEFF; + --on-dark-surface-info-active: #1086D5FF; + --on-dark-surface-positive-minor-hover: #0E3A16FF; + --on-dark-surface-positive-minor-active: #08210CFF; + --on-dark-surface-warning-minor-hover: #4F250DFF; + --on-dark-surface-warning-minor-active: #351909FF; + --on-dark-surface-negative-minor-hover: #5B1018FF; + --on-dark-surface-negative-minor-active: #410B11FF; + --on-dark-surface-info-minor-hover: #10344CFF; + --on-dark-surface-info-minor-active: #0A2333FF; + --on-dark-surface-transparent-positive-hover: #1A9E3266; + --on-dark-surface-transparent-positive-active: #1A9E3238; + --on-dark-surface-transparent-warning-hover: #FA5F0566; + --on-dark-surface-transparent-warning-active: #FA5F0538; + --on-dark-surface-transparent-negative-hover: #FF293E66; + --on-dark-surface-transparent-negative-active: #FF293E38; + --on-dark-surface-transparent-info-hover: #118CDF66; + --on-dark-surface-transparent-info-active: #118CDF38; + --on-dark-surface-clear: #FFFFFF00; + --on-dark-surface-solid-primary: #171717; + --on-dark-surface-solid-secondary: #262626; + --on-dark-surface-solid-tertiary: #363636; + --on-dark-surface-solid-card: #262626; + --on-dark-surface-solid-default: #F9F9F9; + --on-dark-surface-accent: #00AC7B; + --on-dark-surface-positive: #24B23E; + --on-dark-surface-warning: #FF7024; + --on-dark-surface-negative: #FF3D51; + --on-dark-surface-transparent-card: #FFFFFF1F; + --on-dark-surface-transparent-primary: #FFFFFF0F; + --on-dark-surface-transparent-secondary: #FFFFFF1F; + --on-dark-surface-transparent-tertiary: #FFFFFF33; + --on-dark-surface-transparent-deep: #FFFFFFA3; + --on-light-surface-solid-primary-hover: #FAFAFAFF; + --on-light-surface-solid-primary-active: #F0F0F0FF; + --on-light-surface-solid-secondary-hover: #E8E8E8FF; + --on-light-surface-solid-secondary-active: #D9D9D9FF; + --on-light-surface-solid-tertiary-hover: #D1D1D1FF; + --on-light-surface-solid-tertiary-active: #C2C2C2FF; + --on-light-surface-solid-card-hover: #FFFFFFFF; + --on-light-surface-solid-card-active: #FFFFFFFF; + --on-light-surface-solid-default-hover: #0D0D0DFF; + --on-light-surface-solid-default-active: #030303FF; + --on-light-surface-transparent-primary-hover: #0808080F; + --on-light-surface-transparent-primary-active: #08080800; + --on-light-surface-transparent-secondary-hover: #0808081F; + --on-light-surface-transparent-secondary-active: #0808080A; + --on-light-surface-transparent-tertiary-hover: #0808083D; + --on-light-surface-transparent-tertiary-active: #0808080F; + --on-light-surface-transparent-deep-hover: #080808C2; + --on-light-surface-transparent-deep-active: #08080894; + --on-light-surface-transparent-card-hover: #FFFFFFFF; + --on-light-surface-transparent-card-active: #FFFFFFFF; + --on-light-surface-clear-hover: #FFFFFF00; + --on-light-surface-clear-active: #FFFFFF00; + --on-light-surface-accent-hover: #05AD7EFF; + --on-light-surface-accent-active: #048F68FF; + --on-light-surface-accent-minor-hover: #7AF5D2FF; + --on-light-surface-accent-minor-active: #4BF1C2FF; + --on-light-surface-transparent-accent-hover: #05996F66; + --on-light-surface-transparent-accent-active: #05996F38; + --on-light-surface-positive-hover: #1DAF37FF; + --on-light-surface-positive-active: #18952FFF; + --on-light-surface-warning-hover: #FB7223FF; + --on-light-surface-warning-active: #F05B05FF; + --on-light-surface-negative-hover: #FF475AFF; + --on-light-surface-negative-active: #FF1F35FF; + --on-light-surface-info-hover: #1798EEFF; + --on-light-surface-info-active: #1086D5FF; + --on-light-surface-positive-minor-hover: #8AF59DFF; + --on-light-surface-positive-minor-active: #6EF286FF; + --on-light-surface-warning-minor-hover: #FFDECCFF; + --on-light-surface-warning-minor-active: #FFCAADFF; + --on-light-surface-negative-minor-hover: #FED7DBFF; + --on-light-surface-negative-minor-active: #FEC3C9FF; + --on-light-surface-info-minor-hover: #C7E9FFFF; + --on-light-surface-info-minor-active: #A8DCFFFF; + --on-light-surface-transparent-positive-hover: #1A9E3266; + --on-light-surface-transparent-positive-active: #1A9E3238; + --on-light-surface-transparent-warning-hover: #FA5F0566; + --on-light-surface-transparent-warning-active: #FA5F0538; + --on-light-surface-transparent-negative-hover: #FF293E66; + --on-light-surface-transparent-negative-active: #FF293E38; + --on-light-surface-transparent-info-hover: #118CDF66; + --on-light-surface-transparent-info-active: #118CDF38; + --on-light-surface-solid-primary: #F5F5F5; + --on-light-surface-solid-secondary: #DDDDDD; + --on-light-surface-solid-tertiary: #C7C7C7; + --on-light-surface-solid-card: #FFFFFFFF; + --on-light-surface-solid-default: #080808; + --on-light-surface-clear: #FFFFFF00; + --on-light-surface-accent: #05996F; + --on-light-surface-positive: #1A9E32; + --on-light-surface-warning: #FA5F05; + --on-light-surface-negative: #FF293E; + --on-light-surface-transparent-card: #FFFFFFFF; + --on-light-surface-transparent-primary: #08080805; + --on-light-surface-transparent-secondary: #0808080F; + --on-light-surface-transparent-tertiary: #0808081F; + --on-light-surface-transparent-deep: #080808A3; + --inverse-surface-solid-primary-hover: #FAFAFAFF; + --inverse-surface-solid-primary-active: #F0F0F0FF; + --inverse-surface-solid-secondary-hover: #E8E8E8FF; + --inverse-surface-solid-secondary-active: #D9D9D9FF; + --inverse-surface-solid-tertiary-hover: #D1D1D1FF; + --inverse-surface-solid-tertiary-active: #C2C2C2FF; + --inverse-surface-solid-card-hover: #FFFFFFFF; + --inverse-surface-solid-card-active: #FFFFFFFF; + --inverse-surface-solid-default-hover: #0D0D0DFF; + --inverse-surface-solid-default-active: #030303FF; + --inverse-surface-transparent-primary-hover: #0808080F; + --inverse-surface-transparent-primary-active: #08080800; + --inverse-surface-transparent-secondary-hover: #0808081F; + --inverse-surface-transparent-secondary-active: #0808080A; + --inverse-surface-transparent-tertiary-hover: #0808083D; + --inverse-surface-transparent-tertiary-active: #0808080F; + --inverse-surface-transparent-deep-hover: #080808C2; + --inverse-surface-transparent-deep-active: #08080894; + --inverse-surface-transparent-card-hover: #FFFFFFFF; + --inverse-surface-transparent-card-active: #FFFFFFFF; + --inverse-surface-clear-hover: #FFFFFF00; + --inverse-surface-clear-active: #FFFFFF00; + --inverse-surface-accent-hover: #05AD7EFF; + --inverse-surface-accent-active: #048F68FF; + --inverse-surface-accent-minor-hover: #7AF5D2FF; + --inverse-surface-accent-minor-active: #4BF1C2FF; + --inverse-surface-transparent-accent-hover: #05996F66; + --inverse-surface-transparent-accent-active: #05996F38; + --inverse-surface-positive-hover: #1DAF37FF; + --inverse-surface-positive-active: #18952FFF; + --inverse-surface-warning-hover: #FB7223FF; + --inverse-surface-warning-active: #F05B05FF; + --inverse-surface-negative-hover: #FF475AFF; + --inverse-surface-negative-active: #FF1F35FF; + --inverse-surface-info-hover: #1798EEFF; + --inverse-surface-info-active: #1086D5FF; + --inverse-surface-positive-minor-hover: #8AF59DFF; + --inverse-surface-positive-minor-active: #6EF286FF; + --inverse-surface-warning-minor-hover: #FFDECCFF; + --inverse-surface-warning-minor-active: #FFCAADFF; + --inverse-surface-negative-minor-hover: #FED7DBFF; + --inverse-surface-negative-minor-active: #FEC3C9FF; + --inverse-surface-info-minor-hover: #C7E9FFFF; + --inverse-surface-info-minor-active: #A8DCFFFF; + --inverse-surface-transparent-positive-hover: #1A9E3266; + --inverse-surface-transparent-positive-active: #1A9E3238; + --inverse-surface-transparent-warning-hover: #FA5F0566; + --inverse-surface-transparent-warning-active: #FA5F0538; + --inverse-surface-transparent-negative-hover: #FF293E66; + --inverse-surface-transparent-negative-active: #FF293E38; + --inverse-surface-transparent-info-hover: #118CDF66; + --inverse-surface-transparent-info-active: #118CDF38; + --inverse-surface-solid-primary: #F5F5F5; + --inverse-surface-solid-secondary: #DDDDDD; + --inverse-surface-solid-tertiary: #C7C7C7; + --inverse-surface-solid-card: #FFFFFFFF; + --inverse-surface-solid-default: #080808; + --inverse-surface-clear: #FFFFFF00; + --inverse-surface-accent: #05996F; + --inverse-surface-positive: #1A9E32; + --inverse-surface-warning: #FA5F05; + --inverse-surface-negative: #FF293E; + --inverse-surface-transparent-card: #FFFFFFFF; + --inverse-surface-transparent-primary: #08080805; + --inverse-surface-transparent-secondary: #0808080F; + --inverse-surface-transparent-tertiary: #0808081F; + --inverse-surface-transparent-deep: #080808A3; + --background-primary: #171717; + --dark-background-primary: #171717; + --light-background-primary: #F5F5F5; + --inverse-background-primary: #F5F5F5; + --overlay-soft: #0808088F; + --overlay-hard: #080808F5; + --overlay-blur: #08080833; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080833; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F933; + --inverse-overlay-soft: #F9F9F98F; + --inverse-overlay-hard: #F9F9F9F5; + --inverse-overlay-blur: #F9F9F933; + color: var(--text-primary); + background-color: var(--background-primary); +} + +.dark { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%); + --on-dark-text-accent-gradient-hover: #CCCCCCFF; + --on-dark-text-accent-gradient-active: #E6E6E6FF; + --on-dark-text-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%); + --on-light-text-accent-gradient-hover: #CCCCCCFF; + --on-light-text-accent-gradient-active: #E6E6E6FF; + --on-light-text-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%); + --inverse-text-accent-gradient-hover: #CCCCCCFF; + --inverse-text-accent-gradient-active: #E6E6E6FF; + --inverse-text-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient-hover: #FFFFFFFF; + --inverse-surface-accent-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%); + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +.light { + --text-primary-hover: #F5F5F593; + --text-primary-active: #F5F5F5C4; + --text-secondary-hover: #F5F5F5FF; + --text-secondary-active: #F5F5F5AB; + --text-tertiary-hover: #F5F5F5FF; + --text-tertiary-active: #F5F5F556; + --text-paragraph-hover: #F5F5F57A; + --text-paragraph-active: #F5F5F5A3; + --text-accent-hover: #17E8ADFF; + --text-accent-active: #11B083FF; + --text-accent-minor-hover: #ABFCE5FF; + --text-accent-minor-active: #70FAD3FF; + --text-positive-hover: #2ACB47FF; + --text-positive-active: #1F9835FF; + --text-warning-hover: #FF8442FF; + --text-warning-active: #FF5D05FF; + --text-negative-hover: #FF5C6CFF; + --text-negative-active: #FF1F35FF; + --text-info-hover: #50B1F2FF; + --text-info-active: #0F7BC2FF; + --text-positive-minor-hover: #64F77FFF; + --text-positive-minor-active: #81F897FF; + --text-warning-minor-hover: #FDBC96FF; + --text-warning-minor-active: #FDCFB4FF; + --text-negative-minor-hover: #FFA3ACFF; + --text-negative-minor-active: #FFC2C8FF; + --text-info-minor-hover: #94D4FFFF; + --text-info-minor-active: #B3E0FFFF; + --text-primary: #F5F5F5F5; + --text-secondary: #F5F5F58F; + --text-tertiary: #F5F5F547; + --text-paragraph: #F5F5F5CC; + --text-accent: #14CC98; + --text-positive: #24B23E; + --text-warning: #FF7024; + --text-negative: #FF3D51; + --on-dark-text-primary-hover: #F5F5F593; + --on-dark-text-primary-active: #F5F5F5C4; + --on-dark-text-secondary-hover: #F5F5F5FF; + --on-dark-text-secondary-active: #F5F5F5AB; + --on-dark-text-tertiary-hover: #F5F5F5FF; + --on-dark-text-tertiary-active: #F5F5F556; + --on-dark-text-paragraph-hover: #F5F5F57A; + --on-dark-text-paragraph-active: #F5F5F5A3; + --on-dark-text-accent-hover: #17E8ADFF; + --on-dark-text-accent-active: #11B083FF; + --on-dark-text-accent-minor-hover: #ABFCE5FF; + --on-dark-text-accent-minor-active: #70FAD3FF; + --on-dark-text-positive-hover: #2ACB47FF; + --on-dark-text-positive-active: #1F9835FF; + --on-dark-text-warning-hover: #FF8442FF; + --on-dark-text-warning-active: #FF5D05FF; + --on-dark-text-negative-hover: #FF5C6CFF; + --on-dark-text-negative-active: #FF1F35FF; + --on-dark-text-info-hover: #50B1F2FF; + --on-dark-text-info-active: #0F7BC2FF; + --on-dark-text-positive-minor-hover: #64F77FFF; + --on-dark-text-positive-minor-active: #81F897FF; + --on-dark-text-warning-minor-hover: #FDBC96FF; + --on-dark-text-warning-minor-active: #FDCFB4FF; + --on-dark-text-negative-minor-hover: #FFA3ACFF; + --on-dark-text-negative-minor-active: #FFC2C8FF; + --on-dark-text-info-minor-hover: #94D4FFFF; + --on-dark-text-info-minor-active: #B3E0FFFF; + --on-dark-text-primary: #F5F5F5F5; + --on-dark-text-secondary: #F5F5F58F; + --on-dark-text-tertiary: #F5F5F547; + --on-dark-text-paragraph: #F5F5F5CC; + --on-dark-text-accent: #14CC98; + --on-dark-text-positive: #24B23E; + --on-dark-text-warning: #FF7024; + --on-dark-text-negative: #FF3D51; + --on-light-text-primary-hover: #17171793; + --on-light-text-primary-active: #171717C4; + --on-light-text-secondary-hover: #171717FF; + --on-light-text-secondary-active: #171717AB; + --on-light-text-tertiary-hover: #171717FF; + --on-light-text-tertiary-active: #17171756; + --on-light-text-paragraph-hover: #1717177A; + --on-light-text-paragraph-active: #171717A3; + --on-light-text-accent-hover: #06B785FF; + --on-light-text-accent-active: #047C5AFF; + --on-light-text-accent-minor-hover: #10604AFF; + --on-light-text-accent-minor-active: #0B4636FF; + --on-light-text-positive-hover: #1EB83AFF; + --on-light-text-positive-active: #15842AFF; + --on-light-text-warning-hover: #FB7223FF; + --on-light-text-warning-active: #DC5304FF; + --on-light-text-negative-hover: #FF475AFF; + --on-light-text-negative-active: #FF0A23FF; + --on-light-text-info-hover: #34A7F4FF; + --on-light-text-info-active: #096CAEFF; + --on-light-text-positive-minor-hover: #155B22FF; + --on-light-text-positive-minor-active: #104219FF; + --on-light-text-warning-minor-hover: #723613FF; + --on-light-text-warning-minor-active: #58290EFF; + --on-light-text-negative-minor-hover: #7E1621FF; + --on-light-text-negative-minor-active: #64121AFF; + --on-light-text-info-minor-hover: #174B6EFF; + --on-light-text-info-minor-active: #113A55FF; + --on-light-text-primary: #171717F5; + --on-light-text-secondary: #1717178F; + --on-light-text-tertiary: #17171747; + --on-light-text-paragraph: #171717CC; + --on-light-text-accent: #05996F; + --on-light-text-positive: #1A9E32; + --on-light-text-warning: #FA5F05; + --on-light-text-negative: #FF293E; + --inverse-text-primary-hover: #17171793; + --inverse-text-primary-active: #171717C4; + --inverse-text-secondary-hover: #171717FF; + --inverse-text-secondary-active: #171717AB; + --inverse-text-tertiary-hover: #171717FF; + --inverse-text-tertiary-active: #17171756; + --inverse-text-paragraph-hover: #1717177A; + --inverse-text-paragraph-active: #171717A3; + --inverse-text-accent-hover: #06B785FF; + --inverse-text-accent-active: #047C5AFF; + --inverse-text-accent-minor-hover: #10604AFF; + --inverse-text-accent-minor-active: #0B4636FF; + --inverse-text-positive-hover: #1EB83AFF; + --inverse-text-positive-active: #15842AFF; + --inverse-text-warning-hover: #FB7223FF; + --inverse-text-warning-active: #DC5304FF; + --inverse-text-negative-hover: #FF475AFF; + --inverse-text-negative-active: #FF0A23FF; + --inverse-text-info-hover: #34A7F4FF; + --inverse-text-info-active: #096CAEFF; + --inverse-text-positive-minor-hover: #155B22FF; + --inverse-text-positive-minor-active: #104219FF; + --inverse-text-warning-minor-hover: #723613FF; + --inverse-text-warning-minor-active: #58290EFF; + --inverse-text-negative-minor-hover: #7E1621FF; + --inverse-text-negative-minor-active: #64121AFF; + --inverse-text-info-minor-hover: #174B6EFF; + --inverse-text-info-minor-active: #113A55FF; + --inverse-text-primary: #171717F5; + --inverse-text-secondary: #1717178F; + --inverse-text-tertiary: #17171747; + --inverse-text-paragraph: #171717CC; + --inverse-text-accent: #05996F; + --inverse-text-positive: #1A9E32; + --inverse-text-warning: #FA5F05; + --inverse-text-negative: #FF293E; + --surface-solid-primary-hover: #1C1C1CFF; + --surface-solid-primary-active: #121212FF; + --surface-solid-secondary-hover: #303030FF; + --surface-solid-secondary-active: #212121FF; + --surface-solid-tertiary-hover: #404040FF; + --surface-solid-tertiary-active: #303030FF; + --surface-solid-card-hover: #303030FF; + --surface-solid-card-active: #212121FF; + --surface-solid-default-hover: #FFFFFFFF; + --surface-solid-default-active: #F5F5F5FF; + --surface-transparent-primary-hover: #FFFFFF1F; + --surface-transparent-primary-active: #FFFFFF0A; + --surface-transparent-secondary-hover: #FFFFFF3D; + --surface-transparent-secondary-active: #FFFFFF0F; + --surface-transparent-tertiary-hover: #FFFFFF52; + --surface-transparent-tertiary-active: #FFFFFF24; + --surface-transparent-deep-hover: #FFFFFFC2; + --surface-transparent-deep-active: #FFFFFF94; + --surface-transparent-card-hover: #FFFFFF3D; + --surface-transparent-card-active: #FFFFFF0F; + --surface-clear-hover: #FFFFFF00; + --surface-clear-active: #FFFFFF00; + --surface-accent-hover: #00C28BFF; + --surface-accent-active: #00A375FF; + --surface-accent-minor-hover: #0A3D2FFF; + --surface-accent-minor-active: #06231BFF; + --surface-transparent-accent-hover: #14CC9866; + --surface-transparent-accent-active: #14CC9838; + --surface-positive-hover: #28C344FF; + --surface-positive-active: #23A93BFF; + --surface-warning-hover: #FF8442FF; + --surface-warning-active: #FF6A1AFF; + --surface-negative-hover: #FF5C6CFF; + --surface-negative-active: #FF3347FF; + --surface-info-hover: #1798EEFF; + --surface-info-active: #1086D5FF; + --surface-positive-minor-hover: #0E3A16FF; + --surface-positive-minor-active: #08210CFF; + --surface-warning-minor-hover: #4F250DFF; + --surface-warning-minor-active: #351909FF; + --surface-negative-minor-hover: #5B1018FF; + --surface-negative-minor-active: #410B11FF; + --surface-info-minor-hover: #10344CFF; + --surface-info-minor-active: #0A2333FF; + --surface-transparent-positive-hover: #1A9E3266; + --surface-transparent-positive-active: #1A9E3238; + --surface-transparent-warning-hover: #FA5F0566; + --surface-transparent-warning-active: #FA5F0538; + --surface-transparent-negative-hover: #FF293E66; + --surface-transparent-negative-active: #FF293E38; + --surface-transparent-info-hover: #118CDF66; + --surface-transparent-info-active: #118CDF38; + --surface-clear: #FFFFFF00; + --surface-solid-card: #262626; + --surface-solid-primary: #171717; + --surface-solid-secondary: #262626; + --surface-solid-tertiary: #363636; + --surface-solid-default: #F9F9F9; + --surface-accent: #00AC7B; + --surface-positive: #24B23E; + --surface-warning: #FF7024; + --surface-negative: #FF3D51; + --surface-transparent-card: #FFFFFF1F; + --surface-transparent-primary: #FFFFFF0F; + --surface-transparent-secondary: #FFFFFF1F; + --surface-transparent-tertiary: #FFFFFF33; + --surface-transparent-deep: #FFFFFFA3; + --on-dark-surface-solid-primary-hover: #1C1C1CFF; + --on-dark-surface-solid-primary-active: #121212FF; + --on-dark-surface-solid-secondary-hover: #303030FF; + --on-dark-surface-solid-secondary-active: #212121FF; + --on-dark-surface-solid-tertiary-hover: #404040FF; + --on-dark-surface-solid-tertiary-active: #303030FF; + --on-dark-surface-solid-card-hover: #303030FF; + --on-dark-surface-solid-card-active: #212121FF; + --on-dark-surface-solid-default-hover: #FFFFFFFF; + --on-dark-surface-solid-default-active: #F5F5F5FF; + --on-dark-surface-transparent-primary-hover: #FFFFFF1F; + --on-dark-surface-transparent-primary-active: #FFFFFF0A; + --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; + --on-dark-surface-transparent-secondary-active: #FFFFFF0F; + --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; + --on-dark-surface-transparent-tertiary-active: #FFFFFF24; + --on-dark-surface-transparent-deep-hover: #FFFFFFC2; + --on-dark-surface-transparent-deep-active: #FFFFFF94; + --on-dark-surface-transparent-card-hover: #FFFFFF3D; + --on-dark-surface-transparent-card-active: #FFFFFF0F; + --on-dark-surface-clear-hover: #FFFFFF00; + --on-dark-surface-clear-active: #FFFFFF00; + --on-dark-surface-accent-hover: #00C28BFF; + --on-dark-surface-accent-active: #00A375FF; + --on-dark-surface-accent-minor-hover: #0A3D2FFF; + --on-dark-surface-accent-minor-active: #06231BFF; + --on-dark-surface-transparent-accent-hover: #14CC9866; + --on-dark-surface-transparent-accent-active: #14CC9838; + --on-dark-surface-positive-hover: #28C344FF; + --on-dark-surface-positive-active: #23A93BFF; + --on-dark-surface-warning-hover: #FF8442FF; + --on-dark-surface-warning-active: #FF6A1AFF; + --on-dark-surface-negative-hover: #FF5C6CFF; + --on-dark-surface-negative-active: #FF3347FF; + --on-dark-surface-info-hover: #1798EEFF; + --on-dark-surface-info-active: #1086D5FF; + --on-dark-surface-positive-minor-hover: #0E3A16FF; + --on-dark-surface-positive-minor-active: #08210CFF; + --on-dark-surface-warning-minor-hover: #4F250DFF; + --on-dark-surface-warning-minor-active: #351909FF; + --on-dark-surface-negative-minor-hover: #5B1018FF; + --on-dark-surface-negative-minor-active: #410B11FF; + --on-dark-surface-info-minor-hover: #10344CFF; + --on-dark-surface-info-minor-active: #0A2333FF; + --on-dark-surface-transparent-positive-hover: #1A9E3266; + --on-dark-surface-transparent-positive-active: #1A9E3238; + --on-dark-surface-transparent-warning-hover: #FA5F0566; + --on-dark-surface-transparent-warning-active: #FA5F0538; + --on-dark-surface-transparent-negative-hover: #FF293E66; + --on-dark-surface-transparent-negative-active: #FF293E38; + --on-dark-surface-transparent-info-hover: #118CDF66; + --on-dark-surface-transparent-info-active: #118CDF38; + --on-dark-surface-clear: #FFFFFF00; + --on-dark-surface-solid-primary: #171717; + --on-dark-surface-solid-secondary: #262626; + --on-dark-surface-solid-tertiary: #363636; + --on-dark-surface-solid-card: #262626; + --on-dark-surface-solid-default: #F9F9F9; + --on-dark-surface-accent: #00AC7B; + --on-dark-surface-positive: #24B23E; + --on-dark-surface-warning: #FF7024; + --on-dark-surface-negative: #FF3D51; + --on-dark-surface-transparent-card: #FFFFFF1F; + --on-dark-surface-transparent-primary: #FFFFFF0F; + --on-dark-surface-transparent-secondary: #FFFFFF1F; + --on-dark-surface-transparent-tertiary: #FFFFFF33; + --on-dark-surface-transparent-deep: #FFFFFFA3; + --on-light-surface-solid-primary-hover: #FAFAFAFF; + --on-light-surface-solid-primary-active: #F0F0F0FF; + --on-light-surface-solid-secondary-hover: #E8E8E8FF; + --on-light-surface-solid-secondary-active: #D9D9D9FF; + --on-light-surface-solid-tertiary-hover: #D1D1D1FF; + --on-light-surface-solid-tertiary-active: #C2C2C2FF; + --on-light-surface-solid-card-hover: #FFFFFFFF; + --on-light-surface-solid-card-active: #FFFFFFFF; + --on-light-surface-solid-default-hover: #0D0D0DFF; + --on-light-surface-solid-default-active: #030303FF; + --on-light-surface-transparent-primary-hover: #0808080F; + --on-light-surface-transparent-primary-active: #08080800; + --on-light-surface-transparent-secondary-hover: #0808081F; + --on-light-surface-transparent-secondary-active: #0808080A; + --on-light-surface-transparent-tertiary-hover: #0808083D; + --on-light-surface-transparent-tertiary-active: #0808080F; + --on-light-surface-transparent-deep-hover: #080808C2; + --on-light-surface-transparent-deep-active: #08080894; + --on-light-surface-transparent-card-hover: #FFFFFFFF; + --on-light-surface-transparent-card-active: #FFFFFFFF; + --on-light-surface-clear-hover: #FFFFFF00; + --on-light-surface-clear-active: #FFFFFF00; + --on-light-surface-accent-hover: #05AD7EFF; + --on-light-surface-accent-active: #048F68FF; + --on-light-surface-accent-minor-hover: #7AF5D2FF; + --on-light-surface-accent-minor-active: #4BF1C2FF; + --on-light-surface-transparent-accent-hover: #05996F66; + --on-light-surface-transparent-accent-active: #05996F38; + --on-light-surface-positive-hover: #1DAF37FF; + --on-light-surface-positive-active: #18952FFF; + --on-light-surface-warning-hover: #FB7223FF; + --on-light-surface-warning-active: #F05B05FF; + --on-light-surface-negative-hover: #FF475AFF; + --on-light-surface-negative-active: #FF1F35FF; + --on-light-surface-info-hover: #1798EEFF; + --on-light-surface-info-active: #1086D5FF; + --on-light-surface-positive-minor-hover: #8AF59DFF; + --on-light-surface-positive-minor-active: #6EF286FF; + --on-light-surface-warning-minor-hover: #FFDECCFF; + --on-light-surface-warning-minor-active: #FFCAADFF; + --on-light-surface-negative-minor-hover: #FED7DBFF; + --on-light-surface-negative-minor-active: #FEC3C9FF; + --on-light-surface-info-minor-hover: #C7E9FFFF; + --on-light-surface-info-minor-active: #A8DCFFFF; + --on-light-surface-transparent-positive-hover: #1A9E3266; + --on-light-surface-transparent-positive-active: #1A9E3238; + --on-light-surface-transparent-warning-hover: #FA5F0566; + --on-light-surface-transparent-warning-active: #FA5F0538; + --on-light-surface-transparent-negative-hover: #FF293E66; + --on-light-surface-transparent-negative-active: #FF293E38; + --on-light-surface-transparent-info-hover: #118CDF66; + --on-light-surface-transparent-info-active: #118CDF38; + --on-light-surface-solid-primary: #F5F5F5; + --on-light-surface-solid-secondary: #DDDDDD; + --on-light-surface-solid-tertiary: #C7C7C7; + --on-light-surface-solid-card: #FFFFFFFF; + --on-light-surface-solid-default: #080808; + --on-light-surface-clear: #FFFFFF00; + --on-light-surface-accent: #05996F; + --on-light-surface-positive: #1A9E32; + --on-light-surface-warning: #FA5F05; + --on-light-surface-negative: #FF293E; + --on-light-surface-transparent-card: #FFFFFFFF; + --on-light-surface-transparent-primary: #08080805; + --on-light-surface-transparent-secondary: #0808080F; + --on-light-surface-transparent-tertiary: #0808081F; + --on-light-surface-transparent-deep: #080808A3; + --inverse-surface-solid-primary-hover: #FAFAFAFF; + --inverse-surface-solid-primary-active: #F0F0F0FF; + --inverse-surface-solid-secondary-hover: #E8E8E8FF; + --inverse-surface-solid-secondary-active: #D9D9D9FF; + --inverse-surface-solid-tertiary-hover: #D1D1D1FF; + --inverse-surface-solid-tertiary-active: #C2C2C2FF; + --inverse-surface-solid-card-hover: #FFFFFFFF; + --inverse-surface-solid-card-active: #FFFFFFFF; + --inverse-surface-solid-default-hover: #0D0D0DFF; + --inverse-surface-solid-default-active: #030303FF; + --inverse-surface-transparent-primary-hover: #0808080F; + --inverse-surface-transparent-primary-active: #08080800; + --inverse-surface-transparent-secondary-hover: #0808081F; + --inverse-surface-transparent-secondary-active: #0808080A; + --inverse-surface-transparent-tertiary-hover: #0808083D; + --inverse-surface-transparent-tertiary-active: #0808080F; + --inverse-surface-transparent-deep-hover: #080808C2; + --inverse-surface-transparent-deep-active: #08080894; + --inverse-surface-transparent-card-hover: #FFFFFFFF; + --inverse-surface-transparent-card-active: #FFFFFFFF; + --inverse-surface-clear-hover: #FFFFFF00; + --inverse-surface-clear-active: #FFFFFF00; + --inverse-surface-accent-hover: #05AD7EFF; + --inverse-surface-accent-active: #048F68FF; + --inverse-surface-accent-minor-hover: #7AF5D2FF; + --inverse-surface-accent-minor-active: #4BF1C2FF; + --inverse-surface-transparent-accent-hover: #05996F66; + --inverse-surface-transparent-accent-active: #05996F38; + --inverse-surface-positive-hover: #1DAF37FF; + --inverse-surface-positive-active: #18952FFF; + --inverse-surface-warning-hover: #FB7223FF; + --inverse-surface-warning-active: #F05B05FF; + --inverse-surface-negative-hover: #FF475AFF; + --inverse-surface-negative-active: #FF1F35FF; + --inverse-surface-info-hover: #1798EEFF; + --inverse-surface-info-active: #1086D5FF; + --inverse-surface-positive-minor-hover: #8AF59DFF; + --inverse-surface-positive-minor-active: #6EF286FF; + --inverse-surface-warning-minor-hover: #FFDECCFF; + --inverse-surface-warning-minor-active: #FFCAADFF; + --inverse-surface-negative-minor-hover: #FED7DBFF; + --inverse-surface-negative-minor-active: #FEC3C9FF; + --inverse-surface-info-minor-hover: #C7E9FFFF; + --inverse-surface-info-minor-active: #A8DCFFFF; + --inverse-surface-transparent-positive-hover: #1A9E3266; + --inverse-surface-transparent-positive-active: #1A9E3238; + --inverse-surface-transparent-warning-hover: #FA5F0566; + --inverse-surface-transparent-warning-active: #FA5F0538; + --inverse-surface-transparent-negative-hover: #FF293E66; + --inverse-surface-transparent-negative-active: #FF293E38; + --inverse-surface-transparent-info-hover: #118CDF66; + --inverse-surface-transparent-info-active: #118CDF38; + --inverse-surface-solid-primary: #F5F5F5; + --inverse-surface-solid-secondary: #DDDDDD; + --inverse-surface-solid-tertiary: #C7C7C7; + --inverse-surface-solid-card: #FFFFFFFF; + --inverse-surface-solid-default: #080808; + --inverse-surface-clear: #FFFFFF00; + --inverse-surface-accent: #05996F; + --inverse-surface-positive: #1A9E32; + --inverse-surface-warning: #FA5F05; + --inverse-surface-negative: #FF293E; + --inverse-surface-transparent-card: #FFFFFFFF; + --inverse-surface-transparent-primary: #08080805; + --inverse-surface-transparent-secondary: #0808080F; + --inverse-surface-transparent-tertiary: #0808081F; + --inverse-surface-transparent-deep: #080808A3; + --background-primary: #171717; + --dark-background-primary: #171717; + --light-background-primary: #F5F5F5; + --inverse-background-primary: #F5F5F5; + --overlay-soft: #0808088F; + --overlay-hard: #080808F5; + --overlay-blur: #08080833; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080833; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F933; + --inverse-overlay-soft: #F9F9F98F; + --inverse-overlay-hard: #F9F9F9F5; + --inverse-overlay-blur: #F9F9F933; + color: var(--text-primary); + background-color: var(--background-primary); +} + +.light { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%); + --on-dark-text-accent-gradient-hover: #CCCCCCFF; + --on-dark-text-accent-gradient-active: #E6E6E6FF; + --on-dark-text-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%); + --on-light-text-accent-gradient-hover: #CCCCCCFF; + --on-light-text-accent-gradient-active: #E6E6E6FF; + --on-light-text-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%); + --inverse-text-accent-gradient-hover: #CCCCCCFF; + --inverse-text-accent-gradient-active: #E6E6E6FF; + --inverse-text-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient-hover: #FFFFFFFF; + --inverse-surface-accent-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%); + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +.dark, .light { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +.dark, .light { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + +.dark, .light { + font-size: 16px; + --plasma-typo-overflow-wrap: break-word; + --plasma-typo-hyphens: auto; + --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-l-letter-spacing: normal; + --plasma-typo-dspl-l-font-style: normal; + --plasma-typo-dspl-l-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-l-bold-letter-spacing: normal; + --plasma-typo-dspl-l-bold-font-style: normal; + --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-m-letter-spacing: normal; + --plasma-typo-dspl-m-font-style: normal; + --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-m-bold-letter-spacing: normal; + --plasma-typo-dspl-m-bold-font-style: normal; + --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-s-letter-spacing: normal; + --plasma-typo-dspl-s-font-style: normal; + --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-s-bold-letter-spacing: normal; + --plasma-typo-dspl-s-bold-font-style: normal; + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h1-letter-spacing: normal; + --plasma-typo-h1-font-style: normal; + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h1-bold-letter-spacing: normal; + --plasma-typo-h1-bold-font-style: normal; + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h2-letter-spacing: normal; + --plasma-typo-h2-font-style: normal; + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h2-bold-letter-spacing: normal; + --plasma-typo-h2-bold-font-style: normal; + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h3-letter-spacing: normal; + --plasma-typo-h3-font-style: normal; + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h3-bold-letter-spacing: normal; + --plasma-typo-h3-bold-font-style: normal; + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h4-letter-spacing: normal; + --plasma-typo-h4-font-style: normal; + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h4-bold-letter-spacing: normal; + --plasma-typo-h4-bold-font-style: normal; + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h5-letter-spacing: normal; + --plasma-typo-h5-font-style: normal; + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h5-bold-letter-spacing: normal; + --plasma-typo-h5-bold-font-style: normal; + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-l-letter-spacing: -0.02em; + --plasma-typo-body-l-font-style: normal; + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-l-bold-letter-spacing: -0.02em; + --plasma-typo-body-l-bold-font-style: normal; + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-m-letter-spacing: -0.02em; + --plasma-typo-body-m-font-style: normal; + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-m-bold-letter-spacing: -0.02em; + --plasma-typo-body-m-bold-font-style: normal; + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-s-letter-spacing: -0.02em; + --plasma-typo-body-s-font-style: normal; + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-s-bold-letter-spacing: -0.02em; + --plasma-typo-body-s-bold-font-style: normal; + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xs-letter-spacing: -0.02em; + --plasma-typo-body-xs-font-style: normal; + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xs-bold-letter-spacing: -0.02em; + --plasma-typo-body-xs-bold-font-style: normal; + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xxs-letter-spacing: -0.02em; + --plasma-typo-body-xxs-font-style: normal; + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; + --plasma-typo-body-xxs-bold-font-style: normal; + --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-l-letter-spacing: -0.02em; + --plasma-typo-text-l-font-style: normal; + --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-l-bold-letter-spacing: -0.02em; + --plasma-typo-text-l-bold-font-style: normal; + --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-m-letter-spacing: -0.02em; + --plasma-typo-text-m-font-style: normal; + --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-m-bold-letter-spacing: -0.02em; + --plasma-typo-text-m-bold-font-style: normal; + --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-s-letter-spacing: -0.02em; + --plasma-typo-text-s-font-style: normal; + --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-s-bold-letter-spacing: -0.02em; + --plasma-typo-text-s-bold-font-style: normal; + --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-xs-letter-spacing: -0.02em; + --plasma-typo-text-xs-font-style: normal; + --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-xs-bold-letter-spacing: -0.02em; + --plasma-typo-text-xs-bold-font-style: normal; +} + +@media (max-width: 559px) { + .dark, .light { + --plasma-typo-dspl-l-font-size: 5.5rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 5.75rem; + --plasma-typo-dspl-l-bold-font-size: 5.5rem; + --plasma-typo-dspl-l-bold-font-weight: 600; + --plasma-typo-dspl-l-bold-line-height: 5.75rem; + --plasma-typo-dspl-m-font-size: 3.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 3.875rem; + --plasma-typo-dspl-m-bold-font-size: 3.5rem; + --plasma-typo-dspl-m-bold-font-weight: 600; + --plasma-typo-dspl-m-bold-line-height: 3.875rem; + --plasma-typo-dspl-s-font-size: 2.5rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 2.875rem; + --plasma-typo-dspl-s-bold-font-size: 2.5rem; + --plasma-typo-dspl-s-bold-font-weight: 600; + --plasma-typo-dspl-s-bold-line-height: 2.875rem; + --plasma-typo-h1-font-size: 1.75rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 2.125rem; + --plasma-typo-h1-bold-font-size: 1.75rem; + --plasma-typo-h1-bold-font-weight: 600; + --plasma-typo-h1-bold-line-height: 2.125rem; + --plasma-typo-h2-font-size: 1.5rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 1.875rem; + --plasma-typo-h2-bold-font-size: 1.5rem; + --plasma-typo-h2-bold-font-weight: 600; + --plasma-typo-h2-bold-line-height: 1.875rem; + --plasma-typo-h3-font-size: 1.25rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.625rem; + --plasma-typo-h3-bold-font-size: 1.25rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.625rem; + --plasma-typo-h4-font-size: 1.125rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.5rem; + --plasma-typo-h4-bold-font-size: 1.125rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.5rem; + --plasma-typo-h5-font-size: 1rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.375rem; + --plasma-typo-h5-bold-font-size: 1rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; + --plasma-typo-text-l-font-size: 1.125rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 1.625rem; + --plasma-typo-text-l-bold-font-size: 1.125rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 1.625rem; + --plasma-typo-text-m-font-size: 1rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.5rem; + --plasma-typo-text-m-bold-font-size: 1rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.5rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; + } +} + +@media (min-width: 560px) and (max-width: 959px) { + .dark, .light { + --plasma-typo-dspl-l-font-size: 7rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 7rem; + --plasma-typo-dspl-l-bold-font-size: 7rem; + --plasma-typo-dspl-l-bold-font-weight: 600; + --plasma-typo-dspl-l-bold-line-height: 7rem; + --plasma-typo-dspl-m-font-size: 4.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 4.75rem; + --plasma-typo-dspl-m-bold-font-size: 4.5rem; + --plasma-typo-dspl-m-bold-font-weight: 600; + --plasma-typo-dspl-m-bold-line-height: 4.75rem; + --plasma-typo-dspl-s-font-size: 3rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 3.375rem; + --plasma-typo-dspl-s-bold-font-size: 3rem; + --plasma-typo-dspl-s-bold-font-weight: 600; + --plasma-typo-dspl-s-bold-line-height: 3.375rem; + --plasma-typo-h1-font-size: 2.5rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 2.875rem; + --plasma-typo-h1-bold-font-size: 2.5rem; + --plasma-typo-h1-bold-font-weight: 600; + --plasma-typo-h1-bold-line-height: 2.875rem; + --plasma-typo-h2-font-size: 1.75rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 2.125rem; + --plasma-typo-h2-bold-font-size: 1.75rem; + --plasma-typo-h2-bold-font-weight: 600; + --plasma-typo-h2-bold-line-height: 2.125rem; + --plasma-typo-h3-font-size: 1.25rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.625rem; + --plasma-typo-h3-bold-font-size: 1.25rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.625rem; + --plasma-typo-h4-font-size: 1.125rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.5rem; + --plasma-typo-h4-bold-font-size: 1.125rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.5rem; + --plasma-typo-h5-font-size: 1rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.375rem; + --plasma-typo-h5-bold-font-size: 1rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; + --plasma-typo-text-l-font-size: 1.25rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 1.75rem; + --plasma-typo-text-l-bold-font-size: 1.25rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 1.75rem; + --plasma-typo-text-m-font-size: 1rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.5rem; + --plasma-typo-text-m-bold-font-size: 1rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.5rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; + } +} + +@media (min-width: 960px) { + .dark, .light { + --plasma-typo-dspl-l-font-size: 8rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 8rem; + --plasma-typo-dspl-l-bold-font-size: 8rem; + --plasma-typo-dspl-l-bold-font-weight: 600; + --plasma-typo-dspl-l-bold-line-height: 8rem; + --plasma-typo-dspl-m-font-size: 5.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 5.75rem; + --plasma-typo-dspl-m-bold-font-size: 5.5rem; + --plasma-typo-dspl-m-bold-font-weight: 600; + --plasma-typo-dspl-m-bold-line-height: 5.75rem; + --plasma-typo-dspl-s-font-size: 4rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 4.25rem; + --plasma-typo-dspl-s-bold-font-size: 4rem; + --plasma-typo-dspl-s-bold-font-weight: 600; + --plasma-typo-dspl-s-bold-line-height: 4.25rem; + --plasma-typo-h1-font-size: 3rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 3.375rem; + --plasma-typo-h1-bold-font-size: 3rem; + --plasma-typo-h1-bold-font-weight: 600; + --plasma-typo-h1-bold-line-height: 3.375rem; + --plasma-typo-h2-font-size: 2rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 2.375rem; + --plasma-typo-h2-bold-font-size: 2rem; + --plasma-typo-h2-bold-font-weight: 600; + --plasma-typo-h2-bold-line-height: 2.375rem; + --plasma-typo-h3-font-size: 1.5rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.875rem; + --plasma-typo-h3-bold-font-size: 1.5rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.875rem; + --plasma-typo-h4-font-size: 1.25rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.625rem; + --plasma-typo-h4-bold-font-size: 1.25rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.625rem; + --plasma-typo-h5-font-size: 1.125rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.5rem; + --plasma-typo-h5-bold-font-size: 1.125rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.5rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; + --plasma-typo-text-l-font-size: 1.5rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 2rem; + --plasma-typo-text-l-bold-font-size: 1.5rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 2rem; + --plasma-typo-text-m-font-size: 1.125rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.625rem; + --plasma-typo-text-m-bold-font-size: 1.125rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.625rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; + } +} \ No newline at end of file diff --git a/packages/themes/sdds-themes/src/css/sdds_dfa__dark.css b/packages/themes/sdds-themes/src/css/sdds_dfa__dark.css new file mode 100644 index 0000000000..a9e40ddbac --- /dev/null +++ b/packages/themes/sdds-themes/src/css/sdds_dfa__dark.css @@ -0,0 +1,943 @@ +/* Generated by robots, do not change this manually! */ + +:root { + --text-primary-hover: #F5F5F593; + --text-primary-active: #F5F5F5C4; + --text-secondary-hover: #F5F5F5FF; + --text-secondary-active: #F5F5F5AB; + --text-tertiary-hover: #F5F5F5FF; + --text-tertiary-active: #F5F5F556; + --text-paragraph-hover: #F5F5F57A; + --text-paragraph-active: #F5F5F5A3; + --text-accent-hover: #17E8ADFF; + --text-accent-active: #11B083FF; + --text-accent-minor-hover: #ABFCE5FF; + --text-accent-minor-active: #70FAD3FF; + --text-positive-hover: #2ACB47FF; + --text-positive-active: #1F9835FF; + --text-warning-hover: #FF8442FF; + --text-warning-active: #FF5D05FF; + --text-negative-hover: #FF5C6CFF; + --text-negative-active: #FF1F35FF; + --text-info-hover: #50B1F2FF; + --text-info-active: #0F7BC2FF; + --text-positive-minor-hover: #64F77FFF; + --text-positive-minor-active: #81F897FF; + --text-warning-minor-hover: #FDBC96FF; + --text-warning-minor-active: #FDCFB4FF; + --text-negative-minor-hover: #FFA3ACFF; + --text-negative-minor-active: #FFC2C8FF; + --text-info-minor-hover: #94D4FFFF; + --text-info-minor-active: #B3E0FFFF; + --text-primary: #F5F5F5F5; + --text-secondary: #F5F5F58F; + --text-tertiary: #F5F5F547; + --text-paragraph: #F5F5F5CC; + --text-accent: #14CC98; + --text-positive: #24B23E; + --text-warning: #FF7024; + --text-negative: #FF3D51; + --on-dark-text-primary-hover: #F5F5F593; + --on-dark-text-primary-active: #F5F5F5C4; + --on-dark-text-secondary-hover: #F5F5F5FF; + --on-dark-text-secondary-active: #F5F5F5AB; + --on-dark-text-tertiary-hover: #F5F5F5FF; + --on-dark-text-tertiary-active: #F5F5F556; + --on-dark-text-paragraph-hover: #F5F5F57A; + --on-dark-text-paragraph-active: #F5F5F5A3; + --on-dark-text-accent-hover: #17E8ADFF; + --on-dark-text-accent-active: #11B083FF; + --on-dark-text-accent-minor-hover: #ABFCE5FF; + --on-dark-text-accent-minor-active: #70FAD3FF; + --on-dark-text-positive-hover: #2ACB47FF; + --on-dark-text-positive-active: #1F9835FF; + --on-dark-text-warning-hover: #FF8442FF; + --on-dark-text-warning-active: #FF5D05FF; + --on-dark-text-negative-hover: #FF5C6CFF; + --on-dark-text-negative-active: #FF1F35FF; + --on-dark-text-info-hover: #50B1F2FF; + --on-dark-text-info-active: #0F7BC2FF; + --on-dark-text-positive-minor-hover: #64F77FFF; + --on-dark-text-positive-minor-active: #81F897FF; + --on-dark-text-warning-minor-hover: #FDBC96FF; + --on-dark-text-warning-minor-active: #FDCFB4FF; + --on-dark-text-negative-minor-hover: #FFA3ACFF; + --on-dark-text-negative-minor-active: #FFC2C8FF; + --on-dark-text-info-minor-hover: #94D4FFFF; + --on-dark-text-info-minor-active: #B3E0FFFF; + --on-dark-text-primary: #F5F5F5F5; + --on-dark-text-secondary: #F5F5F58F; + --on-dark-text-tertiary: #F5F5F547; + --on-dark-text-paragraph: #F5F5F5CC; + --on-dark-text-accent: #14CC98; + --on-dark-text-positive: #24B23E; + --on-dark-text-warning: #FF7024; + --on-dark-text-negative: #FF3D51; + --on-light-text-primary-hover: #17171793; + --on-light-text-primary-active: #171717C4; + --on-light-text-secondary-hover: #171717FF; + --on-light-text-secondary-active: #171717AB; + --on-light-text-tertiary-hover: #171717FF; + --on-light-text-tertiary-active: #17171756; + --on-light-text-paragraph-hover: #1717177A; + --on-light-text-paragraph-active: #171717A3; + --on-light-text-accent-hover: #06B785FF; + --on-light-text-accent-active: #047C5AFF; + --on-light-text-accent-minor-hover: #10604AFF; + --on-light-text-accent-minor-active: #0B4636FF; + --on-light-text-positive-hover: #1EB83AFF; + --on-light-text-positive-active: #15842AFF; + --on-light-text-warning-hover: #FB7223FF; + --on-light-text-warning-active: #DC5304FF; + --on-light-text-negative-hover: #FF475AFF; + --on-light-text-negative-active: #FF0A23FF; + --on-light-text-info-hover: #34A7F4FF; + --on-light-text-info-active: #096CAEFF; + --on-light-text-positive-minor-hover: #155B22FF; + --on-light-text-positive-minor-active: #104219FF; + --on-light-text-warning-minor-hover: #723613FF; + --on-light-text-warning-minor-active: #58290EFF; + --on-light-text-negative-minor-hover: #7E1621FF; + --on-light-text-negative-minor-active: #64121AFF; + --on-light-text-info-minor-hover: #174B6EFF; + --on-light-text-info-minor-active: #113A55FF; + --on-light-text-primary: #171717F5; + --on-light-text-secondary: #1717178F; + --on-light-text-tertiary: #17171747; + --on-light-text-paragraph: #171717CC; + --on-light-text-accent: #05996F; + --on-light-text-positive: #1A9E32; + --on-light-text-warning: #FA5F05; + --on-light-text-negative: #FF293E; + --inverse-text-primary-hover: #17171793; + --inverse-text-primary-active: #171717C4; + --inverse-text-secondary-hover: #171717FF; + --inverse-text-secondary-active: #171717AB; + --inverse-text-tertiary-hover: #171717FF; + --inverse-text-tertiary-active: #17171756; + --inverse-text-paragraph-hover: #1717177A; + --inverse-text-paragraph-active: #171717A3; + --inverse-text-accent-hover: #06B785FF; + --inverse-text-accent-active: #047C5AFF; + --inverse-text-accent-minor-hover: #10604AFF; + --inverse-text-accent-minor-active: #0B4636FF; + --inverse-text-positive-hover: #1EB83AFF; + --inverse-text-positive-active: #15842AFF; + --inverse-text-warning-hover: #FB7223FF; + --inverse-text-warning-active: #DC5304FF; + --inverse-text-negative-hover: #FF475AFF; + --inverse-text-negative-active: #FF0A23FF; + --inverse-text-info-hover: #34A7F4FF; + --inverse-text-info-active: #096CAEFF; + --inverse-text-positive-minor-hover: #155B22FF; + --inverse-text-positive-minor-active: #104219FF; + --inverse-text-warning-minor-hover: #723613FF; + --inverse-text-warning-minor-active: #58290EFF; + --inverse-text-negative-minor-hover: #7E1621FF; + --inverse-text-negative-minor-active: #64121AFF; + --inverse-text-info-minor-hover: #174B6EFF; + --inverse-text-info-minor-active: #113A55FF; + --inverse-text-primary: #171717F5; + --inverse-text-secondary: #1717178F; + --inverse-text-tertiary: #17171747; + --inverse-text-paragraph: #171717CC; + --inverse-text-accent: #05996F; + --inverse-text-positive: #1A9E32; + --inverse-text-warning: #FA5F05; + --inverse-text-negative: #FF293E; + --surface-solid-primary-hover: #1C1C1CFF; + --surface-solid-primary-active: #121212FF; + --surface-solid-secondary-hover: #303030FF; + --surface-solid-secondary-active: #212121FF; + --surface-solid-tertiary-hover: #404040FF; + --surface-solid-tertiary-active: #303030FF; + --surface-solid-card-hover: #303030FF; + --surface-solid-card-active: #212121FF; + --surface-solid-default-hover: #FFFFFFFF; + --surface-solid-default-active: #F5F5F5FF; + --surface-transparent-primary-hover: #FFFFFF1F; + --surface-transparent-primary-active: #FFFFFF0A; + --surface-transparent-secondary-hover: #FFFFFF3D; + --surface-transparent-secondary-active: #FFFFFF0F; + --surface-transparent-tertiary-hover: #FFFFFF52; + --surface-transparent-tertiary-active: #FFFFFF24; + --surface-transparent-deep-hover: #FFFFFFC2; + --surface-transparent-deep-active: #FFFFFF94; + --surface-transparent-card-hover: #FFFFFF3D; + --surface-transparent-card-active: #FFFFFF0F; + --surface-clear-hover: #FFFFFF00; + --surface-clear-active: #FFFFFF00; + --surface-accent-hover: #00C28BFF; + --surface-accent-active: #00A375FF; + --surface-accent-minor-hover: #0A3D2FFF; + --surface-accent-minor-active: #06231BFF; + --surface-transparent-accent-hover: #14CC9866; + --surface-transparent-accent-active: #14CC9838; + --surface-positive-hover: #28C344FF; + --surface-positive-active: #23A93BFF; + --surface-warning-hover: #FF8442FF; + --surface-warning-active: #FF6A1AFF; + --surface-negative-hover: #FF5C6CFF; + --surface-negative-active: #FF3347FF; + --surface-info-hover: #1798EEFF; + --surface-info-active: #1086D5FF; + --surface-positive-minor-hover: #0E3A16FF; + --surface-positive-minor-active: #08210CFF; + --surface-warning-minor-hover: #4F250DFF; + --surface-warning-minor-active: #351909FF; + --surface-negative-minor-hover: #5B1018FF; + --surface-negative-minor-active: #410B11FF; + --surface-info-minor-hover: #10344CFF; + --surface-info-minor-active: #0A2333FF; + --surface-transparent-positive-hover: #1A9E3266; + --surface-transparent-positive-active: #1A9E3238; + --surface-transparent-warning-hover: #FA5F0566; + --surface-transparent-warning-active: #FA5F0538; + --surface-transparent-negative-hover: #FF293E66; + --surface-transparent-negative-active: #FF293E38; + --surface-transparent-info-hover: #118CDF66; + --surface-transparent-info-active: #118CDF38; + --surface-clear: #FFFFFF00; + --surface-solid-card: #262626; + --surface-solid-primary: #171717; + --surface-solid-secondary: #262626; + --surface-solid-tertiary: #363636; + --surface-solid-default: #F9F9F9; + --surface-accent: #00AC7B; + --surface-positive: #24B23E; + --surface-warning: #FF7024; + --surface-negative: #FF3D51; + --surface-transparent-card: #FFFFFF1F; + --surface-transparent-primary: #FFFFFF0F; + --surface-transparent-secondary: #FFFFFF1F; + --surface-transparent-tertiary: #FFFFFF33; + --surface-transparent-deep: #FFFFFFA3; + --on-dark-surface-solid-primary-hover: #1C1C1CFF; + --on-dark-surface-solid-primary-active: #121212FF; + --on-dark-surface-solid-secondary-hover: #303030FF; + --on-dark-surface-solid-secondary-active: #212121FF; + --on-dark-surface-solid-tertiary-hover: #404040FF; + --on-dark-surface-solid-tertiary-active: #303030FF; + --on-dark-surface-solid-card-hover: #303030FF; + --on-dark-surface-solid-card-active: #212121FF; + --on-dark-surface-solid-default-hover: #FFFFFFFF; + --on-dark-surface-solid-default-active: #F5F5F5FF; + --on-dark-surface-transparent-primary-hover: #FFFFFF1F; + --on-dark-surface-transparent-primary-active: #FFFFFF0A; + --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; + --on-dark-surface-transparent-secondary-active: #FFFFFF0F; + --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; + --on-dark-surface-transparent-tertiary-active: #FFFFFF24; + --on-dark-surface-transparent-deep-hover: #FFFFFFC2; + --on-dark-surface-transparent-deep-active: #FFFFFF94; + --on-dark-surface-transparent-card-hover: #FFFFFF3D; + --on-dark-surface-transparent-card-active: #FFFFFF0F; + --on-dark-surface-clear-hover: #FFFFFF00; + --on-dark-surface-clear-active: #FFFFFF00; + --on-dark-surface-accent-hover: #00C28BFF; + --on-dark-surface-accent-active: #00A375FF; + --on-dark-surface-accent-minor-hover: #0A3D2FFF; + --on-dark-surface-accent-minor-active: #06231BFF; + --on-dark-surface-transparent-accent-hover: #14CC9866; + --on-dark-surface-transparent-accent-active: #14CC9838; + --on-dark-surface-positive-hover: #28C344FF; + --on-dark-surface-positive-active: #23A93BFF; + --on-dark-surface-warning-hover: #FF8442FF; + --on-dark-surface-warning-active: #FF6A1AFF; + --on-dark-surface-negative-hover: #FF5C6CFF; + --on-dark-surface-negative-active: #FF3347FF; + --on-dark-surface-info-hover: #1798EEFF; + --on-dark-surface-info-active: #1086D5FF; + --on-dark-surface-positive-minor-hover: #0E3A16FF; + --on-dark-surface-positive-minor-active: #08210CFF; + --on-dark-surface-warning-minor-hover: #4F250DFF; + --on-dark-surface-warning-minor-active: #351909FF; + --on-dark-surface-negative-minor-hover: #5B1018FF; + --on-dark-surface-negative-minor-active: #410B11FF; + --on-dark-surface-info-minor-hover: #10344CFF; + --on-dark-surface-info-minor-active: #0A2333FF; + --on-dark-surface-transparent-positive-hover: #1A9E3266; + --on-dark-surface-transparent-positive-active: #1A9E3238; + --on-dark-surface-transparent-warning-hover: #FA5F0566; + --on-dark-surface-transparent-warning-active: #FA5F0538; + --on-dark-surface-transparent-negative-hover: #FF293E66; + --on-dark-surface-transparent-negative-active: #FF293E38; + --on-dark-surface-transparent-info-hover: #118CDF66; + --on-dark-surface-transparent-info-active: #118CDF38; + --on-dark-surface-clear: #FFFFFF00; + --on-dark-surface-solid-primary: #171717; + --on-dark-surface-solid-secondary: #262626; + --on-dark-surface-solid-tertiary: #363636; + --on-dark-surface-solid-card: #262626; + --on-dark-surface-solid-default: #F9F9F9; + --on-dark-surface-accent: #00AC7B; + --on-dark-surface-positive: #24B23E; + --on-dark-surface-warning: #FF7024; + --on-dark-surface-negative: #FF3D51; + --on-dark-surface-transparent-card: #FFFFFF1F; + --on-dark-surface-transparent-primary: #FFFFFF0F; + --on-dark-surface-transparent-secondary: #FFFFFF1F; + --on-dark-surface-transparent-tertiary: #FFFFFF33; + --on-dark-surface-transparent-deep: #FFFFFFA3; + --on-light-surface-solid-primary-hover: #FAFAFAFF; + --on-light-surface-solid-primary-active: #F0F0F0FF; + --on-light-surface-solid-secondary-hover: #E8E8E8FF; + --on-light-surface-solid-secondary-active: #D9D9D9FF; + --on-light-surface-solid-tertiary-hover: #D1D1D1FF; + --on-light-surface-solid-tertiary-active: #C2C2C2FF; + --on-light-surface-solid-card-hover: #FFFFFFFF; + --on-light-surface-solid-card-active: #FFFFFFFF; + --on-light-surface-solid-default-hover: #0D0D0DFF; + --on-light-surface-solid-default-active: #030303FF; + --on-light-surface-transparent-primary-hover: #0808080F; + --on-light-surface-transparent-primary-active: #08080800; + --on-light-surface-transparent-secondary-hover: #0808081F; + --on-light-surface-transparent-secondary-active: #0808080A; + --on-light-surface-transparent-tertiary-hover: #0808083D; + --on-light-surface-transparent-tertiary-active: #0808080F; + --on-light-surface-transparent-deep-hover: #080808C2; + --on-light-surface-transparent-deep-active: #08080894; + --on-light-surface-transparent-card-hover: #FFFFFFFF; + --on-light-surface-transparent-card-active: #FFFFFFFF; + --on-light-surface-clear-hover: #FFFFFF00; + --on-light-surface-clear-active: #FFFFFF00; + --on-light-surface-accent-hover: #05AD7EFF; + --on-light-surface-accent-active: #048F68FF; + --on-light-surface-accent-minor-hover: #7AF5D2FF; + --on-light-surface-accent-minor-active: #4BF1C2FF; + --on-light-surface-transparent-accent-hover: #05996F66; + --on-light-surface-transparent-accent-active: #05996F38; + --on-light-surface-positive-hover: #1DAF37FF; + --on-light-surface-positive-active: #18952FFF; + --on-light-surface-warning-hover: #FB7223FF; + --on-light-surface-warning-active: #F05B05FF; + --on-light-surface-negative-hover: #FF475AFF; + --on-light-surface-negative-active: #FF1F35FF; + --on-light-surface-info-hover: #1798EEFF; + --on-light-surface-info-active: #1086D5FF; + --on-light-surface-positive-minor-hover: #8AF59DFF; + --on-light-surface-positive-minor-active: #6EF286FF; + --on-light-surface-warning-minor-hover: #FFDECCFF; + --on-light-surface-warning-minor-active: #FFCAADFF; + --on-light-surface-negative-minor-hover: #FED7DBFF; + --on-light-surface-negative-minor-active: #FEC3C9FF; + --on-light-surface-info-minor-hover: #C7E9FFFF; + --on-light-surface-info-minor-active: #A8DCFFFF; + --on-light-surface-transparent-positive-hover: #1A9E3266; + --on-light-surface-transparent-positive-active: #1A9E3238; + --on-light-surface-transparent-warning-hover: #FA5F0566; + --on-light-surface-transparent-warning-active: #FA5F0538; + --on-light-surface-transparent-negative-hover: #FF293E66; + --on-light-surface-transparent-negative-active: #FF293E38; + --on-light-surface-transparent-info-hover: #118CDF66; + --on-light-surface-transparent-info-active: #118CDF38; + --on-light-surface-solid-primary: #F5F5F5; + --on-light-surface-solid-secondary: #DDDDDD; + --on-light-surface-solid-tertiary: #C7C7C7; + --on-light-surface-solid-card: #FFFFFFFF; + --on-light-surface-solid-default: #080808; + --on-light-surface-clear: #FFFFFF00; + --on-light-surface-accent: #05996F; + --on-light-surface-positive: #1A9E32; + --on-light-surface-warning: #FA5F05; + --on-light-surface-negative: #FF293E; + --on-light-surface-transparent-card: #FFFFFFFF; + --on-light-surface-transparent-primary: #08080805; + --on-light-surface-transparent-secondary: #0808080F; + --on-light-surface-transparent-tertiary: #0808081F; + --on-light-surface-transparent-deep: #080808A3; + --inverse-surface-solid-primary-hover: #FAFAFAFF; + --inverse-surface-solid-primary-active: #F0F0F0FF; + --inverse-surface-solid-secondary-hover: #E8E8E8FF; + --inverse-surface-solid-secondary-active: #D9D9D9FF; + --inverse-surface-solid-tertiary-hover: #D1D1D1FF; + --inverse-surface-solid-tertiary-active: #C2C2C2FF; + --inverse-surface-solid-card-hover: #FFFFFFFF; + --inverse-surface-solid-card-active: #FFFFFFFF; + --inverse-surface-solid-default-hover: #0D0D0DFF; + --inverse-surface-solid-default-active: #030303FF; + --inverse-surface-transparent-primary-hover: #0808080F; + --inverse-surface-transparent-primary-active: #08080800; + --inverse-surface-transparent-secondary-hover: #0808081F; + --inverse-surface-transparent-secondary-active: #0808080A; + --inverse-surface-transparent-tertiary-hover: #0808083D; + --inverse-surface-transparent-tertiary-active: #0808080F; + --inverse-surface-transparent-deep-hover: #080808C2; + --inverse-surface-transparent-deep-active: #08080894; + --inverse-surface-transparent-card-hover: #FFFFFFFF; + --inverse-surface-transparent-card-active: #FFFFFFFF; + --inverse-surface-clear-hover: #FFFFFF00; + --inverse-surface-clear-active: #FFFFFF00; + --inverse-surface-accent-hover: #05AD7EFF; + --inverse-surface-accent-active: #048F68FF; + --inverse-surface-accent-minor-hover: #7AF5D2FF; + --inverse-surface-accent-minor-active: #4BF1C2FF; + --inverse-surface-transparent-accent-hover: #05996F66; + --inverse-surface-transparent-accent-active: #05996F38; + --inverse-surface-positive-hover: #1DAF37FF; + --inverse-surface-positive-active: #18952FFF; + --inverse-surface-warning-hover: #FB7223FF; + --inverse-surface-warning-active: #F05B05FF; + --inverse-surface-negative-hover: #FF475AFF; + --inverse-surface-negative-active: #FF1F35FF; + --inverse-surface-info-hover: #1798EEFF; + --inverse-surface-info-active: #1086D5FF; + --inverse-surface-positive-minor-hover: #8AF59DFF; + --inverse-surface-positive-minor-active: #6EF286FF; + --inverse-surface-warning-minor-hover: #FFDECCFF; + --inverse-surface-warning-minor-active: #FFCAADFF; + --inverse-surface-negative-minor-hover: #FED7DBFF; + --inverse-surface-negative-minor-active: #FEC3C9FF; + --inverse-surface-info-minor-hover: #C7E9FFFF; + --inverse-surface-info-minor-active: #A8DCFFFF; + --inverse-surface-transparent-positive-hover: #1A9E3266; + --inverse-surface-transparent-positive-active: #1A9E3238; + --inverse-surface-transparent-warning-hover: #FA5F0566; + --inverse-surface-transparent-warning-active: #FA5F0538; + --inverse-surface-transparent-negative-hover: #FF293E66; + --inverse-surface-transparent-negative-active: #FF293E38; + --inverse-surface-transparent-info-hover: #118CDF66; + --inverse-surface-transparent-info-active: #118CDF38; + --inverse-surface-solid-primary: #F5F5F5; + --inverse-surface-solid-secondary: #DDDDDD; + --inverse-surface-solid-tertiary: #C7C7C7; + --inverse-surface-solid-card: #FFFFFFFF; + --inverse-surface-solid-default: #080808; + --inverse-surface-clear: #FFFFFF00; + --inverse-surface-accent: #05996F; + --inverse-surface-positive: #1A9E32; + --inverse-surface-warning: #FA5F05; + --inverse-surface-negative: #FF293E; + --inverse-surface-transparent-card: #FFFFFFFF; + --inverse-surface-transparent-primary: #08080805; + --inverse-surface-transparent-secondary: #0808080F; + --inverse-surface-transparent-tertiary: #0808081F; + --inverse-surface-transparent-deep: #080808A3; + --background-primary: #171717; + --dark-background-primary: #171717; + --light-background-primary: #F5F5F5; + --inverse-background-primary: #F5F5F5; + --overlay-soft: #0808088F; + --overlay-hard: #080808F5; + --overlay-blur: #08080833; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080833; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F933; + --inverse-overlay-soft: #F9F9F98F; + --inverse-overlay-hard: #F9F9F9F5; + --inverse-overlay-blur: #F9F9F933; + color: var(--text-primary); + background-color: var(--background-primary); +} + +:root { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%); + --on-dark-text-accent-gradient-hover: #CCCCCCFF; + --on-dark-text-accent-gradient-active: #E6E6E6FF; + --on-dark-text-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%); + --on-light-text-accent-gradient-hover: #CCCCCCFF; + --on-light-text-accent-gradient-active: #E6E6E6FF; + --on-light-text-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%); + --inverse-text-accent-gradient-hover: #CCCCCCFF; + --inverse-text-accent-gradient-active: #E6E6E6FF; + --inverse-text-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient-hover: #FFFFFFFF; + --inverse-surface-accent-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%); + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + +:root { + font-size: 16px; + --plasma-typo-overflow-wrap: break-word; + --plasma-typo-hyphens: auto; + --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-l-letter-spacing: normal; + --plasma-typo-dspl-l-font-style: normal; + --plasma-typo-dspl-l-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-l-bold-letter-spacing: normal; + --plasma-typo-dspl-l-bold-font-style: normal; + --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-m-letter-spacing: normal; + --plasma-typo-dspl-m-font-style: normal; + --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-m-bold-letter-spacing: normal; + --plasma-typo-dspl-m-bold-font-style: normal; + --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-s-letter-spacing: normal; + --plasma-typo-dspl-s-font-style: normal; + --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-s-bold-letter-spacing: normal; + --plasma-typo-dspl-s-bold-font-style: normal; + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h1-letter-spacing: normal; + --plasma-typo-h1-font-style: normal; + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h1-bold-letter-spacing: normal; + --plasma-typo-h1-bold-font-style: normal; + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h2-letter-spacing: normal; + --plasma-typo-h2-font-style: normal; + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h2-bold-letter-spacing: normal; + --plasma-typo-h2-bold-font-style: normal; + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h3-letter-spacing: normal; + --plasma-typo-h3-font-style: normal; + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h3-bold-letter-spacing: normal; + --plasma-typo-h3-bold-font-style: normal; + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h4-letter-spacing: normal; + --plasma-typo-h4-font-style: normal; + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h4-bold-letter-spacing: normal; + --plasma-typo-h4-bold-font-style: normal; + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h5-letter-spacing: normal; + --plasma-typo-h5-font-style: normal; + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h5-bold-letter-spacing: normal; + --plasma-typo-h5-bold-font-style: normal; + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-l-letter-spacing: -0.02em; + --plasma-typo-body-l-font-style: normal; + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-l-bold-letter-spacing: -0.02em; + --plasma-typo-body-l-bold-font-style: normal; + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-m-letter-spacing: -0.02em; + --plasma-typo-body-m-font-style: normal; + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-m-bold-letter-spacing: -0.02em; + --plasma-typo-body-m-bold-font-style: normal; + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-s-letter-spacing: -0.02em; + --plasma-typo-body-s-font-style: normal; + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-s-bold-letter-spacing: -0.02em; + --plasma-typo-body-s-bold-font-style: normal; + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xs-letter-spacing: -0.02em; + --plasma-typo-body-xs-font-style: normal; + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xs-bold-letter-spacing: -0.02em; + --plasma-typo-body-xs-bold-font-style: normal; + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xxs-letter-spacing: -0.02em; + --plasma-typo-body-xxs-font-style: normal; + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; + --plasma-typo-body-xxs-bold-font-style: normal; + --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-l-letter-spacing: -0.02em; + --plasma-typo-text-l-font-style: normal; + --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-l-bold-letter-spacing: -0.02em; + --plasma-typo-text-l-bold-font-style: normal; + --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-m-letter-spacing: -0.02em; + --plasma-typo-text-m-font-style: normal; + --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-m-bold-letter-spacing: -0.02em; + --plasma-typo-text-m-bold-font-style: normal; + --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-s-letter-spacing: -0.02em; + --plasma-typo-text-s-font-style: normal; + --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-s-bold-letter-spacing: -0.02em; + --plasma-typo-text-s-bold-font-style: normal; + --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-xs-letter-spacing: -0.02em; + --plasma-typo-text-xs-font-style: normal; + --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-xs-bold-letter-spacing: -0.02em; + --plasma-typo-text-xs-bold-font-style: normal; +} + +@media (max-width: 559px) { + :root { + --plasma-typo-dspl-l-font-size: 5.5rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 5.75rem; + --plasma-typo-dspl-l-bold-font-size: 5.5rem; + --plasma-typo-dspl-l-bold-font-weight: 600; + --plasma-typo-dspl-l-bold-line-height: 5.75rem; + --plasma-typo-dspl-m-font-size: 3.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 3.875rem; + --plasma-typo-dspl-m-bold-font-size: 3.5rem; + --plasma-typo-dspl-m-bold-font-weight: 600; + --plasma-typo-dspl-m-bold-line-height: 3.875rem; + --plasma-typo-dspl-s-font-size: 2.5rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 2.875rem; + --plasma-typo-dspl-s-bold-font-size: 2.5rem; + --plasma-typo-dspl-s-bold-font-weight: 600; + --plasma-typo-dspl-s-bold-line-height: 2.875rem; + --plasma-typo-h1-font-size: 1.75rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 2.125rem; + --plasma-typo-h1-bold-font-size: 1.75rem; + --plasma-typo-h1-bold-font-weight: 600; + --plasma-typo-h1-bold-line-height: 2.125rem; + --plasma-typo-h2-font-size: 1.5rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 1.875rem; + --plasma-typo-h2-bold-font-size: 1.5rem; + --plasma-typo-h2-bold-font-weight: 600; + --plasma-typo-h2-bold-line-height: 1.875rem; + --plasma-typo-h3-font-size: 1.25rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.625rem; + --plasma-typo-h3-bold-font-size: 1.25rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.625rem; + --plasma-typo-h4-font-size: 1.125rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.5rem; + --plasma-typo-h4-bold-font-size: 1.125rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.5rem; + --plasma-typo-h5-font-size: 1rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.375rem; + --plasma-typo-h5-bold-font-size: 1rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; + --plasma-typo-text-l-font-size: 1.125rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 1.625rem; + --plasma-typo-text-l-bold-font-size: 1.125rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 1.625rem; + --plasma-typo-text-m-font-size: 1rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.5rem; + --plasma-typo-text-m-bold-font-size: 1rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.5rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; + } +} + +@media (min-width: 560px) and (max-width: 959px) { + :root { + --plasma-typo-dspl-l-font-size: 7rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 7rem; + --plasma-typo-dspl-l-bold-font-size: 7rem; + --plasma-typo-dspl-l-bold-font-weight: 600; + --plasma-typo-dspl-l-bold-line-height: 7rem; + --plasma-typo-dspl-m-font-size: 4.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 4.75rem; + --plasma-typo-dspl-m-bold-font-size: 4.5rem; + --plasma-typo-dspl-m-bold-font-weight: 600; + --plasma-typo-dspl-m-bold-line-height: 4.75rem; + --plasma-typo-dspl-s-font-size: 3rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 3.375rem; + --plasma-typo-dspl-s-bold-font-size: 3rem; + --plasma-typo-dspl-s-bold-font-weight: 600; + --plasma-typo-dspl-s-bold-line-height: 3.375rem; + --plasma-typo-h1-font-size: 2.5rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 2.875rem; + --plasma-typo-h1-bold-font-size: 2.5rem; + --plasma-typo-h1-bold-font-weight: 600; + --plasma-typo-h1-bold-line-height: 2.875rem; + --plasma-typo-h2-font-size: 1.75rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 2.125rem; + --plasma-typo-h2-bold-font-size: 1.75rem; + --plasma-typo-h2-bold-font-weight: 600; + --plasma-typo-h2-bold-line-height: 2.125rem; + --plasma-typo-h3-font-size: 1.25rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.625rem; + --plasma-typo-h3-bold-font-size: 1.25rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.625rem; + --plasma-typo-h4-font-size: 1.125rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.5rem; + --plasma-typo-h4-bold-font-size: 1.125rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.5rem; + --plasma-typo-h5-font-size: 1rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.375rem; + --plasma-typo-h5-bold-font-size: 1rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; + --plasma-typo-text-l-font-size: 1.25rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 1.75rem; + --plasma-typo-text-l-bold-font-size: 1.25rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 1.75rem; + --plasma-typo-text-m-font-size: 1rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.5rem; + --plasma-typo-text-m-bold-font-size: 1rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.5rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; + } +} + +@media (min-width: 960px) { + :root { + --plasma-typo-dspl-l-font-size: 8rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 8rem; + --plasma-typo-dspl-l-bold-font-size: 8rem; + --plasma-typo-dspl-l-bold-font-weight: 600; + --plasma-typo-dspl-l-bold-line-height: 8rem; + --plasma-typo-dspl-m-font-size: 5.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 5.75rem; + --plasma-typo-dspl-m-bold-font-size: 5.5rem; + --plasma-typo-dspl-m-bold-font-weight: 600; + --plasma-typo-dspl-m-bold-line-height: 5.75rem; + --plasma-typo-dspl-s-font-size: 4rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 4.25rem; + --plasma-typo-dspl-s-bold-font-size: 4rem; + --plasma-typo-dspl-s-bold-font-weight: 600; + --plasma-typo-dspl-s-bold-line-height: 4.25rem; + --plasma-typo-h1-font-size: 3rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 3.375rem; + --plasma-typo-h1-bold-font-size: 3rem; + --plasma-typo-h1-bold-font-weight: 600; + --plasma-typo-h1-bold-line-height: 3.375rem; + --plasma-typo-h2-font-size: 2rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 2.375rem; + --plasma-typo-h2-bold-font-size: 2rem; + --plasma-typo-h2-bold-font-weight: 600; + --plasma-typo-h2-bold-line-height: 2.375rem; + --plasma-typo-h3-font-size: 1.5rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.875rem; + --plasma-typo-h3-bold-font-size: 1.5rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.875rem; + --plasma-typo-h4-font-size: 1.25rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.625rem; + --plasma-typo-h4-bold-font-size: 1.25rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.625rem; + --plasma-typo-h5-font-size: 1.125rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.5rem; + --plasma-typo-h5-bold-font-size: 1.125rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.5rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; + --plasma-typo-text-l-font-size: 1.5rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 2rem; + --plasma-typo-text-l-bold-font-size: 1.5rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 2rem; + --plasma-typo-text-m-font-size: 1.125rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.625rem; + --plasma-typo-text-m-bold-font-size: 1.125rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.625rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; + } +} \ No newline at end of file diff --git a/packages/themes/sdds-themes/src/css/sdds_dfa__light.css b/packages/themes/sdds-themes/src/css/sdds_dfa__light.css new file mode 100644 index 0000000000..6523fe9435 --- /dev/null +++ b/packages/themes/sdds-themes/src/css/sdds_dfa__light.css @@ -0,0 +1,943 @@ +/* Generated by robots, do not change this manually! */ + +:root { + --text-primary-hover: #17171793; + --text-primary-active: #171717C4; + --text-secondary-hover: #171717FF; + --text-secondary-active: #171717AB; + --text-tertiary-hover: #171717FF; + --text-tertiary-active: #17171756; + --text-paragraph-hover: #1717177A; + --text-paragraph-active: #171717A3; + --text-accent-hover: #06C18CFF; + --text-accent-active: #047253FF; + --text-accent-minor-hover: #137257FF; + --text-accent-minor-active: #0D4F3CFF; + --text-positive-hover: #1FC13DFF; + --text-positive-active: #147B27FF; + --text-warning-hover: #FB782DFF; + --text-warning-active: #D25004FF; + --text-negative-hover: #FF5263FF; + --text-negative-active: #FF001AFF; + --text-info-hover: #0D96F2FF; + --text-info-active: #0966A5FF; + --text-positive-minor-hover: #196B28FF; + --text-positive-minor-active: #114A1CFF; + --text-warning-minor-hover: #843E15FF; + --text-warning-minor-active: #602D10FF; + --text-negative-minor-hover: #8F1925FF; + --text-negative-minor-active: #6C131CFF; + --text-info-minor-hover: #1A577FFF; + --text-info-minor-active: #13405DFF; + --text-primary: #171717F5; + --text-secondary: #1717178F; + --text-tertiary: #17171747; + --text-paragraph: #171717CC; + --text-accent: #05996F; + --text-positive: #1A9E32; + --text-warning: #FA5F05; + --text-negative: #FF293E; + --on-dark-text-primary-hover: #F5F5F593; + --on-dark-text-primary-active: #F5F5F5C4; + --on-dark-text-secondary-hover: #F5F5F5FF; + --on-dark-text-secondary-active: #F5F5F5AB; + --on-dark-text-tertiary-hover: #F5F5F5FF; + --on-dark-text-tertiary-active: #F5F5F556; + --on-dark-text-paragraph-hover: #F5F5F57A; + --on-dark-text-paragraph-active: #F5F5F5A3; + --on-dark-text-accent-hover: #20E9B0FF; + --on-dark-text-accent-active: #11A77CFF; + --on-dark-text-accent-minor-hover: #B5FCE8FF; + --on-dark-text-accent-minor-active: #66F9D0FF; + --on-dark-text-positive-hover: #2BD44AFF; + --on-dark-text-positive-active: #1D9032FF; + --on-dark-text-warning-hover: #FF8B4DFF; + --on-dark-text-warning-active: #FA5700FF; + --on-dark-text-negative-hover: #FF6675FF; + --on-dark-text-negative-active: #FF142CFF; + --on-dark-text-info-hover: #2AA0EFFF; + --on-dark-text-info-active: #0E75B9FF; + --on-dark-text-positive-minor-hover: #C5FCCFFF; + --on-dark-text-positive-minor-active: #77F88FFF; + --on-dark-text-warning-minor-hover: #FFFCFAFF; + --on-dark-text-warning-minor-active: #FDC9AAFF; + --on-dark-text-negative-minor-hover: #FFFFFFFF; + --on-dark-text-negative-minor-active: #FFB8BFFF; + --on-dark-text-info-minor-hover: #FAFDFFFF; + --on-dark-text-info-minor-active: #A8DCFFFF; + --on-dark-text-primary: #F5F5F5F5; + --on-dark-text-secondary: #F5F5F58F; + --on-dark-text-tertiary: #F5F5F547; + --on-dark-text-paragraph: #F5F5F5CC; + --on-dark-text-accent: #14CC98; + --on-dark-text-positive: #24B23E; + --on-dark-text-warning: #FF7024; + --on-dark-text-negative: #FF3D51; + --on-light-text-primary-hover: #17171793; + --on-light-text-primary-active: #171717C4; + --on-light-text-secondary-hover: #171717FF; + --on-light-text-secondary-active: #171717AB; + --on-light-text-tertiary-hover: #171717FF; + --on-light-text-tertiary-active: #17171756; + --on-light-text-paragraph-hover: #1717177A; + --on-light-text-paragraph-active: #171717A3; + --on-light-text-accent-hover: #06C18CFF; + --on-light-text-accent-active: #047253FF; + --on-light-text-accent-minor-hover: #137257FF; + --on-light-text-accent-minor-active: #0D4F3CFF; + --on-light-text-positive-hover: #1FC13DFF; + --on-light-text-positive-active: #147B27FF; + --on-light-text-warning-hover: #FB782DFF; + --on-light-text-warning-active: #D25004FF; + --on-light-text-negative-hover: #FF5263FF; + --on-light-text-negative-active: #FF001AFF; + --on-light-text-info-hover: #0D96F2FF; + --on-light-text-info-active: #0966A5FF; + --on-light-text-positive-minor-hover: #196B28FF; + --on-light-text-positive-minor-active: #114A1CFF; + --on-light-text-warning-minor-hover: #843E15FF; + --on-light-text-warning-minor-active: #602D10FF; + --on-light-text-negative-minor-hover: #8F1925FF; + --on-light-text-negative-minor-active: #6C131CFF; + --on-light-text-info-minor-hover: #1A577FFF; + --on-light-text-info-minor-active: #13405DFF; + --on-light-text-primary: #171717F5; + --on-light-text-secondary: #1717178F; + --on-light-text-tertiary: #17171747; + --on-light-text-paragraph: #171717CC; + --on-light-text-accent: #05996F; + --on-light-text-positive: #1A9E32; + --on-light-text-warning: #FA5F05; + --on-light-text-negative: #FF293E; + --inverse-text-primary-hover: #F5F5F593; + --inverse-text-primary-active: #F5F5F5C4; + --inverse-text-secondary-hover: #F5F5F5FF; + --inverse-text-secondary-active: #F5F5F5AB; + --inverse-text-tertiary-hover: #F5F5F5FF; + --inverse-text-tertiary-active: #F5F5F556; + --inverse-text-paragraph-hover: #F5F5F57A; + --inverse-text-paragraph-active: #F5F5F5A3; + --inverse-text-accent-hover: #20E9B0FF; + --inverse-text-accent-active: #11A77CFF; + --inverse-text-accent-minor-hover: #B5FCE8FF; + --inverse-text-accent-minor-active: #66F9D0FF; + --inverse-text-positive-hover: #2BD44AFF; + --inverse-text-positive-active: #1D9032FF; + --inverse-text-warning-hover: #FF8B4DFF; + --inverse-text-warning-active: #FA5700FF; + --inverse-text-negative-hover: #FF6675FF; + --inverse-text-negative-active: #FF142CFF; + --inverse-text-info-hover: #2AA0EFFF; + --inverse-text-info-active: #0E75B9FF; + --inverse-text-positive-minor-hover: #C5FCCFFF; + --inverse-text-positive-minor-active: #77F88FFF; + --inverse-text-warning-minor-hover: #FFFCFAFF; + --inverse-text-warning-minor-active: #FDC9AAFF; + --inverse-text-negative-minor-hover: #FFFFFFFF; + --inverse-text-negative-minor-active: #FFB8BFFF; + --inverse-text-info-minor-hover: #FAFDFFFF; + --inverse-text-info-minor-active: #A8DCFFFF; + --inverse-text-primary: #F5F5F5F5; + --inverse-text-secondary: #F5F5F58F; + --inverse-text-tertiary: #F5F5F547; + --inverse-text-paragraph: #F5F5F5CC; + --inverse-text-accent: #14CC98; + --inverse-text-positive: #24B23E; + --inverse-text-warning: #FF7024; + --inverse-text-negative: #FF3D51; + --surface-solid-primary-hover: #FAFAFAFF; + --surface-solid-primary-active: #F0F0F0FF; + --surface-solid-secondary-hover: #EDEDEDFF; + --surface-solid-secondary-active: #D4D4D4FF; + --surface-solid-tertiary-hover: #D6D6D6FF; + --surface-solid-tertiary-active: #BDBDBDFF; + --surface-solid-card-hover: #FFFFFFFF; + --surface-solid-card-active: #FFFFFFFF; + --surface-solid-default-hover: #262626FF; + --surface-solid-default-active: #030303FF; + --surface-transparent-primary-hover: #08080800; + --surface-transparent-primary-active: #0808080A; + --surface-transparent-secondary-hover: #08080805; + --surface-transparent-secondary-active: #0808081A; + --surface-transparent-tertiary-hover: #0808080A; + --surface-transparent-tertiary-active: #08080829; + --surface-transparent-deep-hover: #0808088F; + --surface-transparent-deep-active: #080808AD; + --surface-transparent-card-hover: #FFFFFFFF; + --surface-transparent-card-active: #FFFFFFFF; + --surface-clear-hover: #FFFFFF00; + --surface-clear-active: #FFFFFF00; + --surface-accent-hover: #00C28BFF; + --surface-accent-active: #00996EFF; + --surface-accent-minor-hover: #71F4CFFF; + --surface-accent-minor-active: #41F1BFFF; + --surface-transparent-accent-hover: #05996F33; + --surface-transparent-accent-active: #05996F52; + --surface-positive-hover: #1EB83AFF; + --surface-positive-active: #178C2CFF; + --surface-warning-hover: #FB782DFF; + --surface-warning-active: #E65705FF; + --surface-negative-hover: #FF5263FF; + --surface-negative-active: #FF142CFF; + --surface-info-hover: #1798EEFF; + --surface-info-active: #0F81CCFF; + --surface-positive-minor-hover: #93F6A5FF; + --surface-positive-minor-active: #64F27EFF; + --surface-warning-minor-hover: #FFDECCFF; + --surface-warning-minor-active: #FFC3A3FF; + --surface-negative-minor-hover: #FEE1E4FF; + --surface-negative-minor-active: #FEC3C9FF; + --surface-info-minor-hover: #C7E9FFFF; + --surface-info-minor-active: #9ED8FFFF; + --surface-transparent-positive-hover: #1A9E3233; + --surface-transparent-positive-active: #1A9E3252; + --surface-transparent-warning-hover: #FA5F0533; + --surface-transparent-warning-active: #FA5F0552; + --surface-transparent-negative-hover: #FF293E33; + --surface-transparent-negative-active: #FF293E52; + --surface-transparent-info-hover: #118CDF33; + --surface-transparent-info-active: #118CDF52; + --surface-solid-primary: #F5F5F5; + --surface-solid-secondary: #DDDDDD; + --surface-solid-tertiary: #C7C7C7; + --surface-solid-card: #FFFFFFFF; + --surface-solid-default: #080808; + --surface-transparent-primary: #08080805; + --surface-transparent-secondary: #0808080F; + --surface-transparent-tertiary: #0808081F; + --surface-transparent-deep: #080808A3; + --surface-transparent-card: #FFFFFFFF; + --surface-clear: #FFFFFF00; + --surface-accent: #00AC7B; + --surface-negative: #FF293E; + --surface-warning: #FA5F05; + --surface-positive: #1A9E32; + --on-dark-surface-solid-primary-hover: #363636FF; + --on-dark-surface-solid-primary-active: #0D0D0DFF; + --on-dark-surface-solid-secondary-hover: #3B3B3BFF; + --on-dark-surface-solid-secondary-active: #1C1C1CFF; + --on-dark-surface-solid-tertiary-hover: #4A4A4AFF; + --on-dark-surface-solid-tertiary-active: #2B2B2BFF; + --on-dark-surface-solid-card-hover: #3B3B3BFF; + --on-dark-surface-solid-card-active: #1C1C1CFF; + --on-dark-surface-solid-default-hover: #FFFFFFFF; + --on-dark-surface-solid-default-active: #F5F5F5FF; + --on-dark-surface-transparent-primary-hover: #FFFFFF05; + --on-dark-surface-transparent-primary-active: #FFFFFF1A; + --on-dark-surface-transparent-secondary-hover: #FFFFFF0A; + --on-dark-surface-transparent-secondary-active: #FFFFFF29; + --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F; + --on-dark-surface-transparent-tertiary-active: #FFFFFF3D; + --on-dark-surface-transparent-deep-hover: #FFFFFF8F; + --on-dark-surface-transparent-deep-active: #FFFFFFAD; + --on-dark-surface-transparent-card-hover: #FFFFFF0A; + --on-dark-surface-transparent-card-active: #FFFFFF29; + --on-dark-surface-clear-hover: #FFFFFF00; + --on-dark-surface-clear-active: #FFFFFF00; + --on-dark-surface-accent-hover: #00C28BFF; + --on-dark-surface-accent-active: #00996EFF; + --on-dark-surface-accent-minor-hover: #0B4636FF; + --on-dark-surface-accent-minor-active: #041A14FF; + --on-dark-surface-transparent-accent-hover: #14CC9833; + --on-dark-surface-transparent-accent-active: #14CC9852; + --on-dark-surface-positive-hover: #28C344FF; + --on-dark-surface-positive-active: #21A138FF; + --on-dark-surface-warning-hover: #FF8B4DFF; + --on-dark-surface-warning-active: #FF630FFF; + --on-dark-surface-negative-hover: #FF6675FF; + --on-dark-surface-negative-active: #FF293EFF; + --on-dark-surface-info-hover: #1798EEFF; + --on-dark-surface-info-active: #0F81CCFF; + --on-dark-surface-positive-minor-hover: #0E3A16FF; + --on-dark-surface-positive-minor-active: #061909FF; + --on-dark-surface-warning-minor-hover: #58290EFF; + --on-dark-surface-warning-minor-active: #2C1507FF; + --on-dark-surface-negative-minor-hover: #64121AFF; + --on-dark-surface-negative-minor-active: #380A0FFF; + --on-dark-surface-info-minor-hover: #10344CFF; + --on-dark-surface-info-minor-active: #091D2AFF; + --on-dark-surface-transparent-positive-hover: #1A9E3233; + --on-dark-surface-transparent-positive-active: #1A9E3252; + --on-dark-surface-transparent-warning-hover: #FA5F0533; + --on-dark-surface-transparent-warning-active: #FA5F0552; + --on-dark-surface-transparent-negative-hover: #FF293E33; + --on-dark-surface-transparent-negative-active: #FF293E52; + --on-dark-surface-transparent-info-hover: #118CDF33; + --on-dark-surface-transparent-info-active: #118CDF52; + --on-dark-surface-solid-card: #262626; + --on-dark-surface-solid-primary: #171717; + --on-dark-surface-solid-secondary: #262626; + --on-dark-surface-solid-tertiary: #363636; + --on-dark-surface-solid-default: #F9F9F9; + --on-dark-surface-transparent-primary: #FFFFFF0F; + --on-dark-surface-transparent-secondary: #FFFFFF1F; + --on-dark-surface-transparent-tertiary: #FFFFFF33; + --on-dark-surface-transparent-deep: #FFFFFFA3; + --on-dark-surface-transparent-card: #FFFFFF1F; + --on-dark-surface-clear: #FFFFFF00; + --on-dark-surface-accent: #00AC7B; + --on-dark-surface-positive: #24B23E; + --on-dark-surface-warning: #FF7024; + --on-dark-surface-negative: #FF3D51; + --on-light-surface-solid-primary-hover: #FAFAFAFF; + --on-light-surface-solid-primary-active: #F0F0F0FF; + --on-light-surface-solid-secondary-hover: #EDEDEDFF; + --on-light-surface-solid-secondary-active: #D4D4D4FF; + --on-light-surface-solid-tertiary-hover: #D6D6D6FF; + --on-light-surface-solid-tertiary-active: #BDBDBDFF; + --on-light-surface-solid-card-hover: #FFFFFFFF; + --on-light-surface-solid-card-active: #FFFFFFFF; + --on-light-surface-solid-default-hover: #262626FF; + --on-light-surface-solid-default-active: #030303FF; + --on-light-surface-transparent-primary-hover: #08080800; + --on-light-surface-transparent-primary-active: #0808080A; + --on-light-surface-transparent-secondary-hover: #08080805; + --on-light-surface-transparent-secondary-active: #0808081A; + --on-light-surface-transparent-tertiary-hover: #0808080A; + --on-light-surface-transparent-tertiary-active: #08080829; + --on-light-surface-transparent-deep-hover: #0808088F; + --on-light-surface-transparent-deep-active: #080808AD; + --on-light-surface-transparent-card-hover: #FFFFFFFF; + --on-light-surface-transparent-card-active: #FFFFFFFF; + --on-light-surface-clear-hover: #FFFFFF00; + --on-light-surface-clear-active: #FFFFFF00; + --on-light-surface-accent-hover: #00C28BFF; + --on-light-surface-accent-active: #00996EFF; + --on-light-surface-accent-minor-hover: #71F4CFFF; + --on-light-surface-accent-minor-active: #41F1BFFF; + --on-light-surface-transparent-accent-hover: #05996F33; + --on-light-surface-transparent-accent-active: #05996F52; + --on-light-surface-positive-hover: #1EB83AFF; + --on-light-surface-positive-active: #178C2CFF; + --on-light-surface-warning-hover: #FB782DFF; + --on-light-surface-warning-active: #E65705FF; + --on-light-surface-negative-hover: #FF5263FF; + --on-light-surface-negative-active: #FF142CFF; + --on-light-surface-info-hover: #1798EEFF; + --on-light-surface-info-active: #0F81CCFF; + --on-light-surface-positive-minor-hover: #93F6A5FF; + --on-light-surface-positive-minor-active: #64F27EFF; + --on-light-surface-warning-minor-hover: #FFDECCFF; + --on-light-surface-warning-minor-active: #FFC3A3FF; + --on-light-surface-negative-minor-hover: #FEE1E4FF; + --on-light-surface-negative-minor-active: #FEC3C9FF; + --on-light-surface-info-minor-hover: #C7E9FFFF; + --on-light-surface-info-minor-active: #9ED8FFFF; + --on-light-surface-transparent-positive-hover: #1A9E3233; + --on-light-surface-transparent-positive-active: #1A9E3252; + --on-light-surface-transparent-warning-hover: #FA5F0533; + --on-light-surface-transparent-warning-active: #FA5F0552; + --on-light-surface-transparent-negative-hover: #FF293E33; + --on-light-surface-transparent-negative-active: #FF293E52; + --on-light-surface-transparent-info-hover: #118CDF33; + --on-light-surface-transparent-info-active: #118CDF52; + --on-light-surface-solid-primary: #F5F5F5; + --on-light-surface-solid-secondary: #DDDDDD; + --on-light-surface-solid-tertiary: #C7C7C7; + --on-light-surface-solid-card: #FFFFFFFF; + --on-light-surface-solid-default: #080808; + --on-light-surface-clear: #FFFFFF00; + --on-light-surface-transparent-card: #FFFFFFFF; + --on-light-surface-transparent-primary: #08080805; + --on-light-surface-transparent-secondary: #0808080F; + --on-light-surface-transparent-tertiary: #0808081F; + --on-light-surface-transparent-deep: #080808A3; + --on-light-surface-accent: #00AC7B; + --on-light-surface-positive: #1A9E32; + --on-light-surface-warning: #FA5F05; + --on-light-surface-negative: #FF293E; + --inverse-surface-solid-primary-hover: #363636FF; + --inverse-surface-solid-primary-active: #0D0D0DFF; + --inverse-surface-solid-secondary-hover: #3B3B3BFF; + --inverse-surface-solid-secondary-active: #1C1C1CFF; + --inverse-surface-solid-tertiary-hover: #4A4A4AFF; + --inverse-surface-solid-tertiary-active: #2B2B2BFF; + --inverse-surface-solid-card-hover: #3B3B3BFF; + --inverse-surface-solid-card-active: #1C1C1CFF; + --inverse-surface-solid-default-hover: #FFFFFFFF; + --inverse-surface-solid-default-active: #F5F5F5FF; + --inverse-surface-transparent-primary-hover: #FFFFFF05; + --inverse-surface-transparent-primary-active: #FFFFFF1A; + --inverse-surface-transparent-secondary-hover: #FFFFFF0A; + --inverse-surface-transparent-secondary-active: #FFFFFF29; + --inverse-surface-transparent-tertiary-hover: #FFFFFF1F; + --inverse-surface-transparent-tertiary-active: #FFFFFF3D; + --inverse-surface-transparent-deep-hover: #FFFFFF8F; + --inverse-surface-transparent-deep-active: #FFFFFFAD; + --inverse-surface-transparent-card-hover: #FFFFFF0A; + --inverse-surface-transparent-card-active: #FFFFFF29; + --inverse-surface-clear-hover: #FFFFFF00; + --inverse-surface-clear-active: #FFFFFF00; + --inverse-surface-accent-hover: #00C28BFF; + --inverse-surface-accent-active: #00996EFF; + --inverse-surface-accent-minor-hover: #0B4636FF; + --inverse-surface-accent-minor-active: #041A14FF; + --inverse-surface-transparent-accent-hover: #14CC9833; + --inverse-surface-transparent-accent-active: #14CC9852; + --inverse-surface-positive-hover: #28C344FF; + --inverse-surface-positive-active: #21A138FF; + --inverse-surface-warning-hover: #FF8B4DFF; + --inverse-surface-warning-active: #FF630FFF; + --inverse-surface-negative-hover: #FF6675FF; + --inverse-surface-negative-active: #FF293EFF; + --inverse-surface-info-hover: #1798EEFF; + --inverse-surface-info-active: #0F81CCFF; + --inverse-surface-positive-minor-hover: #0E3A16FF; + --inverse-surface-positive-minor-active: #061909FF; + --inverse-surface-warning-minor-hover: #58290EFF; + --inverse-surface-warning-minor-active: #2C1507FF; + --inverse-surface-negative-minor-hover: #64121AFF; + --inverse-surface-negative-minor-active: #380A0FFF; + --inverse-surface-info-minor-hover: #10344CFF; + --inverse-surface-info-minor-active: #091D2AFF; + --inverse-surface-transparent-positive-hover: #1A9E3233; + --inverse-surface-transparent-positive-active: #1A9E3252; + --inverse-surface-transparent-warning-hover: #FA5F0533; + --inverse-surface-transparent-warning-active: #FA5F0552; + --inverse-surface-transparent-negative-hover: #FF293E33; + --inverse-surface-transparent-negative-active: #FF293E52; + --inverse-surface-transparent-info-hover: #118CDF33; + --inverse-surface-transparent-info-active: #118CDF52; + --inverse-surface-clear: #FFFFFF00; + --inverse-surface-solid-card: #262626; + --inverse-surface-solid-primary: #171717; + --inverse-surface-solid-secondary: #262626; + --inverse-surface-solid-tertiary: #363636; + --inverse-surface-solid-default: #F9F9F9; + --inverse-surface-transparent-card: #FFFFFF1F; + --inverse-surface-transparent-primary: #FFFFFF0F; + --inverse-surface-transparent-secondary: #FFFFFF1F; + --inverse-surface-transparent-tertiary: #FFFFFF33; + --inverse-surface-transparent-deep: #FFFFFFA3; + --inverse-surface-accent: #00AC7B; + --inverse-surface-positive: #24B23E; + --inverse-surface-warning: #FF7024; + --inverse-surface-negative: #FF3D51; + --background-primary: #F5F5F5; + --dark-background-primary: #171717; + --light-background-primary: #F5F5F5; + --inverse-background-primary: #171717; + --overlay-soft: #F9F9F98F; + --overlay-hard: #F9F9F9F5; + --overlay-blur: #F9F9F933; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080833; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F933; + --inverse-overlay-soft: #0808088F; + --inverse-overlay-hard: #080808F5; + --inverse-overlay-blur: #08080833; + color: var(--text-primary); + background-color: var(--background-primary); +} + +:root { + --text-accent-gradient-hover: #000000FF; + --text-accent-gradient-active: #CCCCCCFF; + --text-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%); + --on-dark-text-accent-gradient-hover: #000000FF; + --on-dark-text-accent-gradient-active: #CCCCCCFF; + --on-dark-text-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%); + --on-light-text-accent-gradient-hover: #000000FF; + --on-light-text-accent-gradient-active: #CCCCCCFF; + --on-light-text-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%); + --inverse-text-accent-gradient-hover: #000000FF; + --inverse-text-accent-gradient-active: #CCCCCCFF; + --inverse-text-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient-hover: #FFFFFFFF; + --inverse-surface-accent-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%); + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + +:root { + font-size: 16px; + --plasma-typo-overflow-wrap: break-word; + --plasma-typo-hyphens: auto; + --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-l-letter-spacing: normal; + --plasma-typo-dspl-l-font-style: normal; + --plasma-typo-dspl-l-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-l-bold-letter-spacing: normal; + --plasma-typo-dspl-l-bold-font-style: normal; + --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-m-letter-spacing: normal; + --plasma-typo-dspl-m-font-style: normal; + --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-m-bold-letter-spacing: normal; + --plasma-typo-dspl-m-bold-font-style: normal; + --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-s-letter-spacing: normal; + --plasma-typo-dspl-s-font-style: normal; + --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-s-bold-letter-spacing: normal; + --plasma-typo-dspl-s-bold-font-style: normal; + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h1-letter-spacing: normal; + --plasma-typo-h1-font-style: normal; + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h1-bold-letter-spacing: normal; + --plasma-typo-h1-bold-font-style: normal; + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h2-letter-spacing: normal; + --plasma-typo-h2-font-style: normal; + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h2-bold-letter-spacing: normal; + --plasma-typo-h2-bold-font-style: normal; + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h3-letter-spacing: normal; + --plasma-typo-h3-font-style: normal; + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h3-bold-letter-spacing: normal; + --plasma-typo-h3-bold-font-style: normal; + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h4-letter-spacing: normal; + --plasma-typo-h4-font-style: normal; + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h4-bold-letter-spacing: normal; + --plasma-typo-h4-bold-font-style: normal; + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h5-letter-spacing: normal; + --plasma-typo-h5-font-style: normal; + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h5-bold-letter-spacing: normal; + --plasma-typo-h5-bold-font-style: normal; + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-l-letter-spacing: -0.02em; + --plasma-typo-body-l-font-style: normal; + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-l-bold-letter-spacing: -0.02em; + --plasma-typo-body-l-bold-font-style: normal; + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-m-letter-spacing: -0.02em; + --plasma-typo-body-m-font-style: normal; + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-m-bold-letter-spacing: -0.02em; + --plasma-typo-body-m-bold-font-style: normal; + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-s-letter-spacing: -0.02em; + --plasma-typo-body-s-font-style: normal; + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-s-bold-letter-spacing: -0.02em; + --plasma-typo-body-s-bold-font-style: normal; + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xs-letter-spacing: -0.02em; + --plasma-typo-body-xs-font-style: normal; + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xs-bold-letter-spacing: -0.02em; + --plasma-typo-body-xs-bold-font-style: normal; + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xxs-letter-spacing: -0.02em; + --plasma-typo-body-xxs-font-style: normal; + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; + --plasma-typo-body-xxs-bold-font-style: normal; + --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-l-letter-spacing: -0.02em; + --plasma-typo-text-l-font-style: normal; + --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-l-bold-letter-spacing: -0.02em; + --plasma-typo-text-l-bold-font-style: normal; + --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-m-letter-spacing: -0.02em; + --plasma-typo-text-m-font-style: normal; + --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-m-bold-letter-spacing: -0.02em; + --plasma-typo-text-m-bold-font-style: normal; + --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-s-letter-spacing: -0.02em; + --plasma-typo-text-s-font-style: normal; + --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-s-bold-letter-spacing: -0.02em; + --plasma-typo-text-s-bold-font-style: normal; + --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-xs-letter-spacing: -0.02em; + --plasma-typo-text-xs-font-style: normal; + --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-xs-bold-letter-spacing: -0.02em; + --plasma-typo-text-xs-bold-font-style: normal; +} + +@media (max-width: 559px) { + :root { + --plasma-typo-dspl-l-font-size: 5.5rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 5.75rem; + --plasma-typo-dspl-l-bold-font-size: 5.5rem; + --plasma-typo-dspl-l-bold-font-weight: 600; + --plasma-typo-dspl-l-bold-line-height: 5.75rem; + --plasma-typo-dspl-m-font-size: 3.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 3.875rem; + --plasma-typo-dspl-m-bold-font-size: 3.5rem; + --plasma-typo-dspl-m-bold-font-weight: 600; + --plasma-typo-dspl-m-bold-line-height: 3.875rem; + --plasma-typo-dspl-s-font-size: 2.5rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 2.875rem; + --plasma-typo-dspl-s-bold-font-size: 2.5rem; + --plasma-typo-dspl-s-bold-font-weight: 600; + --plasma-typo-dspl-s-bold-line-height: 2.875rem; + --plasma-typo-h1-font-size: 1.75rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 2.125rem; + --plasma-typo-h1-bold-font-size: 1.75rem; + --plasma-typo-h1-bold-font-weight: 600; + --plasma-typo-h1-bold-line-height: 2.125rem; + --plasma-typo-h2-font-size: 1.5rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 1.875rem; + --plasma-typo-h2-bold-font-size: 1.5rem; + --plasma-typo-h2-bold-font-weight: 600; + --plasma-typo-h2-bold-line-height: 1.875rem; + --plasma-typo-h3-font-size: 1.25rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.625rem; + --plasma-typo-h3-bold-font-size: 1.25rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.625rem; + --plasma-typo-h4-font-size: 1.125rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.5rem; + --plasma-typo-h4-bold-font-size: 1.125rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.5rem; + --plasma-typo-h5-font-size: 1rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.375rem; + --plasma-typo-h5-bold-font-size: 1rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; + --plasma-typo-text-l-font-size: 1.125rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 1.625rem; + --plasma-typo-text-l-bold-font-size: 1.125rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 1.625rem; + --plasma-typo-text-m-font-size: 1rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.5rem; + --plasma-typo-text-m-bold-font-size: 1rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.5rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; + } +} + +@media (min-width: 560px) and (max-width: 959px) { + :root { + --plasma-typo-dspl-l-font-size: 7rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 7rem; + --plasma-typo-dspl-l-bold-font-size: 7rem; + --plasma-typo-dspl-l-bold-font-weight: 600; + --plasma-typo-dspl-l-bold-line-height: 7rem; + --plasma-typo-dspl-m-font-size: 4.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 4.75rem; + --plasma-typo-dspl-m-bold-font-size: 4.5rem; + --plasma-typo-dspl-m-bold-font-weight: 600; + --plasma-typo-dspl-m-bold-line-height: 4.75rem; + --plasma-typo-dspl-s-font-size: 3rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 3.375rem; + --plasma-typo-dspl-s-bold-font-size: 3rem; + --plasma-typo-dspl-s-bold-font-weight: 600; + --plasma-typo-dspl-s-bold-line-height: 3.375rem; + --plasma-typo-h1-font-size: 2.5rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 2.875rem; + --plasma-typo-h1-bold-font-size: 2.5rem; + --plasma-typo-h1-bold-font-weight: 600; + --plasma-typo-h1-bold-line-height: 2.875rem; + --plasma-typo-h2-font-size: 1.75rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 2.125rem; + --plasma-typo-h2-bold-font-size: 1.75rem; + --plasma-typo-h2-bold-font-weight: 600; + --plasma-typo-h2-bold-line-height: 2.125rem; + --plasma-typo-h3-font-size: 1.25rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.625rem; + --plasma-typo-h3-bold-font-size: 1.25rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.625rem; + --plasma-typo-h4-font-size: 1.125rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.5rem; + --plasma-typo-h4-bold-font-size: 1.125rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.5rem; + --plasma-typo-h5-font-size: 1rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.375rem; + --plasma-typo-h5-bold-font-size: 1rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; + --plasma-typo-text-l-font-size: 1.25rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 1.75rem; + --plasma-typo-text-l-bold-font-size: 1.25rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 1.75rem; + --plasma-typo-text-m-font-size: 1rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.5rem; + --plasma-typo-text-m-bold-font-size: 1rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.5rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; + } +} + +@media (min-width: 960px) { + :root { + --plasma-typo-dspl-l-font-size: 8rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 8rem; + --plasma-typo-dspl-l-bold-font-size: 8rem; + --plasma-typo-dspl-l-bold-font-weight: 600; + --plasma-typo-dspl-l-bold-line-height: 8rem; + --plasma-typo-dspl-m-font-size: 5.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 5.75rem; + --plasma-typo-dspl-m-bold-font-size: 5.5rem; + --plasma-typo-dspl-m-bold-font-weight: 600; + --plasma-typo-dspl-m-bold-line-height: 5.75rem; + --plasma-typo-dspl-s-font-size: 4rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 4.25rem; + --plasma-typo-dspl-s-bold-font-size: 4rem; + --plasma-typo-dspl-s-bold-font-weight: 600; + --plasma-typo-dspl-s-bold-line-height: 4.25rem; + --plasma-typo-h1-font-size: 3rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 3.375rem; + --plasma-typo-h1-bold-font-size: 3rem; + --plasma-typo-h1-bold-font-weight: 600; + --plasma-typo-h1-bold-line-height: 3.375rem; + --plasma-typo-h2-font-size: 2rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 2.375rem; + --plasma-typo-h2-bold-font-size: 2rem; + --plasma-typo-h2-bold-font-weight: 600; + --plasma-typo-h2-bold-line-height: 2.375rem; + --plasma-typo-h3-font-size: 1.5rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.875rem; + --plasma-typo-h3-bold-font-size: 1.5rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.875rem; + --plasma-typo-h4-font-size: 1.25rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.625rem; + --plasma-typo-h4-bold-font-size: 1.25rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.625rem; + --plasma-typo-h5-font-size: 1.125rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.5rem; + --plasma-typo-h5-bold-font-size: 1.125rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.5rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; + --plasma-typo-text-l-font-size: 1.5rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 2rem; + --plasma-typo-text-l-bold-font-size: 1.5rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 2rem; + --plasma-typo-text-m-font-size: 1.125rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.625rem; + --plasma-typo-text-m-bold-font-size: 1.125rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.625rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; + } +} \ No newline at end of file diff --git a/packages/themes/sdds-themes/src/css/sdds_serv.module.css b/packages/themes/sdds-themes/src/css/sdds_serv.module.css index 5ac9a99430..2f1d47e5a6 100644 --- a/packages/themes/sdds-themes/src/css/sdds_serv.module.css +++ b/packages/themes/sdds-themes/src/css/sdds_serv.module.css @@ -3,22 +3,19 @@ .dark { --text-primary-hover: #F5F5F593; --text-primary-active: #F5F5F5C4; - --text-primary: #f5f5f5F5; + --text-primary: #F5F5F5F5; --text-secondary-hover: #F5F5F5FF; --text-secondary-active: #F5F5F5AB; - --text-secondary: #F5f5f58F; + --text-secondary: #F5F5F58F; --text-tertiary-hover: #F5F5F5FF; --text-tertiary-active: #F5F5F556; - --text-tertiary: #F5f5f548; + --text-tertiary: #F5F5F548; --text-paragraph-hover: #F5F5F57A; --text-paragraph-active: #F5F5F5A3; - --text-paragraph: #f5f5f5cc; + --text-paragraph: #F5F5F5CC; --text-accent-hover: #2ACB47FF; --text-accent-active: #1F9835FF; --text-accent: #24B23E; - --text-accent-gradient-hover: #CCCCCCFF; - --text-accent-gradient-active: #E6E6E6FF; - --text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --text-positive-hover: #2ACB47FF; --text-positive-active: #1F9835FF; --text-positive: #24B23E; @@ -30,22 +27,19 @@ --text-negative: #FF3D51; --on-dark-text-primary-hover: #F5F5F593; --on-dark-text-primary-active: #F5F5F5C4; - --on-dark-text-primary: #f5f5f5F5; + --on-dark-text-primary: #F5F5F5F5; --on-dark-text-secondary-hover: #F5F5F5FF; --on-dark-text-secondary-active: #F5F5F5AB; - --on-dark-text-secondary: #F5f5f58F; + --on-dark-text-secondary: #F5F5F58F; --on-dark-text-tertiary-hover: #F5F5F5FF; --on-dark-text-tertiary-active: #F5F5F556; - --on-dark-text-tertiary: #F5f5f548; + --on-dark-text-tertiary: #F5F5F548; --on-dark-text-paragraph-hover: #F5F5F57A; --on-dark-text-paragraph-active: #F5F5F5A3; - --on-dark-text-paragraph: #f5f5f5CC; + --on-dark-text-paragraph: #F5F5F5CC; --on-dark-text-accent-hover: #2ACB47FF; --on-dark-text-accent-active: #1F9835FF; --on-dark-text-accent: #24B23E; - --on-dark-text-accent-gradient-hover: #CCCCCCFF; - --on-dark-text-accent-gradient-active: #E6E6E6FF; - --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-dark-text-positive-hover: #2ACB47FF; --on-dark-text-positive-active: #1F9835FF; --on-dark-text-positive: #24B23E; @@ -70,9 +64,6 @@ --on-light-text-accent-hover: #13AA2CFF; --on-light-text-accent-active: #0D731EFF; --on-light-text-accent: #108E26; - --on-light-text-accent-gradient-hover: #CCCCCCFF; - --on-light-text-accent-gradient-active: #E6E6E6FF; - --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --on-light-text-positive-hover: #13AA2CFF; --on-light-text-positive-active: #0D731EFF; --on-light-text-positive: #108E26; @@ -97,9 +88,6 @@ --inverse-text-accent-hover: #13AA2CFF; --inverse-text-accent-active: #0D731EFF; --inverse-text-accent: #108E26; - --inverse-text-accent-gradient-hover: #CCCCCCFF; - --inverse-text-accent-gradient-active: #E6E6E6FF; - --inverse-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --inverse-text-positive-hover: #13AA2CFF; --inverse-text-positive-active: #0D731EFF; --inverse-text-positive: #108E26; @@ -129,10 +117,10 @@ --surface-transparent-primary: #FFFFFF0F; --surface-transparent-secondary-hover: #FFFFFF3D; --surface-transparent-secondary-active: #FFFFFF0F; - --surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --surface-transparent-secondary: #FFFFFF1F; --surface-transparent-tertiary-hover: #FFFFFF52; --surface-transparent-tertiary-active: #FFFFFF24; - --surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --surface-transparent-tertiary: #FFFFFF33; --surface-transparent-deep-hover: #FFFFFFC2; --surface-transparent-deep-active: #FFFFFF94; --surface-transparent-deep: #FFFFFFA3; @@ -141,13 +129,10 @@ --surface-transparent-card: #FFFFFF0F; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0, 0, 0, 0); + --surface-clear: #00000000; --surface-accent-hover: #1DAF37FF; --surface-accent-active: #18952FFF; --surface-accent: #1A9E32; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --surface-positive-hover: #1DAF37FF; --surface-positive-active: #18952FFF; --surface-positive: #1A9E32; @@ -159,13 +144,13 @@ --surface-negative: #FF293E; --surface-transparent-positive-hover: #1A9E323D; --surface-transparent-positive-active: #1A9E320F; - --surface-transparent-positive: rgba(26,158,50,0.12); + --surface-transparent-positive: #1A9E321F; --surface-transparent-warning-hover: #FA5F053D; --surface-transparent-warning-active: #FA5F050F; - --surface-transparent-warning: rgba(250,95,5,0.12); + --surface-transparent-warning: #FA5F051F; --surface-transparent-negative-hover: #FF293E3D; --surface-transparent-negative-active: #FF293E0F; - --surface-transparent-negative: rgba(255,41,62,0.12); + --surface-transparent-negative: #FF293E1F; --on-dark-surface-solid-primary-hover: #1C1C1CFF; --on-dark-surface-solid-primary-active: #121212FF; --on-dark-surface-solid-primary: #171717; @@ -183,13 +168,13 @@ --on-dark-surface-solid-default: #F9F9F9; --on-dark-surface-transparent-primary-hover: #FFFFFF1F; --on-dark-surface-transparent-primary-active: #FFFFFF0A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; --on-dark-surface-transparent-secondary-active: #FFFFFF0F; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; --on-dark-surface-transparent-tertiary-active: #FFFFFF24; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-deep-hover: #FFFFFFC2; --on-dark-surface-transparent-deep-active: #FFFFFF94; --on-dark-surface-transparent-deep: #FFFFFFA3; @@ -198,13 +183,10 @@ --on-dark-surface-transparent-card: #FFFFFF0F; --on-dark-surface-clear-hover: #00000000; --on-dark-surface-clear-active: #00000000; - --on-dark-surface-clear: rgba(0, 0, 0, 0); + --on-dark-surface-clear: #00000000; --on-dark-surface-accent-hover: #1DAF37FF; --on-dark-surface-accent-active: #18952FFF; --on-dark-surface-accent: #1A9E32; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-dark-surface-positive-hover: #1DAF37FF; --on-dark-surface-positive-active: #18952FFF; --on-dark-surface-positive: #1A9E32; @@ -231,28 +213,25 @@ --on-light-surface-solid-default: #080808; --on-light-surface-transparent-primary-hover: #0808080F; --on-light-surface-transparent-primary-active: #08080800; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02); + --on-light-surface-transparent-primary: #08080805; --on-light-surface-transparent-secondary-hover: #0808081F; --on-light-surface-transparent-secondary-active: #0808080A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808083D; --on-light-surface-transparent-tertiary-active: #0808080F; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #080808C2; --on-light-surface-transparent-deep-active: #08080894; --on-light-surface-transparent-deep: #080808A3; --on-light-surface-transparent-card-hover: #0808081F; --on-light-surface-transparent-card-active: #0808080A; - --on-light-surface-transparent-card: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-card: #0808080F; --on-light-surface-clear-hover: #00000000; --on-light-surface-clear-active: #00000000; - --on-light-surface-clear: rgba(0, 0, 0, 0); + --on-light-surface-clear: #00000000; --on-light-surface-accent-hover: #1DAF37FF; --on-light-surface-accent-active: #18952FFF; --on-light-surface-accent: #1A9E32; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-light-surface-positive-hover: #1DAF37FF; --on-light-surface-positive-active: #18952FFF; --on-light-surface-positive: #1A9E32; @@ -279,13 +258,13 @@ --inverse-surface-solid-default: #080808; --inverse-surface-transparent-primary-hover: #0808080F; --inverse-surface-transparent-primary-active: #08080800; - --inverse-surface-transparent-primary: rgba(8, 8, 8, 0.02); + --inverse-surface-transparent-primary: #08080805; --inverse-surface-transparent-secondary-hover: #0808081F; --inverse-surface-transparent-secondary-active: #0808080A; - --inverse-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --inverse-surface-transparent-secondary: #0808080F; --inverse-surface-transparent-tertiary-hover: #0808083D; --inverse-surface-transparent-tertiary-active: #0808080F; - --inverse-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --inverse-surface-transparent-tertiary: #0808081F; --inverse-surface-transparent-deep-hover: #080808C2; --inverse-surface-transparent-deep-active: #08080894; --inverse-surface-transparent-deep: #080808A3; @@ -294,13 +273,10 @@ --inverse-surface-transparent-card: #FFFFFFFF; --inverse-surface-clear-hover: #00000000; --inverse-surface-clear-active: #00000000; - --inverse-surface-clear: rgba(0, 0, 0, 0); + --inverse-surface-clear: #00000000; --inverse-surface-accent-hover: #1DAF37FF; --inverse-surface-accent-active: #18952FFF; --inverse-surface-accent: #1A9E32; - --inverse-surface-accent-gradient-hover: #FFFFFFFF; - --inverse-surface-accent-gradient-active: #FFFFFFFF; - --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --inverse-surface-positive-hover: #1DAF37FF; --inverse-surface-positive-active: #18952FFF; --inverse-surface-positive: #1A9E32; @@ -315,51 +291,97 @@ --light-background-primary: #F9F9F9; --inverse-background-primary: #F9F9F9; --overlay-soft: #0808088F; - --overlay-hard: #080808f5; - --overlay-blur: rgba(8,8,8,0.28); - --on-dark-overlay-soft: #0808088f; - --on-dark-overlay-hard: #080808f5; - --on-dark-overlay-blur: rgba(8,8,8,0.28); - --on-light-overlay-soft: rgba(249,249,249,0.56); - --on-light-overlay-hard: #f9f9f9f5; - --on-light-overlay-blur: rgba(249,249,249,0.28); - --inverse-overlay-soft: #f9f9f98F; - --inverse-overlay-hard: #f9f9f9f5; - --inverse-overlay-blur: rgba(249,249,249,0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); + --overlay-hard: #080808F5; + --overlay-blur: #08080847; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080847; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F947; + --inverse-overlay-soft: #F9F9F98F; + --inverse-overlay-hard: #F9F9F9F5; + --inverse-overlay-blur: #F9F9F947; color: var(--text-primary); background-color: var(--background-primary); } +.dark { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-dark-text-accent-gradient-hover: #CCCCCCFF; + --on-dark-text-accent-gradient-active: #E6E6E6FF; + --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-text-accent-gradient-hover: #CCCCCCFF; + --on-light-text-accent-gradient-active: #E6E6E6FF; + --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --inverse-text-accent-gradient-hover: #CCCCCCFF; + --inverse-text-accent-gradient-active: #E6E6E6FF; + --inverse-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient-hover: #FFFFFFFF; + --inverse-surface-accent-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + .light { - --text-primary-hover: #17171793; - --text-primary-active: #171717C4; - --text-primary: #171717F5; - --text-secondary-hover: #171717FF; - --text-secondary-active: #171717AB; - --text-secondary: #1717178F; - --text-tertiary-hover: #171717FF; - --text-tertiary-active: #17171756; - --text-tertiary: #17171748; - --text-paragraph-hover: #1717177A; - --text-paragraph-active: #171717A3; - --text-paragraph: #171717CC; - --text-accent-hover: #14B32EFF; - --text-accent-active: #0C6A1BFF; - --text-accent: #108E26; - --text-accent-gradient-hover: #000000FF; - --text-accent-gradient-active: #CCCCCCFF; - --text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); - --text-positive-hover: #14B32EFF; - --text-positive-active: #0C6A1BFF; - --text-positive: #108E26; - --text-warning-hover: #FD6B17FF; - --text-warning-active: #C04802FF; - --text-warning: #E85702; - --text-negative-hover: #F54254FF; - --text-negative-active: #DA0B20FF; - --text-negative: #F31B31; + --text-primary-hover: #F5F5F593; + --text-primary-active: #F5F5F5C4; + --text-primary: #F5F5F5F5; + --text-secondary-hover: #F5F5F5FF; + --text-secondary-active: #F5F5F5AB; + --text-secondary: #F5F5F58F; + --text-tertiary-hover: #F5F5F5FF; + --text-tertiary-active: #F5F5F556; + --text-tertiary: #F5F5F548; + --text-paragraph-hover: #F5F5F57A; + --text-paragraph-active: #F5F5F5A3; + --text-paragraph: #F5F5F5CC; + --text-accent-hover: #2ACB47FF; + --text-accent-active: #1F9835FF; + --text-accent: #24B23E; + --text-positive-hover: #2ACB47FF; + --text-positive-active: #1F9835FF; + --text-positive: #24B23E; + --text-warning-hover: #FF8442FF; + --text-warning-active: #FF5D05FF; + --text-warning: #FF7024; + --text-negative-hover: #FF5C6CFF; + --text-negative-active: #FF1F35FF; + --text-negative: #FF3D51; --on-dark-text-primary-hover: #F5F5F593; --on-dark-text-primary-active: #F5F5F5C4; --on-dark-text-primary: #F5F5F5F5; @@ -372,20 +394,17 @@ --on-dark-text-paragraph-hover: #F5F5F57A; --on-dark-text-paragraph-active: #F5F5F5A3; --on-dark-text-paragraph: #F5F5F5CC; - --on-dark-text-accent-hover: #2BD44AFF; - --on-dark-text-accent-active: #1D9032FF; + --on-dark-text-accent-hover: #2ACB47FF; + --on-dark-text-accent-active: #1F9835FF; --on-dark-text-accent: #24B23E; - --on-dark-text-accent-gradient-hover: #000000FF; - --on-dark-text-accent-gradient-active: #CCCCCCFF; - --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); - --on-dark-text-positive-hover: #2BD44AFF; - --on-dark-text-positive-active: #1D9032FF; + --on-dark-text-positive-hover: #2ACB47FF; + --on-dark-text-positive-active: #1F9835FF; --on-dark-text-positive: #24B23E; - --on-dark-text-warning-hover: #FF8B4DFF; - --on-dark-text-warning-active: #FA5700FF; + --on-dark-text-warning-hover: #FF8442FF; + --on-dark-text-warning-active: #FF5D05FF; --on-dark-text-warning: #FF7024; - --on-dark-text-negative-hover: #FF6675FF; - --on-dark-text-negative-active: #FF142CFF; + --on-dark-text-negative-hover: #FF5C6CFF; + --on-dark-text-negative-active: #FF1F35FF; --on-dark-text-negative: #FF3D51; --on-light-text-primary-hover: #17171793; --on-light-text-primary-active: #171717C4; @@ -399,152 +418,140 @@ --on-light-text-paragraph-hover: #1717177A; --on-light-text-paragraph-active: #171717A3; --on-light-text-paragraph: #171717CC; - --on-light-text-accent-hover: #14B32EFF; - --on-light-text-accent-active: #0C6A1BFF; + --on-light-text-accent-hover: #13AA2CFF; + --on-light-text-accent-active: #0D731EFF; --on-light-text-accent: #108E26; - --on-light-text-accent-gradient-hover: #000000FF; - --on-light-text-accent-gradient-active: #CCCCCCFF; - --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); - --on-light-text-positive-hover: #14B32EFF; - --on-light-text-positive-active: #0C6A1BFF; + --on-light-text-positive-hover: #13AA2CFF; + --on-light-text-positive-active: #0D731EFF; --on-light-text-positive: #108E26; - --on-light-text-warning-hover: #FD6B17FF; - --on-light-text-warning-active: #C04802FF; + --on-light-text-warning-hover: #FD650DFF; + --on-light-text-warning-active: #CA4B02FF; --on-light-text-warning: #E85702; - --on-light-text-negative-hover: #F54254FF; - --on-light-text-negative-active: #DA0B20FF; + --on-light-text-negative-hover: #F5384BFF; + --on-light-text-negative-active: #E40C22FF; --on-light-text-negative: #F31B31; - --inverse-text-primary-hover: #F5F5F593; - --inverse-text-primary-active: #F5F5F5C4; - --inverse-text-primary: #F5F5F5F5; - --inverse-text-secondary-hover: #F5F5F5FF; - --inverse-text-secondary-active: #F5F5F5AB; - --inverse-text-secondary: #F5F5F58F; - --inverse-text-tertiary-hover: #F5F5F5FF; - --inverse-text-tertiary-active: #F5F5F556; - --inverse-text-tertiary: #F5F5F548; - --inverse-text-paragraph-hover: #F5F5F57A; - --inverse-text-paragraph-active: #F5F5F5A3; - --inverse-text-paragraph: #F5F5F5CC; - --inverse-text-accent-hover: #2BD44AFF; - --inverse-text-accent-active: #1D9032FF; - --inverse-text-accent: #24B23E; - --inverse-text-accent-gradient-hover: #000000FF; - --inverse-text-accent-gradient-active: #CCCCCCFF; - --inverse-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); - --inverse-text-positive-hover: #2BD44AFF; - --inverse-text-positive-active: #1D9032FF; - --inverse-text-positive: #24B23E; - --inverse-text-warning-hover: #FF8B4DFF; - --inverse-text-warning-active: #FA5700FF; - --inverse-text-warning: #FF7024; - --inverse-text-negative-hover: #FF6675FF; - --inverse-text-negative-active: #FF142CFF; - --inverse-text-negative: #FF3D51; - --surface-solid-primary-hover: #FAFAFAFF; - --surface-solid-primary-active: #F0F0F0FF; - --surface-solid-primary: #F5F5F5; - --surface-solid-secondary-hover: #F7F7F7FF; - --surface-solid-secondary-active: #E8E8E8FF; - --surface-solid-secondary: #ECECEC; - --surface-solid-tertiary-hover: #EDEDEDFF; - --surface-solid-tertiary-active: #D4D4D4FF; - --surface-solid-tertiary: #DDDDDD; - --surface-solid-card-hover: #FFFFFFFF; - --surface-solid-card-active: #FFFFFFFF; - --surface-solid-card: #FFFFFFFF; - --surface-solid-default-hover: #262626FF; - --surface-solid-default-active: #030303FF; - --surface-solid-default: #080808; - --surface-transparent-primary-hover: #08080800; - --surface-transparent-primary-active: #0808080A; - --surface-transparent-primary: rgba(8, 8, 8, 0.02); - --surface-transparent-secondary-hover: #08080805; - --surface-transparent-secondary-active: #0808081A; - --surface-transparent-secondary: rgba(8, 8, 8, 0.06); - --surface-transparent-tertiary-hover: #0808080A; - --surface-transparent-tertiary-active: #08080829; - --surface-transparent-tertiary: rgba(8, 8, 8, 0.12); - --surface-transparent-deep-hover: #0808088F; - --surface-transparent-deep-active: #080808AD; - --surface-transparent-deep: #080808A3; - --surface-transparent-card-hover: #FFFFFFFF; - --surface-transparent-card-active: #FFFFFFFF; - --surface-transparent-card: #FFFFFFFF; + --inverse-text-primary-hover: #17171793; + --inverse-text-primary-active: #171717C4; + --inverse-text-primary: #171717F5; + --inverse-text-secondary-hover: #171717FF; + --inverse-text-secondary-active: #171717AB; + --inverse-text-secondary: #1717178F; + --inverse-text-tertiary-hover: #171717FF; + --inverse-text-tertiary-active: #17171756; + --inverse-text-tertiary: #17171748; + --inverse-text-paragraph-hover: #1717177A; + --inverse-text-paragraph-active: #171717A3; + --inverse-text-paragraph: #171717CC; + --inverse-text-accent-hover: #13AA2CFF; + --inverse-text-accent-active: #0D731EFF; + --inverse-text-accent: #108E26; + --inverse-text-positive-hover: #13AA2CFF; + --inverse-text-positive-active: #0D731EFF; + --inverse-text-positive: #108E26; + --inverse-text-warning-hover: #FD650DFF; + --inverse-text-warning-active: #CA4B02FF; + --inverse-text-warning: #E85702; + --inverse-text-negative-hover: #F5384BFF; + --inverse-text-negative-active: #E40C22FF; + --inverse-text-negative: #F31B31; + --surface-solid-primary-hover: #1C1C1CFF; + --surface-solid-primary-active: #121212FF; + --surface-solid-primary: #171717; + --surface-solid-secondary-hover: #303030FF; + --surface-solid-secondary-active: #212121FF; + --surface-solid-secondary: #262626; + --surface-solid-tertiary-hover: #404040FF; + --surface-solid-tertiary-active: #303030FF; + --surface-solid-tertiary: #363636; + --surface-solid-card-hover: #1C1C1CFF; + --surface-solid-card-active: #121212FF; + --surface-solid-card: #171717; + --surface-solid-default-hover: #FFFFFFFF; + --surface-solid-default-active: #F5F5F5FF; + --surface-solid-default: #F9F9F9; + --surface-transparent-primary-hover: #FFFFFF1F; + --surface-transparent-primary-active: #FFFFFF0A; + --surface-transparent-primary: #FFFFFF0F; + --surface-transparent-secondary-hover: #FFFFFF3D; + --surface-transparent-secondary-active: #FFFFFF0F; + --surface-transparent-secondary: #FFFFFF1F; + --surface-transparent-tertiary-hover: #FFFFFF52; + --surface-transparent-tertiary-active: #FFFFFF24; + --surface-transparent-tertiary: #FFFFFF33; + --surface-transparent-deep-hover: #FFFFFFC2; + --surface-transparent-deep-active: #FFFFFF94; + --surface-transparent-deep: #FFFFFFA3; + --surface-transparent-card-hover: #FFFFFF1F; + --surface-transparent-card-active: #FFFFFF0A; + --surface-transparent-card: #FFFFFF0F; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0, 0, 0, 0); - --surface-accent-hover: #1EB83AFF; - --surface-accent-active: #178C2CFF; + --surface-clear: #00000000; + --surface-accent-hover: #1DAF37FF; + --surface-accent-active: #18952FFF; --surface-accent: #1A9E32; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); - --surface-positive-hover: #1EB83AFF; - --surface-positive-active: #178C2CFF; + --surface-positive-hover: #1DAF37FF; + --surface-positive-active: #18952FFF; --surface-positive: #1A9E32; - --surface-warning-hover: #FB782DFF; - --surface-warning-active: #E65705FF; + --surface-warning-hover: #FB7223FF; + --surface-warning-active: #F05B05FF; --surface-warning: #FA5F05; - --surface-negative-hover: #FF5263FF; - --surface-negative-active: #FF142CFF; + --surface-negative-hover: #FF475AFF; + --surface-negative-active: #FF1F35FF; --surface-negative: #FF293E; - --surface-transparent-positive-hover: #1A9E3205; - --surface-transparent-positive-active: #1A9E321A; - --surface-transparent-positive: rgba(26,158,50,0.06); - --surface-transparent-warning-hover: #FA5F0505; - --surface-transparent-warning-active: #FA5F051A; - --surface-transparent-warning: rgba(250,95,5,0.06); - --surface-transparent-negative-hover: #F31B3105; - --surface-transparent-negative-active: #F31B311A; - --surface-transparent-negative: rgba(243,27,49,0.06); - --on-dark-surface-solid-primary-hover: #363636FF; - --on-dark-surface-solid-primary-active: #0D0D0DFF; + --surface-transparent-positive-hover: #1A9E323D; + --surface-transparent-positive-active: #1A9E320F; + --surface-transparent-positive: #1A9E321F; + --surface-transparent-warning-hover: #FA5F053D; + --surface-transparent-warning-active: #FA5F050F; + --surface-transparent-warning: #FA5F051F; + --surface-transparent-negative-hover: #FF293E3D; + --surface-transparent-negative-active: #FF293E0F; + --surface-transparent-negative: #FF293E1F; + --on-dark-surface-solid-primary-hover: #1C1C1CFF; + --on-dark-surface-solid-primary-active: #121212FF; --on-dark-surface-solid-primary: #171717; - --on-dark-surface-solid-secondary-hover: #3B3B3BFF; - --on-dark-surface-solid-secondary-active: #1C1C1CFF; + --on-dark-surface-solid-secondary-hover: #303030FF; + --on-dark-surface-solid-secondary-active: #212121FF; --on-dark-surface-solid-secondary: #262626; - --on-dark-surface-solid-tertiary-hover: #4A4A4AFF; - --on-dark-surface-solid-tertiary-active: #2B2B2BFF; + --on-dark-surface-solid-tertiary-hover: #404040FF; + --on-dark-surface-solid-tertiary-active: #303030FF; --on-dark-surface-solid-tertiary: #363636; - --on-dark-surface-solid-card-hover: #363636FF; - --on-dark-surface-solid-card-active: #0D0D0DFF; + --on-dark-surface-solid-card-hover: #1C1C1CFF; + --on-dark-surface-solid-card-active: #121212FF; --on-dark-surface-solid-card: #171717; --on-dark-surface-solid-default-hover: #FFFFFFFF; --on-dark-surface-solid-default-active: #F5F5F5FF; --on-dark-surface-solid-default: #F9F9F9; - --on-dark-surface-transparent-primary-hover: #FFFFFF05; - --on-dark-surface-transparent-primary-active: #FFFFFF1A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); - --on-dark-surface-transparent-secondary-hover: #FFFFFF0A; - --on-dark-surface-transparent-secondary-active: #FFFFFF29; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); - --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F; - --on-dark-surface-transparent-tertiary-active: #FFFFFF3D; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); - --on-dark-surface-transparent-deep-hover: #FFFFFF8F; - --on-dark-surface-transparent-deep-active: #FFFFFFAD; + --on-dark-surface-transparent-primary-hover: #FFFFFF1F; + --on-dark-surface-transparent-primary-active: #FFFFFF0A; + --on-dark-surface-transparent-primary: #FFFFFF0F; + --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; + --on-dark-surface-transparent-secondary-active: #FFFFFF0F; + --on-dark-surface-transparent-secondary: #FFFFFF1F; + --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; + --on-dark-surface-transparent-tertiary-active: #FFFFFF24; + --on-dark-surface-transparent-tertiary: #FFFFFF33; + --on-dark-surface-transparent-deep-hover: #FFFFFFC2; + --on-dark-surface-transparent-deep-active: #FFFFFF94; --on-dark-surface-transparent-deep: #FFFFFFA3; - --on-dark-surface-transparent-card-hover: #FFFFFF05; - --on-dark-surface-transparent-card-active: #FFFFFF1A; + --on-dark-surface-transparent-card-hover: #FFFFFF1F; + --on-dark-surface-transparent-card-active: #FFFFFF0A; --on-dark-surface-transparent-card: #FFFFFF0F; --on-dark-surface-clear-hover: #00000000; --on-dark-surface-clear-active: #00000000; - --on-dark-surface-clear: rgba(0, 0, 0, 0); - --on-dark-surface-accent-hover: #1EB83AFF; - --on-dark-surface-accent-active: #178C2CFF; + --on-dark-surface-clear: #00000000; + --on-dark-surface-accent-hover: #1DAF37FF; + --on-dark-surface-accent-active: #18952FFF; --on-dark-surface-accent: #1A9E32; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); - --on-dark-surface-positive-hover: #1EB83AFF; - --on-dark-surface-positive-active: #178C2CFF; + --on-dark-surface-positive-hover: #1DAF37FF; + --on-dark-surface-positive-active: #18952FFF; --on-dark-surface-positive: #1A9E32; - --on-dark-surface-warning-hover: #FB782DFF; - --on-dark-surface-warning-active: #E65705FF; + --on-dark-surface-warning-hover: #FB7223FF; + --on-dark-surface-warning-active: #F05B05FF; --on-dark-surface-warning: #FA5F05; - --on-dark-surface-negative-hover: #FF5263FF; - --on-dark-surface-negative-active: #FF142CFF; + --on-dark-surface-negative-hover: #FF475AFF; + --on-dark-surface-negative-active: #FF1F35FF; --on-dark-surface-negative: #FF293E; --on-light-surface-solid-primary-hover: #FAFAFAFF; --on-light-surface-solid-primary-active: #F0F0F0FF; @@ -552,124 +559,193 @@ --on-light-surface-solid-secondary-hover: #F7F7F7FF; --on-light-surface-solid-secondary-active: #E8E8E8FF; --on-light-surface-solid-secondary: #ECECEC; - --on-light-surface-solid-tertiary-hover: #EDEDEDFF; - --on-light-surface-solid-tertiary-active: #D4D4D4FF; + --on-light-surface-solid-tertiary-hover: #E8E8E8FF; + --on-light-surface-solid-tertiary-active: #D9D9D9FF; --on-light-surface-solid-tertiary: #DDDDDD; --on-light-surface-solid-card-hover: #FFFFFFFF; --on-light-surface-solid-card-active: #FFFFFFFF; --on-light-surface-solid-card: #FFFFFFFF; - --on-light-surface-solid-default-hover: #262626FF; + --on-light-surface-solid-default-hover: #0D0D0DFF; --on-light-surface-solid-default-active: #030303FF; --on-light-surface-solid-default: #080808; - --on-light-surface-transparent-primary-hover: #08080800; - --on-light-surface-transparent-primary-active: #0808080A; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02); - --on-light-surface-transparent-secondary-hover: #08080805; - --on-light-surface-transparent-secondary-active: #0808081A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); - --on-light-surface-transparent-tertiary-hover: #0808080A; - --on-light-surface-transparent-tertiary-active: #08080829; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); - --on-light-surface-transparent-deep-hover: #0808088F; - --on-light-surface-transparent-deep-active: #080808AD; + --on-light-surface-transparent-primary-hover: #0808080F; + --on-light-surface-transparent-primary-active: #08080800; + --on-light-surface-transparent-primary: #08080805; + --on-light-surface-transparent-secondary-hover: #0808081F; + --on-light-surface-transparent-secondary-active: #0808080A; + --on-light-surface-transparent-secondary: #0808080F; + --on-light-surface-transparent-tertiary-hover: #0808083D; + --on-light-surface-transparent-tertiary-active: #0808080F; + --on-light-surface-transparent-tertiary: #0808081F; + --on-light-surface-transparent-deep-hover: #080808C2; + --on-light-surface-transparent-deep-active: #08080894; --on-light-surface-transparent-deep: #080808A3; - --on-light-surface-transparent-card-hover: #FFFFFFFF; - --on-light-surface-transparent-card-active: #FFFFFFFF; - --on-light-surface-transparent-card: #FFFFFFFF; + --on-light-surface-transparent-card-hover: #0808081F; + --on-light-surface-transparent-card-active: #0808080A; + --on-light-surface-transparent-card: #0808080F; --on-light-surface-clear-hover: #00000000; --on-light-surface-clear-active: #00000000; - --on-light-surface-clear: rgba(0, 0, 0, 0); - --on-light-surface-accent-hover: #1EB83AFF; - --on-light-surface-accent-active: #178C2CFF; + --on-light-surface-clear: #00000000; + --on-light-surface-accent-hover: #1DAF37FF; + --on-light-surface-accent-active: #18952FFF; --on-light-surface-accent: #1A9E32; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); - --on-light-surface-positive-hover: #1EB83AFF; - --on-light-surface-positive-active: #178C2CFF; + --on-light-surface-positive-hover: #1DAF37FF; + --on-light-surface-positive-active: #18952FFF; --on-light-surface-positive: #1A9E32; - --on-light-surface-warning-hover: #FB782DFF; - --on-light-surface-warning-active: #E65705FF; + --on-light-surface-warning-hover: #FB7223FF; + --on-light-surface-warning-active: #F05B05FF; --on-light-surface-warning: #FA5F05; - --on-light-surface-negative-hover: #FF5263FF; - --on-light-surface-negative-active: #FF142CFF; + --on-light-surface-negative-hover: #FF475AFF; + --on-light-surface-negative-active: #FF1F35FF; --on-light-surface-negative: #FF293E; - --inverse-surface-solid-primary-hover: #363636FF; - --inverse-surface-solid-primary-active: #0D0D0DFF; - --inverse-surface-solid-primary: #171717; - --inverse-surface-solid-secondary-hover: #3B3B3BFF; - --inverse-surface-solid-secondary-active: #1C1C1CFF; - --inverse-surface-solid-secondary: #262626; - --inverse-surface-solid-tertiary-hover: #4A4A4AFF; - --inverse-surface-solid-tertiary-active: #2B2B2BFF; - --inverse-surface-solid-tertiary: #363636; - --inverse-surface-solid-card-hover: #363636FF; - --inverse-surface-solid-card-active: #0D0D0DFF; - --inverse-surface-solid-card: #171717; - --inverse-surface-solid-default-hover: #FFFFFFFF; - --inverse-surface-solid-default-active: #F5F5F5FF; - --inverse-surface-solid-default: #F9F9F9; - --inverse-surface-transparent-primary-hover: #FFFFFF05; - --inverse-surface-transparent-primary-active: #FFFFFF1A; - --inverse-surface-transparent-primary: rgba(255, 255, 255, 0.06); - --inverse-surface-transparent-secondary-hover: #FFFFFF0A; - --inverse-surface-transparent-secondary-active: #FFFFFF29; - --inverse-surface-transparent-secondary: rgba(255, 255, 255, 0.12); - --inverse-surface-transparent-tertiary-hover: #FFFFFF1F; - --inverse-surface-transparent-tertiary-active: #FFFFFF3D; - --inverse-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); - --inverse-surface-transparent-deep-hover: #FFFFFF8F; - --inverse-surface-transparent-deep-active: #FFFFFFAD; - --inverse-surface-transparent-deep: #FFFFFFA3; - --inverse-surface-transparent-card-hover: #FFFFFF05; - --inverse-surface-transparent-card-active: #FFFFFF1A; - --inverse-surface-transparent-card: #FFFFFF0F; + --inverse-surface-solid-primary-hover: #FAFAFAFF; + --inverse-surface-solid-primary-active: #F0F0F0FF; + --inverse-surface-solid-primary: #F5F5F5; + --inverse-surface-solid-secondary-hover: #F7F7F7FF; + --inverse-surface-solid-secondary-active: #E8E8E8FF; + --inverse-surface-solid-secondary: #ECECEC; + --inverse-surface-solid-tertiary-hover: #E8E8E8FF; + --inverse-surface-solid-tertiary-active: #D9D9D9FF; + --inverse-surface-solid-tertiary: #DDDDDD; + --inverse-surface-solid-card-hover: #FFFFFFFF; + --inverse-surface-solid-card-active: #FFFFFFFF; + --inverse-surface-solid-card: #FFFFFFFF; + --inverse-surface-solid-default-hover: #0D0D0DFF; + --inverse-surface-solid-default-active: #030303FF; + --inverse-surface-solid-default: #080808; + --inverse-surface-transparent-primary-hover: #0808080F; + --inverse-surface-transparent-primary-active: #08080800; + --inverse-surface-transparent-primary: #08080805; + --inverse-surface-transparent-secondary-hover: #0808081F; + --inverse-surface-transparent-secondary-active: #0808080A; + --inverse-surface-transparent-secondary: #0808080F; + --inverse-surface-transparent-tertiary-hover: #0808083D; + --inverse-surface-transparent-tertiary-active: #0808080F; + --inverse-surface-transparent-tertiary: #0808081F; + --inverse-surface-transparent-deep-hover: #080808C2; + --inverse-surface-transparent-deep-active: #08080894; + --inverse-surface-transparent-deep: #080808A3; + --inverse-surface-transparent-card-hover: #FFFFFFFF; + --inverse-surface-transparent-card-active: #FFFFFFFF; + --inverse-surface-transparent-card: #FFFFFFFF; --inverse-surface-clear-hover: #00000000; --inverse-surface-clear-active: #00000000; - --inverse-surface-clear: rgba(0, 0, 0, 0); - --inverse-surface-accent-hover: #1EB83AFF; - --inverse-surface-accent-active: #178C2CFF; + --inverse-surface-clear: #00000000; + --inverse-surface-accent-hover: #1DAF37FF; + --inverse-surface-accent-active: #18952FFF; --inverse-surface-accent: #1A9E32; - --inverse-surface-accent-gradient-hover: #FFFFFFFF; - --inverse-surface-accent-gradient-active: #FFFFFFFF; - --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); - --inverse-surface-positive-hover: #1EB83AFF; - --inverse-surface-positive-active: #178C2CFF; + --inverse-surface-positive-hover: #1DAF37FF; + --inverse-surface-positive-active: #18952FFF; --inverse-surface-positive: #1A9E32; - --inverse-surface-warning-hover: #FB782DFF; - --inverse-surface-warning-active: #E65705FF; + --inverse-surface-warning-hover: #FB7223FF; + --inverse-surface-warning-active: #F05B05FF; --inverse-surface-warning: #FA5F05; - --inverse-surface-negative-hover: #FF5263FF; - --inverse-surface-negative-active: #FF142CFF; + --inverse-surface-negative-hover: #FF475AFF; + --inverse-surface-negative-active: #FF1F35FF; --inverse-surface-negative: #FF293E; - --background-primary: #F9F9F9; + --background-primary: #080808; --dark-background-primary: #080808; --light-background-primary: #F9F9F9; - --inverse-background-primary: #080808; - --overlay-soft: #F9F9F98F; - --overlay-hard: #F9F9F9F5; - --overlay-blur: rgba(249,249,249,0.28); + --inverse-background-primary: #F9F9F9; + --overlay-soft: #0808088F; + --overlay-hard: #080808F5; + --overlay-blur: #08080847; --on-dark-overlay-soft: #0808088F; --on-dark-overlay-hard: #080808F5; - --on-dark-overlay-blur: rgba(8,8,8,0.28); + --on-dark-overlay-blur: #08080847; --on-light-overlay-soft: #F9F9F98F; --on-light-overlay-hard: #F9F9F9F5; - --on-light-overlay-blur: rgba(249,249,249,0.28); - --inverse-overlay-soft: #0808088F; - --inverse-overlay-hard: #080808F5; - --inverse-overlay-blur: rgba(8,8,8,0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); + --on-light-overlay-blur: #F9F9F947; + --inverse-overlay-soft: #F9F9F98F; + --inverse-overlay-hard: #F9F9F9F5; + --inverse-overlay-blur: #F9F9F947; color: var(--text-primary); background-color: var(--background-primary); } -.light, - .dark { +.light { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-dark-text-accent-gradient-hover: #CCCCCCFF; + --on-dark-text-accent-gradient-active: #E6E6E6FF; + --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-text-accent-gradient-hover: #CCCCCCFF; + --on-light-text-accent-gradient-active: #E6E6E6FF; + --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --inverse-text-accent-gradient-hover: #CCCCCCFF; + --inverse-text-accent-gradient-active: #E6E6E6FF; + --inverse-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient-hover: #FFFFFFFF; + --inverse-surface-accent-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +.dark, .light { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +.dark, .light { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + +.dark, .light { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -689,64 +765,64 @@ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -765,7 +841,7 @@ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -776,8 +852,7 @@ } @media (max-width: 559px) { - .light, - .dark { + .dark, .light { --plasma-typo-dspl-l-font-size: 5.5rem; --plasma-typo-dspl-l-font-weight: 300; --plasma-typo-dspl-l-line-height: 5.75rem; @@ -884,8 +959,7 @@ } @media (min-width: 560px) and (max-width: 959px) { - .light, - .dark { + .dark, .light { --plasma-typo-dspl-l-font-size: 7rem; --plasma-typo-dspl-l-font-weight: 300; --plasma-typo-dspl-l-line-height: 7rem; @@ -992,8 +1066,7 @@ } @media (min-width: 960px) { - .light, - .dark { + .dark, .light { --plasma-typo-dspl-l-font-size: 8rem; --plasma-typo-dspl-l-font-weight: 300; --plasma-typo-dspl-l-line-height: 8rem; @@ -1097,4 +1170,4 @@ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} +} \ No newline at end of file diff --git a/packages/themes/sdds-themes/src/css/sdds_serv__dark.css b/packages/themes/sdds-themes/src/css/sdds_serv__dark.css index b9c8d8dc64..3556f2f2f3 100644 --- a/packages/themes/sdds-themes/src/css/sdds_serv__dark.css +++ b/packages/themes/sdds-themes/src/css/sdds_serv__dark.css @@ -3,22 +3,19 @@ :root { --text-primary-hover: #F5F5F593; --text-primary-active: #F5F5F5C4; - --text-primary: #f5f5f5F5; + --text-primary: #F5F5F5F5; --text-secondary-hover: #F5F5F5FF; --text-secondary-active: #F5F5F5AB; - --text-secondary: #F5f5f58F; + --text-secondary: #F5F5F58F; --text-tertiary-hover: #F5F5F5FF; --text-tertiary-active: #F5F5F556; - --text-tertiary: #F5f5f548; + --text-tertiary: #F5F5F548; --text-paragraph-hover: #F5F5F57A; --text-paragraph-active: #F5F5F5A3; - --text-paragraph: #f5f5f5cc; + --text-paragraph: #F5F5F5CC; --text-accent-hover: #2ACB47FF; --text-accent-active: #1F9835FF; --text-accent: #24B23E; - --text-accent-gradient-hover: #CCCCCCFF; - --text-accent-gradient-active: #E6E6E6FF; - --text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --text-positive-hover: #2ACB47FF; --text-positive-active: #1F9835FF; --text-positive: #24B23E; @@ -30,22 +27,19 @@ --text-negative: #FF3D51; --on-dark-text-primary-hover: #F5F5F593; --on-dark-text-primary-active: #F5F5F5C4; - --on-dark-text-primary: #f5f5f5F5; + --on-dark-text-primary: #F5F5F5F5; --on-dark-text-secondary-hover: #F5F5F5FF; --on-dark-text-secondary-active: #F5F5F5AB; - --on-dark-text-secondary: #F5f5f58F; + --on-dark-text-secondary: #F5F5F58F; --on-dark-text-tertiary-hover: #F5F5F5FF; --on-dark-text-tertiary-active: #F5F5F556; - --on-dark-text-tertiary: #F5f5f548; + --on-dark-text-tertiary: #F5F5F548; --on-dark-text-paragraph-hover: #F5F5F57A; --on-dark-text-paragraph-active: #F5F5F5A3; - --on-dark-text-paragraph: #f5f5f5CC; + --on-dark-text-paragraph: #F5F5F5CC; --on-dark-text-accent-hover: #2ACB47FF; --on-dark-text-accent-active: #1F9835FF; --on-dark-text-accent: #24B23E; - --on-dark-text-accent-gradient-hover: #CCCCCCFF; - --on-dark-text-accent-gradient-active: #E6E6E6FF; - --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-dark-text-positive-hover: #2ACB47FF; --on-dark-text-positive-active: #1F9835FF; --on-dark-text-positive: #24B23E; @@ -70,9 +64,6 @@ --on-light-text-accent-hover: #13AA2CFF; --on-light-text-accent-active: #0D731EFF; --on-light-text-accent: #108E26; - --on-light-text-accent-gradient-hover: #CCCCCCFF; - --on-light-text-accent-gradient-active: #E6E6E6FF; - --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --on-light-text-positive-hover: #13AA2CFF; --on-light-text-positive-active: #0D731EFF; --on-light-text-positive: #108E26; @@ -97,9 +88,6 @@ --inverse-text-accent-hover: #13AA2CFF; --inverse-text-accent-active: #0D731EFF; --inverse-text-accent: #108E26; - --inverse-text-accent-gradient-hover: #CCCCCCFF; - --inverse-text-accent-gradient-active: #E6E6E6FF; - --inverse-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --inverse-text-positive-hover: #13AA2CFF; --inverse-text-positive-active: #0D731EFF; --inverse-text-positive: #108E26; @@ -129,10 +117,10 @@ --surface-transparent-primary: #FFFFFF0F; --surface-transparent-secondary-hover: #FFFFFF3D; --surface-transparent-secondary-active: #FFFFFF0F; - --surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --surface-transparent-secondary: #FFFFFF1F; --surface-transparent-tertiary-hover: #FFFFFF52; --surface-transparent-tertiary-active: #FFFFFF24; - --surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --surface-transparent-tertiary: #FFFFFF33; --surface-transparent-deep-hover: #FFFFFFC2; --surface-transparent-deep-active: #FFFFFF94; --surface-transparent-deep: #FFFFFFA3; @@ -141,13 +129,10 @@ --surface-transparent-card: #FFFFFF0F; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0, 0, 0, 0); + --surface-clear: #00000000; --surface-accent-hover: #1DAF37FF; --surface-accent-active: #18952FFF; --surface-accent: #1A9E32; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --surface-positive-hover: #1DAF37FF; --surface-positive-active: #18952FFF; --surface-positive: #1A9E32; @@ -159,13 +144,13 @@ --surface-negative: #FF293E; --surface-transparent-positive-hover: #1A9E323D; --surface-transparent-positive-active: #1A9E320F; - --surface-transparent-positive: rgba(26,158,50,0.12); + --surface-transparent-positive: #1A9E321F; --surface-transparent-warning-hover: #FA5F053D; --surface-transparent-warning-active: #FA5F050F; - --surface-transparent-warning: rgba(250,95,5,0.12); + --surface-transparent-warning: #FA5F051F; --surface-transparent-negative-hover: #FF293E3D; --surface-transparent-negative-active: #FF293E0F; - --surface-transparent-negative: rgba(255,41,62,0.12); + --surface-transparent-negative: #FF293E1F; --on-dark-surface-solid-primary-hover: #1C1C1CFF; --on-dark-surface-solid-primary-active: #121212FF; --on-dark-surface-solid-primary: #171717; @@ -183,13 +168,13 @@ --on-dark-surface-solid-default: #F9F9F9; --on-dark-surface-transparent-primary-hover: #FFFFFF1F; --on-dark-surface-transparent-primary-active: #FFFFFF0A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; --on-dark-surface-transparent-secondary-active: #FFFFFF0F; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; --on-dark-surface-transparent-tertiary-active: #FFFFFF24; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-deep-hover: #FFFFFFC2; --on-dark-surface-transparent-deep-active: #FFFFFF94; --on-dark-surface-transparent-deep: #FFFFFFA3; @@ -198,13 +183,10 @@ --on-dark-surface-transparent-card: #FFFFFF0F; --on-dark-surface-clear-hover: #00000000; --on-dark-surface-clear-active: #00000000; - --on-dark-surface-clear: rgba(0, 0, 0, 0); + --on-dark-surface-clear: #00000000; --on-dark-surface-accent-hover: #1DAF37FF; --on-dark-surface-accent-active: #18952FFF; --on-dark-surface-accent: #1A9E32; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-dark-surface-positive-hover: #1DAF37FF; --on-dark-surface-positive-active: #18952FFF; --on-dark-surface-positive: #1A9E32; @@ -231,28 +213,25 @@ --on-light-surface-solid-default: #080808; --on-light-surface-transparent-primary-hover: #0808080F; --on-light-surface-transparent-primary-active: #08080800; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02); + --on-light-surface-transparent-primary: #08080805; --on-light-surface-transparent-secondary-hover: #0808081F; --on-light-surface-transparent-secondary-active: #0808080A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808083D; --on-light-surface-transparent-tertiary-active: #0808080F; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #080808C2; --on-light-surface-transparent-deep-active: #08080894; --on-light-surface-transparent-deep: #080808A3; --on-light-surface-transparent-card-hover: #0808081F; --on-light-surface-transparent-card-active: #0808080A; - --on-light-surface-transparent-card: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-card: #0808080F; --on-light-surface-clear-hover: #00000000; --on-light-surface-clear-active: #00000000; - --on-light-surface-clear: rgba(0, 0, 0, 0); + --on-light-surface-clear: #00000000; --on-light-surface-accent-hover: #1DAF37FF; --on-light-surface-accent-active: #18952FFF; --on-light-surface-accent: #1A9E32; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-light-surface-positive-hover: #1DAF37FF; --on-light-surface-positive-active: #18952FFF; --on-light-surface-positive: #1A9E32; @@ -279,13 +258,13 @@ --inverse-surface-solid-default: #080808; --inverse-surface-transparent-primary-hover: #0808080F; --inverse-surface-transparent-primary-active: #08080800; - --inverse-surface-transparent-primary: rgba(8, 8, 8, 0.02); + --inverse-surface-transparent-primary: #08080805; --inverse-surface-transparent-secondary-hover: #0808081F; --inverse-surface-transparent-secondary-active: #0808080A; - --inverse-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --inverse-surface-transparent-secondary: #0808080F; --inverse-surface-transparent-tertiary-hover: #0808083D; --inverse-surface-transparent-tertiary-active: #0808080F; - --inverse-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --inverse-surface-transparent-tertiary: #0808081F; --inverse-surface-transparent-deep-hover: #080808C2; --inverse-surface-transparent-deep-active: #08080894; --inverse-surface-transparent-deep: #080808A3; @@ -294,13 +273,10 @@ --inverse-surface-transparent-card: #FFFFFFFF; --inverse-surface-clear-hover: #00000000; --inverse-surface-clear-active: #00000000; - --inverse-surface-clear: rgba(0, 0, 0, 0); + --inverse-surface-clear: #00000000; --inverse-surface-accent-hover: #1DAF37FF; --inverse-surface-accent-active: #18952FFF; --inverse-surface-accent: #1A9E32; - --inverse-surface-accent-gradient-hover: #FFFFFFFF; - --inverse-surface-accent-gradient-active: #FFFFFFFF; - --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --inverse-surface-positive-hover: #1DAF37FF; --inverse-surface-positive-active: #18952FFF; --inverse-surface-positive: #1A9E32; @@ -315,28 +291,104 @@ --light-background-primary: #F9F9F9; --inverse-background-primary: #F9F9F9; --overlay-soft: #0808088F; - --overlay-hard: #080808f5; - --overlay-blur: rgba(8,8,8,0.28); - --on-dark-overlay-soft: #0808088f; - --on-dark-overlay-hard: #080808f5; - --on-dark-overlay-blur: rgba(8,8,8,0.28); - --on-light-overlay-soft: rgba(249,249,249,0.56); - --on-light-overlay-hard: #f9f9f9f5; - --on-light-overlay-blur: rgba(249,249,249,0.28); - --inverse-overlay-soft: #f9f9f98F; - --inverse-overlay-hard: #f9f9f9f5; - --inverse-overlay-blur: rgba(249,249,249,0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); + --overlay-hard: #080808F5; + --overlay-blur: #08080847; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080847; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F947; + --inverse-overlay-soft: #F9F9F98F; + --inverse-overlay-hard: #F9F9F9F5; + --inverse-overlay-blur: #F9F9F947; color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-dark-text-accent-gradient-hover: #CCCCCCFF; + --on-dark-text-accent-gradient-active: #E6E6E6FF; + --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-text-accent-gradient-hover: #CCCCCCFF; + --on-light-text-accent-gradient-active: #E6E6E6FF; + --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --inverse-text-accent-gradient-hover: #CCCCCCFF; + --inverse-text-accent-gradient-active: #E6E6E6FF; + --inverse-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient-hover: #FFFFFFFF; + --inverse-surface-accent-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -356,64 +408,64 @@ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -432,7 +484,7 @@ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -761,4 +813,4 @@ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} +} \ No newline at end of file diff --git a/packages/themes/sdds-themes/src/css/sdds_serv__light.css b/packages/themes/sdds-themes/src/css/sdds_serv__light.css index 47b1a8eb2a..9e6b252fc7 100644 --- a/packages/themes/sdds-themes/src/css/sdds_serv__light.css +++ b/packages/themes/sdds-themes/src/css/sdds_serv__light.css @@ -16,9 +16,6 @@ --text-accent-hover: #14B32EFF; --text-accent-active: #0C6A1BFF; --text-accent: #108E26; - --text-accent-gradient-hover: #000000FF; - --text-accent-gradient-active: #CCCCCCFF; - --text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --text-positive-hover: #14B32EFF; --text-positive-active: #0C6A1BFF; --text-positive: #108E26; @@ -43,9 +40,6 @@ --on-dark-text-accent-hover: #2BD44AFF; --on-dark-text-accent-active: #1D9032FF; --on-dark-text-accent: #24B23E; - --on-dark-text-accent-gradient-hover: #000000FF; - --on-dark-text-accent-gradient-active: #CCCCCCFF; - --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-dark-text-positive-hover: #2BD44AFF; --on-dark-text-positive-active: #1D9032FF; --on-dark-text-positive: #24B23E; @@ -70,9 +64,6 @@ --on-light-text-accent-hover: #14B32EFF; --on-light-text-accent-active: #0C6A1BFF; --on-light-text-accent: #108E26; - --on-light-text-accent-gradient-hover: #000000FF; - --on-light-text-accent-gradient-active: #CCCCCCFF; - --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --on-light-text-positive-hover: #14B32EFF; --on-light-text-positive-active: #0C6A1BFF; --on-light-text-positive: #108E26; @@ -97,9 +88,6 @@ --inverse-text-accent-hover: #2BD44AFF; --inverse-text-accent-active: #1D9032FF; --inverse-text-accent: #24B23E; - --inverse-text-accent-gradient-hover: #000000FF; - --inverse-text-accent-gradient-active: #CCCCCCFF; - --inverse-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --inverse-text-positive-hover: #2BD44AFF; --inverse-text-positive-active: #1D9032FF; --inverse-text-positive: #24B23E; @@ -126,13 +114,13 @@ --surface-solid-default: #080808; --surface-transparent-primary-hover: #08080800; --surface-transparent-primary-active: #0808080A; - --surface-transparent-primary: rgba(8, 8, 8, 0.02); + --surface-transparent-primary: #08080805; --surface-transparent-secondary-hover: #08080805; --surface-transparent-secondary-active: #0808081A; - --surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --surface-transparent-secondary: #0808080F; --surface-transparent-tertiary-hover: #0808080A; --surface-transparent-tertiary-active: #08080829; - --surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --surface-transparent-tertiary: #0808081F; --surface-transparent-deep-hover: #0808088F; --surface-transparent-deep-active: #080808AD; --surface-transparent-deep: #080808A3; @@ -141,13 +129,10 @@ --surface-transparent-card: #FFFFFFFF; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0, 0, 0, 0); + --surface-clear: #00000000; --surface-accent-hover: #1EB83AFF; --surface-accent-active: #178C2CFF; --surface-accent: #1A9E32; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --surface-positive-hover: #1EB83AFF; --surface-positive-active: #178C2CFF; --surface-positive: #1A9E32; @@ -159,13 +144,13 @@ --surface-negative: #FF293E; --surface-transparent-positive-hover: #1A9E3205; --surface-transparent-positive-active: #1A9E321A; - --surface-transparent-positive: rgba(26,158,50,0.06); + --surface-transparent-positive: #1A9E320F; --surface-transparent-warning-hover: #FA5F0505; --surface-transparent-warning-active: #FA5F051A; - --surface-transparent-warning: rgba(250,95,5,0.06); + --surface-transparent-warning: #FA5F050F; --surface-transparent-negative-hover: #F31B3105; --surface-transparent-negative-active: #F31B311A; - --surface-transparent-negative: rgba(243,27,49,0.06); + --surface-transparent-negative: #F31B310F; --on-dark-surface-solid-primary-hover: #363636FF; --on-dark-surface-solid-primary-active: #0D0D0DFF; --on-dark-surface-solid-primary: #171717; @@ -183,13 +168,13 @@ --on-dark-surface-solid-default: #F9F9F9; --on-dark-surface-transparent-primary-hover: #FFFFFF05; --on-dark-surface-transparent-primary-active: #FFFFFF1A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF0A; --on-dark-surface-transparent-secondary-active: #FFFFFF29; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F; --on-dark-surface-transparent-tertiary-active: #FFFFFF3D; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-deep-hover: #FFFFFF8F; --on-dark-surface-transparent-deep-active: #FFFFFFAD; --on-dark-surface-transparent-deep: #FFFFFFA3; @@ -198,13 +183,10 @@ --on-dark-surface-transparent-card: #FFFFFF0F; --on-dark-surface-clear-hover: #00000000; --on-dark-surface-clear-active: #00000000; - --on-dark-surface-clear: rgba(0, 0, 0, 0); + --on-dark-surface-clear: #00000000; --on-dark-surface-accent-hover: #1EB83AFF; --on-dark-surface-accent-active: #178C2CFF; --on-dark-surface-accent: #1A9E32; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-dark-surface-positive-hover: #1EB83AFF; --on-dark-surface-positive-active: #178C2CFF; --on-dark-surface-positive: #1A9E32; @@ -231,13 +213,13 @@ --on-light-surface-solid-default: #080808; --on-light-surface-transparent-primary-hover: #08080800; --on-light-surface-transparent-primary-active: #0808080A; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02); + --on-light-surface-transparent-primary: #08080805; --on-light-surface-transparent-secondary-hover: #08080805; --on-light-surface-transparent-secondary-active: #0808081A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808080A; --on-light-surface-transparent-tertiary-active: #08080829; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #0808088F; --on-light-surface-transparent-deep-active: #080808AD; --on-light-surface-transparent-deep: #080808A3; @@ -246,13 +228,10 @@ --on-light-surface-transparent-card: #FFFFFFFF; --on-light-surface-clear-hover: #00000000; --on-light-surface-clear-active: #00000000; - --on-light-surface-clear: rgba(0, 0, 0, 0); + --on-light-surface-clear: #00000000; --on-light-surface-accent-hover: #1EB83AFF; --on-light-surface-accent-active: #178C2CFF; --on-light-surface-accent: #1A9E32; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-light-surface-positive-hover: #1EB83AFF; --on-light-surface-positive-active: #178C2CFF; --on-light-surface-positive: #1A9E32; @@ -279,13 +258,13 @@ --inverse-surface-solid-default: #F9F9F9; --inverse-surface-transparent-primary-hover: #FFFFFF05; --inverse-surface-transparent-primary-active: #FFFFFF1A; - --inverse-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --inverse-surface-transparent-primary: #FFFFFF0F; --inverse-surface-transparent-secondary-hover: #FFFFFF0A; --inverse-surface-transparent-secondary-active: #FFFFFF29; - --inverse-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --inverse-surface-transparent-secondary: #FFFFFF1F; --inverse-surface-transparent-tertiary-hover: #FFFFFF1F; --inverse-surface-transparent-tertiary-active: #FFFFFF3D; - --inverse-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --inverse-surface-transparent-tertiary: #FFFFFF33; --inverse-surface-transparent-deep-hover: #FFFFFF8F; --inverse-surface-transparent-deep-active: #FFFFFFAD; --inverse-surface-transparent-deep: #FFFFFFA3; @@ -294,13 +273,10 @@ --inverse-surface-transparent-card: #FFFFFF0F; --inverse-surface-clear-hover: #00000000; --inverse-surface-clear-active: #00000000; - --inverse-surface-clear: rgba(0, 0, 0, 0); + --inverse-surface-clear: #00000000; --inverse-surface-accent-hover: #1EB83AFF; --inverse-surface-accent-active: #178C2CFF; --inverse-surface-accent: #1A9E32; - --inverse-surface-accent-gradient-hover: #FFFFFFFF; - --inverse-surface-accent-gradient-active: #FFFFFFFF; - --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --inverse-surface-positive-hover: #1EB83AFF; --inverse-surface-positive-active: #178C2CFF; --inverse-surface-positive: #1A9E32; @@ -316,27 +292,103 @@ --inverse-background-primary: #080808; --overlay-soft: #F9F9F98F; --overlay-hard: #F9F9F9F5; - --overlay-blur: rgba(249,249,249,0.28); + --overlay-blur: #F9F9F947; --on-dark-overlay-soft: #0808088F; --on-dark-overlay-hard: #080808F5; - --on-dark-overlay-blur: rgba(8,8,8,0.28); + --on-dark-overlay-blur: #08080847; --on-light-overlay-soft: #F9F9F98F; --on-light-overlay-hard: #F9F9F9F5; - --on-light-overlay-blur: rgba(249,249,249,0.28); + --on-light-overlay-blur: #F9F9F947; --inverse-overlay-soft: #0808088F; --inverse-overlay-hard: #080808F5; - --inverse-overlay-blur: rgba(8,8,8,0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); + --inverse-overlay-blur: #08080847; color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-accent-gradient-hover: #000000FF; + --text-accent-gradient-active: #CCCCCCFF; + --text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --on-dark-text-accent-gradient-hover: #000000FF; + --on-dark-text-accent-gradient-active: #CCCCCCFF; + --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-text-accent-gradient-hover: #000000FF; + --on-light-text-accent-gradient-active: #CCCCCCFF; + --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --inverse-text-accent-gradient-hover: #000000FF; + --inverse-text-accent-gradient-active: #CCCCCCFF; + --inverse-text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient-hover: #FFFFFFFF; + --inverse-surface-accent-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -356,64 +408,64 @@ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -432,7 +484,7 @@ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -761,4 +813,4 @@ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} +} \ No newline at end of file diff --git a/packages/themes/sdds-themes/src/themes/index.ts b/packages/themes/sdds-themes/src/themes/index.ts index 16c52725c4..e880df47ce 100644 --- a/packages/themes/sdds-themes/src/themes/index.ts +++ b/packages/themes/sdds-themes/src/themes/index.ts @@ -1,4 +1,6 @@ // Generated by robots, do not change this manually! -export { sdds_serv__light } from './sdds_serv__light'; export { sdds_serv__dark } from './sdds_serv__dark'; +export { sdds_serv__light } from './sdds_serv__light'; +export { sdds_dfa__dark } from './sdds_dfa__dark'; +export { sdds_dfa__light } from './sdds_dfa__light'; diff --git a/packages/themes/sdds-themes/src/themes/sdds_dfa__dark.ts b/packages/themes/sdds-themes/src/themes/sdds_dfa__dark.ts new file mode 100644 index 0000000000..d93be3da74 --- /dev/null +++ b/packages/themes/sdds-themes/src/themes/sdds_dfa__dark.ts @@ -0,0 +1,946 @@ +// Generated by robots, do not change this manually! + +export const sdds_dfa__dark = ([ + ` +:root { + --text-primary-hover: #F5F5F593; + --text-primary-active: #F5F5F5C4; + --text-secondary-hover: #F5F5F5FF; + --text-secondary-active: #F5F5F5AB; + --text-tertiary-hover: #F5F5F5FF; + --text-tertiary-active: #F5F5F556; + --text-paragraph-hover: #F5F5F57A; + --text-paragraph-active: #F5F5F5A3; + --text-accent-hover: #17E8ADFF; + --text-accent-active: #11B083FF; + --text-accent-minor-hover: #ABFCE5FF; + --text-accent-minor-active: #70FAD3FF; + --text-positive-hover: #2ACB47FF; + --text-positive-active: #1F9835FF; + --text-warning-hover: #FF8442FF; + --text-warning-active: #FF5D05FF; + --text-negative-hover: #FF5C6CFF; + --text-negative-active: #FF1F35FF; + --text-info-hover: #50B1F2FF; + --text-info-active: #0F7BC2FF; + --text-positive-minor-hover: #64F77FFF; + --text-positive-minor-active: #81F897FF; + --text-warning-minor-hover: #FDBC96FF; + --text-warning-minor-active: #FDCFB4FF; + --text-negative-minor-hover: #FFA3ACFF; + --text-negative-minor-active: #FFC2C8FF; + --text-info-minor-hover: #94D4FFFF; + --text-info-minor-active: #B3E0FFFF; + --text-primary: #F5F5F5F5; + --text-secondary: #F5F5F58F; + --text-tertiary: #F5F5F547; + --text-paragraph: #F5F5F5CC; + --text-accent: #14CC98; + --text-positive: #24B23E; + --text-warning: #FF7024; + --text-negative: #FF3D51; + --on-dark-text-primary-hover: #F5F5F593; + --on-dark-text-primary-active: #F5F5F5C4; + --on-dark-text-secondary-hover: #F5F5F5FF; + --on-dark-text-secondary-active: #F5F5F5AB; + --on-dark-text-tertiary-hover: #F5F5F5FF; + --on-dark-text-tertiary-active: #F5F5F556; + --on-dark-text-paragraph-hover: #F5F5F57A; + --on-dark-text-paragraph-active: #F5F5F5A3; + --on-dark-text-accent-hover: #17E8ADFF; + --on-dark-text-accent-active: #11B083FF; + --on-dark-text-accent-minor-hover: #ABFCE5FF; + --on-dark-text-accent-minor-active: #70FAD3FF; + --on-dark-text-positive-hover: #2ACB47FF; + --on-dark-text-positive-active: #1F9835FF; + --on-dark-text-warning-hover: #FF8442FF; + --on-dark-text-warning-active: #FF5D05FF; + --on-dark-text-negative-hover: #FF5C6CFF; + --on-dark-text-negative-active: #FF1F35FF; + --on-dark-text-info-hover: #50B1F2FF; + --on-dark-text-info-active: #0F7BC2FF; + --on-dark-text-positive-minor-hover: #64F77FFF; + --on-dark-text-positive-minor-active: #81F897FF; + --on-dark-text-warning-minor-hover: #FDBC96FF; + --on-dark-text-warning-minor-active: #FDCFB4FF; + --on-dark-text-negative-minor-hover: #FFA3ACFF; + --on-dark-text-negative-minor-active: #FFC2C8FF; + --on-dark-text-info-minor-hover: #94D4FFFF; + --on-dark-text-info-minor-active: #B3E0FFFF; + --on-dark-text-primary: #F5F5F5F5; + --on-dark-text-secondary: #F5F5F58F; + --on-dark-text-tertiary: #F5F5F547; + --on-dark-text-paragraph: #F5F5F5CC; + --on-dark-text-accent: #14CC98; + --on-dark-text-positive: #24B23E; + --on-dark-text-warning: #FF7024; + --on-dark-text-negative: #FF3D51; + --on-light-text-primary-hover: #17171793; + --on-light-text-primary-active: #171717C4; + --on-light-text-secondary-hover: #171717FF; + --on-light-text-secondary-active: #171717AB; + --on-light-text-tertiary-hover: #171717FF; + --on-light-text-tertiary-active: #17171756; + --on-light-text-paragraph-hover: #1717177A; + --on-light-text-paragraph-active: #171717A3; + --on-light-text-accent-hover: #06B785FF; + --on-light-text-accent-active: #047C5AFF; + --on-light-text-accent-minor-hover: #10604AFF; + --on-light-text-accent-minor-active: #0B4636FF; + --on-light-text-positive-hover: #1EB83AFF; + --on-light-text-positive-active: #15842AFF; + --on-light-text-warning-hover: #FB7223FF; + --on-light-text-warning-active: #DC5304FF; + --on-light-text-negative-hover: #FF475AFF; + --on-light-text-negative-active: #FF0A23FF; + --on-light-text-info-hover: #34A7F4FF; + --on-light-text-info-active: #096CAEFF; + --on-light-text-positive-minor-hover: #155B22FF; + --on-light-text-positive-minor-active: #104219FF; + --on-light-text-warning-minor-hover: #723613FF; + --on-light-text-warning-minor-active: #58290EFF; + --on-light-text-negative-minor-hover: #7E1621FF; + --on-light-text-negative-minor-active: #64121AFF; + --on-light-text-info-minor-hover: #174B6EFF; + --on-light-text-info-minor-active: #113A55FF; + --on-light-text-primary: #171717F5; + --on-light-text-secondary: #1717178F; + --on-light-text-tertiary: #17171747; + --on-light-text-paragraph: #171717CC; + --on-light-text-accent: #05996F; + --on-light-text-positive: #1A9E32; + --on-light-text-warning: #FA5F05; + --on-light-text-negative: #FF293E; + --inverse-text-primary-hover: #17171793; + --inverse-text-primary-active: #171717C4; + --inverse-text-secondary-hover: #171717FF; + --inverse-text-secondary-active: #171717AB; + --inverse-text-tertiary-hover: #171717FF; + --inverse-text-tertiary-active: #17171756; + --inverse-text-paragraph-hover: #1717177A; + --inverse-text-paragraph-active: #171717A3; + --inverse-text-accent-hover: #06B785FF; + --inverse-text-accent-active: #047C5AFF; + --inverse-text-accent-minor-hover: #10604AFF; + --inverse-text-accent-minor-active: #0B4636FF; + --inverse-text-positive-hover: #1EB83AFF; + --inverse-text-positive-active: #15842AFF; + --inverse-text-warning-hover: #FB7223FF; + --inverse-text-warning-active: #DC5304FF; + --inverse-text-negative-hover: #FF475AFF; + --inverse-text-negative-active: #FF0A23FF; + --inverse-text-info-hover: #34A7F4FF; + --inverse-text-info-active: #096CAEFF; + --inverse-text-positive-minor-hover: #155B22FF; + --inverse-text-positive-minor-active: #104219FF; + --inverse-text-warning-minor-hover: #723613FF; + --inverse-text-warning-minor-active: #58290EFF; + --inverse-text-negative-minor-hover: #7E1621FF; + --inverse-text-negative-minor-active: #64121AFF; + --inverse-text-info-minor-hover: #174B6EFF; + --inverse-text-info-minor-active: #113A55FF; + --inverse-text-primary: #171717F5; + --inverse-text-secondary: #1717178F; + --inverse-text-tertiary: #17171747; + --inverse-text-paragraph: #171717CC; + --inverse-text-accent: #05996F; + --inverse-text-positive: #1A9E32; + --inverse-text-warning: #FA5F05; + --inverse-text-negative: #FF293E; + --surface-solid-primary-hover: #1C1C1CFF; + --surface-solid-primary-active: #121212FF; + --surface-solid-secondary-hover: #303030FF; + --surface-solid-secondary-active: #212121FF; + --surface-solid-tertiary-hover: #404040FF; + --surface-solid-tertiary-active: #303030FF; + --surface-solid-card-hover: #303030FF; + --surface-solid-card-active: #212121FF; + --surface-solid-default-hover: #FFFFFFFF; + --surface-solid-default-active: #F5F5F5FF; + --surface-transparent-primary-hover: #FFFFFF1F; + --surface-transparent-primary-active: #FFFFFF0A; + --surface-transparent-secondary-hover: #FFFFFF3D; + --surface-transparent-secondary-active: #FFFFFF0F; + --surface-transparent-tertiary-hover: #FFFFFF52; + --surface-transparent-tertiary-active: #FFFFFF24; + --surface-transparent-deep-hover: #FFFFFFC2; + --surface-transparent-deep-active: #FFFFFF94; + --surface-transparent-card-hover: #FFFFFF3D; + --surface-transparent-card-active: #FFFFFF0F; + --surface-clear-hover: #FFFFFF00; + --surface-clear-active: #FFFFFF00; + --surface-accent-hover: #00C28BFF; + --surface-accent-active: #00A375FF; + --surface-accent-minor-hover: #0A3D2FFF; + --surface-accent-minor-active: #06231BFF; + --surface-transparent-accent-hover: #14CC9866; + --surface-transparent-accent-active: #14CC9838; + --surface-positive-hover: #28C344FF; + --surface-positive-active: #23A93BFF; + --surface-warning-hover: #FF8442FF; + --surface-warning-active: #FF6A1AFF; + --surface-negative-hover: #FF5C6CFF; + --surface-negative-active: #FF3347FF; + --surface-info-hover: #1798EEFF; + --surface-info-active: #1086D5FF; + --surface-positive-minor-hover: #0E3A16FF; + --surface-positive-minor-active: #08210CFF; + --surface-warning-minor-hover: #4F250DFF; + --surface-warning-minor-active: #351909FF; + --surface-negative-minor-hover: #5B1018FF; + --surface-negative-minor-active: #410B11FF; + --surface-info-minor-hover: #10344CFF; + --surface-info-minor-active: #0A2333FF; + --surface-transparent-positive-hover: #1A9E3266; + --surface-transparent-positive-active: #1A9E3238; + --surface-transparent-warning-hover: #FA5F0566; + --surface-transparent-warning-active: #FA5F0538; + --surface-transparent-negative-hover: #FF293E66; + --surface-transparent-negative-active: #FF293E38; + --surface-transparent-info-hover: #118CDF66; + --surface-transparent-info-active: #118CDF38; + --surface-clear: #FFFFFF00; + --surface-solid-card: #262626; + --surface-solid-primary: #171717; + --surface-solid-secondary: #262626; + --surface-solid-tertiary: #363636; + --surface-solid-default: #F9F9F9; + --surface-accent: #00AC7B; + --surface-positive: #24B23E; + --surface-warning: #FF7024; + --surface-negative: #FF3D51; + --surface-transparent-card: #FFFFFF1F; + --surface-transparent-primary: #FFFFFF0F; + --surface-transparent-secondary: #FFFFFF1F; + --surface-transparent-tertiary: #FFFFFF33; + --surface-transparent-deep: #FFFFFFA3; + --on-dark-surface-solid-primary-hover: #1C1C1CFF; + --on-dark-surface-solid-primary-active: #121212FF; + --on-dark-surface-solid-secondary-hover: #303030FF; + --on-dark-surface-solid-secondary-active: #212121FF; + --on-dark-surface-solid-tertiary-hover: #404040FF; + --on-dark-surface-solid-tertiary-active: #303030FF; + --on-dark-surface-solid-card-hover: #303030FF; + --on-dark-surface-solid-card-active: #212121FF; + --on-dark-surface-solid-default-hover: #FFFFFFFF; + --on-dark-surface-solid-default-active: #F5F5F5FF; + --on-dark-surface-transparent-primary-hover: #FFFFFF1F; + --on-dark-surface-transparent-primary-active: #FFFFFF0A; + --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; + --on-dark-surface-transparent-secondary-active: #FFFFFF0F; + --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; + --on-dark-surface-transparent-tertiary-active: #FFFFFF24; + --on-dark-surface-transparent-deep-hover: #FFFFFFC2; + --on-dark-surface-transparent-deep-active: #FFFFFF94; + --on-dark-surface-transparent-card-hover: #FFFFFF3D; + --on-dark-surface-transparent-card-active: #FFFFFF0F; + --on-dark-surface-clear-hover: #FFFFFF00; + --on-dark-surface-clear-active: #FFFFFF00; + --on-dark-surface-accent-hover: #00C28BFF; + --on-dark-surface-accent-active: #00A375FF; + --on-dark-surface-accent-minor-hover: #0A3D2FFF; + --on-dark-surface-accent-minor-active: #06231BFF; + --on-dark-surface-transparent-accent-hover: #14CC9866; + --on-dark-surface-transparent-accent-active: #14CC9838; + --on-dark-surface-positive-hover: #28C344FF; + --on-dark-surface-positive-active: #23A93BFF; + --on-dark-surface-warning-hover: #FF8442FF; + --on-dark-surface-warning-active: #FF6A1AFF; + --on-dark-surface-negative-hover: #FF5C6CFF; + --on-dark-surface-negative-active: #FF3347FF; + --on-dark-surface-info-hover: #1798EEFF; + --on-dark-surface-info-active: #1086D5FF; + --on-dark-surface-positive-minor-hover: #0E3A16FF; + --on-dark-surface-positive-minor-active: #08210CFF; + --on-dark-surface-warning-minor-hover: #4F250DFF; + --on-dark-surface-warning-minor-active: #351909FF; + --on-dark-surface-negative-minor-hover: #5B1018FF; + --on-dark-surface-negative-minor-active: #410B11FF; + --on-dark-surface-info-minor-hover: #10344CFF; + --on-dark-surface-info-minor-active: #0A2333FF; + --on-dark-surface-transparent-positive-hover: #1A9E3266; + --on-dark-surface-transparent-positive-active: #1A9E3238; + --on-dark-surface-transparent-warning-hover: #FA5F0566; + --on-dark-surface-transparent-warning-active: #FA5F0538; + --on-dark-surface-transparent-negative-hover: #FF293E66; + --on-dark-surface-transparent-negative-active: #FF293E38; + --on-dark-surface-transparent-info-hover: #118CDF66; + --on-dark-surface-transparent-info-active: #118CDF38; + --on-dark-surface-clear: #FFFFFF00; + --on-dark-surface-solid-primary: #171717; + --on-dark-surface-solid-secondary: #262626; + --on-dark-surface-solid-tertiary: #363636; + --on-dark-surface-solid-card: #262626; + --on-dark-surface-solid-default: #F9F9F9; + --on-dark-surface-accent: #00AC7B; + --on-dark-surface-positive: #24B23E; + --on-dark-surface-warning: #FF7024; + --on-dark-surface-negative: #FF3D51; + --on-dark-surface-transparent-card: #FFFFFF1F; + --on-dark-surface-transparent-primary: #FFFFFF0F; + --on-dark-surface-transparent-secondary: #FFFFFF1F; + --on-dark-surface-transparent-tertiary: #FFFFFF33; + --on-dark-surface-transparent-deep: #FFFFFFA3; + --on-light-surface-solid-primary-hover: #FAFAFAFF; + --on-light-surface-solid-primary-active: #F0F0F0FF; + --on-light-surface-solid-secondary-hover: #E8E8E8FF; + --on-light-surface-solid-secondary-active: #D9D9D9FF; + --on-light-surface-solid-tertiary-hover: #D1D1D1FF; + --on-light-surface-solid-tertiary-active: #C2C2C2FF; + --on-light-surface-solid-card-hover: #FFFFFFFF; + --on-light-surface-solid-card-active: #FFFFFFFF; + --on-light-surface-solid-default-hover: #0D0D0DFF; + --on-light-surface-solid-default-active: #030303FF; + --on-light-surface-transparent-primary-hover: #0808080F; + --on-light-surface-transparent-primary-active: #08080800; + --on-light-surface-transparent-secondary-hover: #0808081F; + --on-light-surface-transparent-secondary-active: #0808080A; + --on-light-surface-transparent-tertiary-hover: #0808083D; + --on-light-surface-transparent-tertiary-active: #0808080F; + --on-light-surface-transparent-deep-hover: #080808C2; + --on-light-surface-transparent-deep-active: #08080894; + --on-light-surface-transparent-card-hover: #FFFFFFFF; + --on-light-surface-transparent-card-active: #FFFFFFFF; + --on-light-surface-clear-hover: #FFFFFF00; + --on-light-surface-clear-active: #FFFFFF00; + --on-light-surface-accent-hover: #05AD7EFF; + --on-light-surface-accent-active: #048F68FF; + --on-light-surface-accent-minor-hover: #7AF5D2FF; + --on-light-surface-accent-minor-active: #4BF1C2FF; + --on-light-surface-transparent-accent-hover: #05996F66; + --on-light-surface-transparent-accent-active: #05996F38; + --on-light-surface-positive-hover: #1DAF37FF; + --on-light-surface-positive-active: #18952FFF; + --on-light-surface-warning-hover: #FB7223FF; + --on-light-surface-warning-active: #F05B05FF; + --on-light-surface-negative-hover: #FF475AFF; + --on-light-surface-negative-active: #FF1F35FF; + --on-light-surface-info-hover: #1798EEFF; + --on-light-surface-info-active: #1086D5FF; + --on-light-surface-positive-minor-hover: #8AF59DFF; + --on-light-surface-positive-minor-active: #6EF286FF; + --on-light-surface-warning-minor-hover: #FFDECCFF; + --on-light-surface-warning-minor-active: #FFCAADFF; + --on-light-surface-negative-minor-hover: #FED7DBFF; + --on-light-surface-negative-minor-active: #FEC3C9FF; + --on-light-surface-info-minor-hover: #C7E9FFFF; + --on-light-surface-info-minor-active: #A8DCFFFF; + --on-light-surface-transparent-positive-hover: #1A9E3266; + --on-light-surface-transparent-positive-active: #1A9E3238; + --on-light-surface-transparent-warning-hover: #FA5F0566; + --on-light-surface-transparent-warning-active: #FA5F0538; + --on-light-surface-transparent-negative-hover: #FF293E66; + --on-light-surface-transparent-negative-active: #FF293E38; + --on-light-surface-transparent-info-hover: #118CDF66; + --on-light-surface-transparent-info-active: #118CDF38; + --on-light-surface-solid-primary: #F5F5F5; + --on-light-surface-solid-secondary: #DDDDDD; + --on-light-surface-solid-tertiary: #C7C7C7; + --on-light-surface-solid-card: #FFFFFFFF; + --on-light-surface-solid-default: #080808; + --on-light-surface-clear: #FFFFFF00; + --on-light-surface-accent: #05996F; + --on-light-surface-positive: #1A9E32; + --on-light-surface-warning: #FA5F05; + --on-light-surface-negative: #FF293E; + --on-light-surface-transparent-card: #FFFFFFFF; + --on-light-surface-transparent-primary: #08080805; + --on-light-surface-transparent-secondary: #0808080F; + --on-light-surface-transparent-tertiary: #0808081F; + --on-light-surface-transparent-deep: #080808A3; + --inverse-surface-solid-primary-hover: #FAFAFAFF; + --inverse-surface-solid-primary-active: #F0F0F0FF; + --inverse-surface-solid-secondary-hover: #E8E8E8FF; + --inverse-surface-solid-secondary-active: #D9D9D9FF; + --inverse-surface-solid-tertiary-hover: #D1D1D1FF; + --inverse-surface-solid-tertiary-active: #C2C2C2FF; + --inverse-surface-solid-card-hover: #FFFFFFFF; + --inverse-surface-solid-card-active: #FFFFFFFF; + --inverse-surface-solid-default-hover: #0D0D0DFF; + --inverse-surface-solid-default-active: #030303FF; + --inverse-surface-transparent-primary-hover: #0808080F; + --inverse-surface-transparent-primary-active: #08080800; + --inverse-surface-transparent-secondary-hover: #0808081F; + --inverse-surface-transparent-secondary-active: #0808080A; + --inverse-surface-transparent-tertiary-hover: #0808083D; + --inverse-surface-transparent-tertiary-active: #0808080F; + --inverse-surface-transparent-deep-hover: #080808C2; + --inverse-surface-transparent-deep-active: #08080894; + --inverse-surface-transparent-card-hover: #FFFFFFFF; + --inverse-surface-transparent-card-active: #FFFFFFFF; + --inverse-surface-clear-hover: #FFFFFF00; + --inverse-surface-clear-active: #FFFFFF00; + --inverse-surface-accent-hover: #05AD7EFF; + --inverse-surface-accent-active: #048F68FF; + --inverse-surface-accent-minor-hover: #7AF5D2FF; + --inverse-surface-accent-minor-active: #4BF1C2FF; + --inverse-surface-transparent-accent-hover: #05996F66; + --inverse-surface-transparent-accent-active: #05996F38; + --inverse-surface-positive-hover: #1DAF37FF; + --inverse-surface-positive-active: #18952FFF; + --inverse-surface-warning-hover: #FB7223FF; + --inverse-surface-warning-active: #F05B05FF; + --inverse-surface-negative-hover: #FF475AFF; + --inverse-surface-negative-active: #FF1F35FF; + --inverse-surface-info-hover: #1798EEFF; + --inverse-surface-info-active: #1086D5FF; + --inverse-surface-positive-minor-hover: #8AF59DFF; + --inverse-surface-positive-minor-active: #6EF286FF; + --inverse-surface-warning-minor-hover: #FFDECCFF; + --inverse-surface-warning-minor-active: #FFCAADFF; + --inverse-surface-negative-minor-hover: #FED7DBFF; + --inverse-surface-negative-minor-active: #FEC3C9FF; + --inverse-surface-info-minor-hover: #C7E9FFFF; + --inverse-surface-info-minor-active: #A8DCFFFF; + --inverse-surface-transparent-positive-hover: #1A9E3266; + --inverse-surface-transparent-positive-active: #1A9E3238; + --inverse-surface-transparent-warning-hover: #FA5F0566; + --inverse-surface-transparent-warning-active: #FA5F0538; + --inverse-surface-transparent-negative-hover: #FF293E66; + --inverse-surface-transparent-negative-active: #FF293E38; + --inverse-surface-transparent-info-hover: #118CDF66; + --inverse-surface-transparent-info-active: #118CDF38; + --inverse-surface-solid-primary: #F5F5F5; + --inverse-surface-solid-secondary: #DDDDDD; + --inverse-surface-solid-tertiary: #C7C7C7; + --inverse-surface-solid-card: #FFFFFFFF; + --inverse-surface-solid-default: #080808; + --inverse-surface-clear: #FFFFFF00; + --inverse-surface-accent: #05996F; + --inverse-surface-positive: #1A9E32; + --inverse-surface-warning: #FA5F05; + --inverse-surface-negative: #FF293E; + --inverse-surface-transparent-card: #FFFFFFFF; + --inverse-surface-transparent-primary: #08080805; + --inverse-surface-transparent-secondary: #0808080F; + --inverse-surface-transparent-tertiary: #0808081F; + --inverse-surface-transparent-deep: #080808A3; + --background-primary: #171717; + --dark-background-primary: #171717; + --light-background-primary: #F5F5F5; + --inverse-background-primary: #F5F5F5; + --overlay-soft: #0808088F; + --overlay-hard: #080808F5; + --overlay-blur: #08080833; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080833; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F933; + --inverse-overlay-soft: #F9F9F98F; + --inverse-overlay-hard: #F9F9F9F5; + --inverse-overlay-blur: #F9F9F933; + color: var(--text-primary); + background-color: var(--background-primary); +} + +:root { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%); + --on-dark-text-accent-gradient-hover: #CCCCCCFF; + --on-dark-text-accent-gradient-active: #E6E6E6FF; + --on-dark-text-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%); + --on-light-text-accent-gradient-hover: #CCCCCCFF; + --on-light-text-accent-gradient-active: #E6E6E6FF; + --on-light-text-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%); + --inverse-text-accent-gradient-hover: #CCCCCCFF; + --inverse-text-accent-gradient-active: #E6E6E6FF; + --inverse-text-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient-hover: #FFFFFFFF; + --inverse-surface-accent-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%); + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + +:root { + font-size: 16px; + --plasma-typo-overflow-wrap: break-word; + --plasma-typo-hyphens: auto; + --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-l-letter-spacing: normal; + --plasma-typo-dspl-l-font-style: normal; + --plasma-typo-dspl-l-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-l-bold-letter-spacing: normal; + --plasma-typo-dspl-l-bold-font-style: normal; + --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-m-letter-spacing: normal; + --plasma-typo-dspl-m-font-style: normal; + --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-m-bold-letter-spacing: normal; + --plasma-typo-dspl-m-bold-font-style: normal; + --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-s-letter-spacing: normal; + --plasma-typo-dspl-s-font-style: normal; + --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-s-bold-letter-spacing: normal; + --plasma-typo-dspl-s-bold-font-style: normal; + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h1-letter-spacing: normal; + --plasma-typo-h1-font-style: normal; + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h1-bold-letter-spacing: normal; + --plasma-typo-h1-bold-font-style: normal; + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h2-letter-spacing: normal; + --plasma-typo-h2-font-style: normal; + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h2-bold-letter-spacing: normal; + --plasma-typo-h2-bold-font-style: normal; + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h3-letter-spacing: normal; + --plasma-typo-h3-font-style: normal; + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h3-bold-letter-spacing: normal; + --plasma-typo-h3-bold-font-style: normal; + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h4-letter-spacing: normal; + --plasma-typo-h4-font-style: normal; + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h4-bold-letter-spacing: normal; + --plasma-typo-h4-bold-font-style: normal; + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h5-letter-spacing: normal; + --plasma-typo-h5-font-style: normal; + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h5-bold-letter-spacing: normal; + --plasma-typo-h5-bold-font-style: normal; + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-l-letter-spacing: -0.02em; + --plasma-typo-body-l-font-style: normal; + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-l-bold-letter-spacing: -0.02em; + --plasma-typo-body-l-bold-font-style: normal; + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-m-letter-spacing: -0.02em; + --plasma-typo-body-m-font-style: normal; + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-m-bold-letter-spacing: -0.02em; + --plasma-typo-body-m-bold-font-style: normal; + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-s-letter-spacing: -0.02em; + --plasma-typo-body-s-font-style: normal; + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-s-bold-letter-spacing: -0.02em; + --plasma-typo-body-s-bold-font-style: normal; + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xs-letter-spacing: -0.02em; + --plasma-typo-body-xs-font-style: normal; + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xs-bold-letter-spacing: -0.02em; + --plasma-typo-body-xs-bold-font-style: normal; + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xxs-letter-spacing: -0.02em; + --plasma-typo-body-xxs-font-style: normal; + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; + --plasma-typo-body-xxs-bold-font-style: normal; + --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-l-letter-spacing: -0.02em; + --plasma-typo-text-l-font-style: normal; + --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-l-bold-letter-spacing: -0.02em; + --plasma-typo-text-l-bold-font-style: normal; + --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-m-letter-spacing: -0.02em; + --plasma-typo-text-m-font-style: normal; + --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-m-bold-letter-spacing: -0.02em; + --plasma-typo-text-m-bold-font-style: normal; + --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-s-letter-spacing: -0.02em; + --plasma-typo-text-s-font-style: normal; + --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-s-bold-letter-spacing: -0.02em; + --plasma-typo-text-s-bold-font-style: normal; + --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-xs-letter-spacing: -0.02em; + --plasma-typo-text-xs-font-style: normal; + --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-xs-bold-letter-spacing: -0.02em; + --plasma-typo-text-xs-bold-font-style: normal; +} + +@media (max-width: 559px) { + :root { + --plasma-typo-dspl-l-font-size: 5.5rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 5.75rem; + --plasma-typo-dspl-l-bold-font-size: 5.5rem; + --plasma-typo-dspl-l-bold-font-weight: 600; + --plasma-typo-dspl-l-bold-line-height: 5.75rem; + --plasma-typo-dspl-m-font-size: 3.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 3.875rem; + --plasma-typo-dspl-m-bold-font-size: 3.5rem; + --plasma-typo-dspl-m-bold-font-weight: 600; + --plasma-typo-dspl-m-bold-line-height: 3.875rem; + --plasma-typo-dspl-s-font-size: 2.5rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 2.875rem; + --plasma-typo-dspl-s-bold-font-size: 2.5rem; + --plasma-typo-dspl-s-bold-font-weight: 600; + --plasma-typo-dspl-s-bold-line-height: 2.875rem; + --plasma-typo-h1-font-size: 1.75rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 2.125rem; + --plasma-typo-h1-bold-font-size: 1.75rem; + --plasma-typo-h1-bold-font-weight: 600; + --plasma-typo-h1-bold-line-height: 2.125rem; + --plasma-typo-h2-font-size: 1.5rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 1.875rem; + --plasma-typo-h2-bold-font-size: 1.5rem; + --plasma-typo-h2-bold-font-weight: 600; + --plasma-typo-h2-bold-line-height: 1.875rem; + --plasma-typo-h3-font-size: 1.25rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.625rem; + --plasma-typo-h3-bold-font-size: 1.25rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.625rem; + --plasma-typo-h4-font-size: 1.125rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.5rem; + --plasma-typo-h4-bold-font-size: 1.125rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.5rem; + --plasma-typo-h5-font-size: 1rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.375rem; + --plasma-typo-h5-bold-font-size: 1rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; + --plasma-typo-text-l-font-size: 1.125rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 1.625rem; + --plasma-typo-text-l-bold-font-size: 1.125rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 1.625rem; + --plasma-typo-text-m-font-size: 1rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.5rem; + --plasma-typo-text-m-bold-font-size: 1rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.5rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; + } +} + +@media (min-width: 560px) and (max-width: 959px) { + :root { + --plasma-typo-dspl-l-font-size: 7rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 7rem; + --plasma-typo-dspl-l-bold-font-size: 7rem; + --plasma-typo-dspl-l-bold-font-weight: 600; + --plasma-typo-dspl-l-bold-line-height: 7rem; + --plasma-typo-dspl-m-font-size: 4.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 4.75rem; + --plasma-typo-dspl-m-bold-font-size: 4.5rem; + --plasma-typo-dspl-m-bold-font-weight: 600; + --plasma-typo-dspl-m-bold-line-height: 4.75rem; + --plasma-typo-dspl-s-font-size: 3rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 3.375rem; + --plasma-typo-dspl-s-bold-font-size: 3rem; + --plasma-typo-dspl-s-bold-font-weight: 600; + --plasma-typo-dspl-s-bold-line-height: 3.375rem; + --plasma-typo-h1-font-size: 2.5rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 2.875rem; + --plasma-typo-h1-bold-font-size: 2.5rem; + --plasma-typo-h1-bold-font-weight: 600; + --plasma-typo-h1-bold-line-height: 2.875rem; + --plasma-typo-h2-font-size: 1.75rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 2.125rem; + --plasma-typo-h2-bold-font-size: 1.75rem; + --plasma-typo-h2-bold-font-weight: 600; + --plasma-typo-h2-bold-line-height: 2.125rem; + --plasma-typo-h3-font-size: 1.25rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.625rem; + --plasma-typo-h3-bold-font-size: 1.25rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.625rem; + --plasma-typo-h4-font-size: 1.125rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.5rem; + --plasma-typo-h4-bold-font-size: 1.125rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.5rem; + --plasma-typo-h5-font-size: 1rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.375rem; + --plasma-typo-h5-bold-font-size: 1rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; + --plasma-typo-text-l-font-size: 1.25rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 1.75rem; + --plasma-typo-text-l-bold-font-size: 1.25rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 1.75rem; + --plasma-typo-text-m-font-size: 1rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.5rem; + --plasma-typo-text-m-bold-font-size: 1rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.5rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; + } +} + +@media (min-width: 960px) { + :root { + --plasma-typo-dspl-l-font-size: 8rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 8rem; + --plasma-typo-dspl-l-bold-font-size: 8rem; + --plasma-typo-dspl-l-bold-font-weight: 600; + --plasma-typo-dspl-l-bold-line-height: 8rem; + --plasma-typo-dspl-m-font-size: 5.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 5.75rem; + --plasma-typo-dspl-m-bold-font-size: 5.5rem; + --plasma-typo-dspl-m-bold-font-weight: 600; + --plasma-typo-dspl-m-bold-line-height: 5.75rem; + --plasma-typo-dspl-s-font-size: 4rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 4.25rem; + --plasma-typo-dspl-s-bold-font-size: 4rem; + --plasma-typo-dspl-s-bold-font-weight: 600; + --plasma-typo-dspl-s-bold-line-height: 4.25rem; + --plasma-typo-h1-font-size: 3rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 3.375rem; + --plasma-typo-h1-bold-font-size: 3rem; + --plasma-typo-h1-bold-font-weight: 600; + --plasma-typo-h1-bold-line-height: 3.375rem; + --plasma-typo-h2-font-size: 2rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 2.375rem; + --plasma-typo-h2-bold-font-size: 2rem; + --plasma-typo-h2-bold-font-weight: 600; + --plasma-typo-h2-bold-line-height: 2.375rem; + --plasma-typo-h3-font-size: 1.5rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.875rem; + --plasma-typo-h3-bold-font-size: 1.5rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.875rem; + --plasma-typo-h4-font-size: 1.25rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.625rem; + --plasma-typo-h4-bold-font-size: 1.25rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.625rem; + --plasma-typo-h5-font-size: 1.125rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.5rem; + --plasma-typo-h5-bold-font-size: 1.125rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.5rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; + --plasma-typo-text-l-font-size: 1.5rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 2rem; + --plasma-typo-text-l-bold-font-size: 1.5rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 2rem; + --plasma-typo-text-m-font-size: 1.125rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.625rem; + --plasma-typo-text-m-bold-font-size: 1.125rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.625rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; + } +}`, +] as unknown) as TemplateStringsArray; diff --git a/packages/themes/sdds-themes/src/themes/sdds_dfa__light.ts b/packages/themes/sdds-themes/src/themes/sdds_dfa__light.ts new file mode 100644 index 0000000000..07d2983315 --- /dev/null +++ b/packages/themes/sdds-themes/src/themes/sdds_dfa__light.ts @@ -0,0 +1,946 @@ +// Generated by robots, do not change this manually! + +export const sdds_dfa__light = ([ + ` +:root { + --text-primary-hover: #17171793; + --text-primary-active: #171717C4; + --text-secondary-hover: #171717FF; + --text-secondary-active: #171717AB; + --text-tertiary-hover: #171717FF; + --text-tertiary-active: #17171756; + --text-paragraph-hover: #1717177A; + --text-paragraph-active: #171717A3; + --text-accent-hover: #06C18CFF; + --text-accent-active: #047253FF; + --text-accent-minor-hover: #137257FF; + --text-accent-minor-active: #0D4F3CFF; + --text-positive-hover: #1FC13DFF; + --text-positive-active: #147B27FF; + --text-warning-hover: #FB782DFF; + --text-warning-active: #D25004FF; + --text-negative-hover: #FF5263FF; + --text-negative-active: #FF001AFF; + --text-info-hover: #0D96F2FF; + --text-info-active: #0966A5FF; + --text-positive-minor-hover: #196B28FF; + --text-positive-minor-active: #114A1CFF; + --text-warning-minor-hover: #843E15FF; + --text-warning-minor-active: #602D10FF; + --text-negative-minor-hover: #8F1925FF; + --text-negative-minor-active: #6C131CFF; + --text-info-minor-hover: #1A577FFF; + --text-info-minor-active: #13405DFF; + --text-primary: #171717F5; + --text-secondary: #1717178F; + --text-tertiary: #17171747; + --text-paragraph: #171717CC; + --text-accent: #05996F; + --text-positive: #1A9E32; + --text-warning: #FA5F05; + --text-negative: #FF293E; + --on-dark-text-primary-hover: #F5F5F593; + --on-dark-text-primary-active: #F5F5F5C4; + --on-dark-text-secondary-hover: #F5F5F5FF; + --on-dark-text-secondary-active: #F5F5F5AB; + --on-dark-text-tertiary-hover: #F5F5F5FF; + --on-dark-text-tertiary-active: #F5F5F556; + --on-dark-text-paragraph-hover: #F5F5F57A; + --on-dark-text-paragraph-active: #F5F5F5A3; + --on-dark-text-accent-hover: #20E9B0FF; + --on-dark-text-accent-active: #11A77CFF; + --on-dark-text-accent-minor-hover: #B5FCE8FF; + --on-dark-text-accent-minor-active: #66F9D0FF; + --on-dark-text-positive-hover: #2BD44AFF; + --on-dark-text-positive-active: #1D9032FF; + --on-dark-text-warning-hover: #FF8B4DFF; + --on-dark-text-warning-active: #FA5700FF; + --on-dark-text-negative-hover: #FF6675FF; + --on-dark-text-negative-active: #FF142CFF; + --on-dark-text-info-hover: #2AA0EFFF; + --on-dark-text-info-active: #0E75B9FF; + --on-dark-text-positive-minor-hover: #C5FCCFFF; + --on-dark-text-positive-minor-active: #77F88FFF; + --on-dark-text-warning-minor-hover: #FFFCFAFF; + --on-dark-text-warning-minor-active: #FDC9AAFF; + --on-dark-text-negative-minor-hover: #FFFFFFFF; + --on-dark-text-negative-minor-active: #FFB8BFFF; + --on-dark-text-info-minor-hover: #FAFDFFFF; + --on-dark-text-info-minor-active: #A8DCFFFF; + --on-dark-text-primary: #F5F5F5F5; + --on-dark-text-secondary: #F5F5F58F; + --on-dark-text-tertiary: #F5F5F547; + --on-dark-text-paragraph: #F5F5F5CC; + --on-dark-text-accent: #14CC98; + --on-dark-text-positive: #24B23E; + --on-dark-text-warning: #FF7024; + --on-dark-text-negative: #FF3D51; + --on-light-text-primary-hover: #17171793; + --on-light-text-primary-active: #171717C4; + --on-light-text-secondary-hover: #171717FF; + --on-light-text-secondary-active: #171717AB; + --on-light-text-tertiary-hover: #171717FF; + --on-light-text-tertiary-active: #17171756; + --on-light-text-paragraph-hover: #1717177A; + --on-light-text-paragraph-active: #171717A3; + --on-light-text-accent-hover: #06C18CFF; + --on-light-text-accent-active: #047253FF; + --on-light-text-accent-minor-hover: #137257FF; + --on-light-text-accent-minor-active: #0D4F3CFF; + --on-light-text-positive-hover: #1FC13DFF; + --on-light-text-positive-active: #147B27FF; + --on-light-text-warning-hover: #FB782DFF; + --on-light-text-warning-active: #D25004FF; + --on-light-text-negative-hover: #FF5263FF; + --on-light-text-negative-active: #FF001AFF; + --on-light-text-info-hover: #0D96F2FF; + --on-light-text-info-active: #0966A5FF; + --on-light-text-positive-minor-hover: #196B28FF; + --on-light-text-positive-minor-active: #114A1CFF; + --on-light-text-warning-minor-hover: #843E15FF; + --on-light-text-warning-minor-active: #602D10FF; + --on-light-text-negative-minor-hover: #8F1925FF; + --on-light-text-negative-minor-active: #6C131CFF; + --on-light-text-info-minor-hover: #1A577FFF; + --on-light-text-info-minor-active: #13405DFF; + --on-light-text-primary: #171717F5; + --on-light-text-secondary: #1717178F; + --on-light-text-tertiary: #17171747; + --on-light-text-paragraph: #171717CC; + --on-light-text-accent: #05996F; + --on-light-text-positive: #1A9E32; + --on-light-text-warning: #FA5F05; + --on-light-text-negative: #FF293E; + --inverse-text-primary-hover: #F5F5F593; + --inverse-text-primary-active: #F5F5F5C4; + --inverse-text-secondary-hover: #F5F5F5FF; + --inverse-text-secondary-active: #F5F5F5AB; + --inverse-text-tertiary-hover: #F5F5F5FF; + --inverse-text-tertiary-active: #F5F5F556; + --inverse-text-paragraph-hover: #F5F5F57A; + --inverse-text-paragraph-active: #F5F5F5A3; + --inverse-text-accent-hover: #20E9B0FF; + --inverse-text-accent-active: #11A77CFF; + --inverse-text-accent-minor-hover: #B5FCE8FF; + --inverse-text-accent-minor-active: #66F9D0FF; + --inverse-text-positive-hover: #2BD44AFF; + --inverse-text-positive-active: #1D9032FF; + --inverse-text-warning-hover: #FF8B4DFF; + --inverse-text-warning-active: #FA5700FF; + --inverse-text-negative-hover: #FF6675FF; + --inverse-text-negative-active: #FF142CFF; + --inverse-text-info-hover: #2AA0EFFF; + --inverse-text-info-active: #0E75B9FF; + --inverse-text-positive-minor-hover: #C5FCCFFF; + --inverse-text-positive-minor-active: #77F88FFF; + --inverse-text-warning-minor-hover: #FFFCFAFF; + --inverse-text-warning-minor-active: #FDC9AAFF; + --inverse-text-negative-minor-hover: #FFFFFFFF; + --inverse-text-negative-minor-active: #FFB8BFFF; + --inverse-text-info-minor-hover: #FAFDFFFF; + --inverse-text-info-minor-active: #A8DCFFFF; + --inverse-text-primary: #F5F5F5F5; + --inverse-text-secondary: #F5F5F58F; + --inverse-text-tertiary: #F5F5F547; + --inverse-text-paragraph: #F5F5F5CC; + --inverse-text-accent: #14CC98; + --inverse-text-positive: #24B23E; + --inverse-text-warning: #FF7024; + --inverse-text-negative: #FF3D51; + --surface-solid-primary-hover: #FAFAFAFF; + --surface-solid-primary-active: #F0F0F0FF; + --surface-solid-secondary-hover: #EDEDEDFF; + --surface-solid-secondary-active: #D4D4D4FF; + --surface-solid-tertiary-hover: #D6D6D6FF; + --surface-solid-tertiary-active: #BDBDBDFF; + --surface-solid-card-hover: #FFFFFFFF; + --surface-solid-card-active: #FFFFFFFF; + --surface-solid-default-hover: #262626FF; + --surface-solid-default-active: #030303FF; + --surface-transparent-primary-hover: #08080800; + --surface-transparent-primary-active: #0808080A; + --surface-transparent-secondary-hover: #08080805; + --surface-transparent-secondary-active: #0808081A; + --surface-transparent-tertiary-hover: #0808080A; + --surface-transparent-tertiary-active: #08080829; + --surface-transparent-deep-hover: #0808088F; + --surface-transparent-deep-active: #080808AD; + --surface-transparent-card-hover: #FFFFFFFF; + --surface-transparent-card-active: #FFFFFFFF; + --surface-clear-hover: #FFFFFF00; + --surface-clear-active: #FFFFFF00; + --surface-accent-hover: #00C28BFF; + --surface-accent-active: #00996EFF; + --surface-accent-minor-hover: #71F4CFFF; + --surface-accent-minor-active: #41F1BFFF; + --surface-transparent-accent-hover: #05996F33; + --surface-transparent-accent-active: #05996F52; + --surface-positive-hover: #1EB83AFF; + --surface-positive-active: #178C2CFF; + --surface-warning-hover: #FB782DFF; + --surface-warning-active: #E65705FF; + --surface-negative-hover: #FF5263FF; + --surface-negative-active: #FF142CFF; + --surface-info-hover: #1798EEFF; + --surface-info-active: #0F81CCFF; + --surface-positive-minor-hover: #93F6A5FF; + --surface-positive-minor-active: #64F27EFF; + --surface-warning-minor-hover: #FFDECCFF; + --surface-warning-minor-active: #FFC3A3FF; + --surface-negative-minor-hover: #FEE1E4FF; + --surface-negative-minor-active: #FEC3C9FF; + --surface-info-minor-hover: #C7E9FFFF; + --surface-info-minor-active: #9ED8FFFF; + --surface-transparent-positive-hover: #1A9E3233; + --surface-transparent-positive-active: #1A9E3252; + --surface-transparent-warning-hover: #FA5F0533; + --surface-transparent-warning-active: #FA5F0552; + --surface-transparent-negative-hover: #FF293E33; + --surface-transparent-negative-active: #FF293E52; + --surface-transparent-info-hover: #118CDF33; + --surface-transparent-info-active: #118CDF52; + --surface-solid-primary: #F5F5F5; + --surface-solid-secondary: #DDDDDD; + --surface-solid-tertiary: #C7C7C7; + --surface-solid-card: #FFFFFFFF; + --surface-solid-default: #080808; + --surface-transparent-primary: #08080805; + --surface-transparent-secondary: #0808080F; + --surface-transparent-tertiary: #0808081F; + --surface-transparent-deep: #080808A3; + --surface-transparent-card: #FFFFFFFF; + --surface-clear: #FFFFFF00; + --surface-accent: #00AC7B; + --surface-negative: #FF293E; + --surface-warning: #FA5F05; + --surface-positive: #1A9E32; + --on-dark-surface-solid-primary-hover: #363636FF; + --on-dark-surface-solid-primary-active: #0D0D0DFF; + --on-dark-surface-solid-secondary-hover: #3B3B3BFF; + --on-dark-surface-solid-secondary-active: #1C1C1CFF; + --on-dark-surface-solid-tertiary-hover: #4A4A4AFF; + --on-dark-surface-solid-tertiary-active: #2B2B2BFF; + --on-dark-surface-solid-card-hover: #3B3B3BFF; + --on-dark-surface-solid-card-active: #1C1C1CFF; + --on-dark-surface-solid-default-hover: #FFFFFFFF; + --on-dark-surface-solid-default-active: #F5F5F5FF; + --on-dark-surface-transparent-primary-hover: #FFFFFF05; + --on-dark-surface-transparent-primary-active: #FFFFFF1A; + --on-dark-surface-transparent-secondary-hover: #FFFFFF0A; + --on-dark-surface-transparent-secondary-active: #FFFFFF29; + --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F; + --on-dark-surface-transparent-tertiary-active: #FFFFFF3D; + --on-dark-surface-transparent-deep-hover: #FFFFFF8F; + --on-dark-surface-transparent-deep-active: #FFFFFFAD; + --on-dark-surface-transparent-card-hover: #FFFFFF0A; + --on-dark-surface-transparent-card-active: #FFFFFF29; + --on-dark-surface-clear-hover: #FFFFFF00; + --on-dark-surface-clear-active: #FFFFFF00; + --on-dark-surface-accent-hover: #00C28BFF; + --on-dark-surface-accent-active: #00996EFF; + --on-dark-surface-accent-minor-hover: #0B4636FF; + --on-dark-surface-accent-minor-active: #041A14FF; + --on-dark-surface-transparent-accent-hover: #14CC9833; + --on-dark-surface-transparent-accent-active: #14CC9852; + --on-dark-surface-positive-hover: #28C344FF; + --on-dark-surface-positive-active: #21A138FF; + --on-dark-surface-warning-hover: #FF8B4DFF; + --on-dark-surface-warning-active: #FF630FFF; + --on-dark-surface-negative-hover: #FF6675FF; + --on-dark-surface-negative-active: #FF293EFF; + --on-dark-surface-info-hover: #1798EEFF; + --on-dark-surface-info-active: #0F81CCFF; + --on-dark-surface-positive-minor-hover: #0E3A16FF; + --on-dark-surface-positive-minor-active: #061909FF; + --on-dark-surface-warning-minor-hover: #58290EFF; + --on-dark-surface-warning-minor-active: #2C1507FF; + --on-dark-surface-negative-minor-hover: #64121AFF; + --on-dark-surface-negative-minor-active: #380A0FFF; + --on-dark-surface-info-minor-hover: #10344CFF; + --on-dark-surface-info-minor-active: #091D2AFF; + --on-dark-surface-transparent-positive-hover: #1A9E3233; + --on-dark-surface-transparent-positive-active: #1A9E3252; + --on-dark-surface-transparent-warning-hover: #FA5F0533; + --on-dark-surface-transparent-warning-active: #FA5F0552; + --on-dark-surface-transparent-negative-hover: #FF293E33; + --on-dark-surface-transparent-negative-active: #FF293E52; + --on-dark-surface-transparent-info-hover: #118CDF33; + --on-dark-surface-transparent-info-active: #118CDF52; + --on-dark-surface-solid-card: #262626; + --on-dark-surface-solid-primary: #171717; + --on-dark-surface-solid-secondary: #262626; + --on-dark-surface-solid-tertiary: #363636; + --on-dark-surface-solid-default: #F9F9F9; + --on-dark-surface-transparent-primary: #FFFFFF0F; + --on-dark-surface-transparent-secondary: #FFFFFF1F; + --on-dark-surface-transparent-tertiary: #FFFFFF33; + --on-dark-surface-transparent-deep: #FFFFFFA3; + --on-dark-surface-transparent-card: #FFFFFF1F; + --on-dark-surface-clear: #FFFFFF00; + --on-dark-surface-accent: #00AC7B; + --on-dark-surface-positive: #24B23E; + --on-dark-surface-warning: #FF7024; + --on-dark-surface-negative: #FF3D51; + --on-light-surface-solid-primary-hover: #FAFAFAFF; + --on-light-surface-solid-primary-active: #F0F0F0FF; + --on-light-surface-solid-secondary-hover: #EDEDEDFF; + --on-light-surface-solid-secondary-active: #D4D4D4FF; + --on-light-surface-solid-tertiary-hover: #D6D6D6FF; + --on-light-surface-solid-tertiary-active: #BDBDBDFF; + --on-light-surface-solid-card-hover: #FFFFFFFF; + --on-light-surface-solid-card-active: #FFFFFFFF; + --on-light-surface-solid-default-hover: #262626FF; + --on-light-surface-solid-default-active: #030303FF; + --on-light-surface-transparent-primary-hover: #08080800; + --on-light-surface-transparent-primary-active: #0808080A; + --on-light-surface-transparent-secondary-hover: #08080805; + --on-light-surface-transparent-secondary-active: #0808081A; + --on-light-surface-transparent-tertiary-hover: #0808080A; + --on-light-surface-transparent-tertiary-active: #08080829; + --on-light-surface-transparent-deep-hover: #0808088F; + --on-light-surface-transparent-deep-active: #080808AD; + --on-light-surface-transparent-card-hover: #FFFFFFFF; + --on-light-surface-transparent-card-active: #FFFFFFFF; + --on-light-surface-clear-hover: #FFFFFF00; + --on-light-surface-clear-active: #FFFFFF00; + --on-light-surface-accent-hover: #00C28BFF; + --on-light-surface-accent-active: #00996EFF; + --on-light-surface-accent-minor-hover: #71F4CFFF; + --on-light-surface-accent-minor-active: #41F1BFFF; + --on-light-surface-transparent-accent-hover: #05996F33; + --on-light-surface-transparent-accent-active: #05996F52; + --on-light-surface-positive-hover: #1EB83AFF; + --on-light-surface-positive-active: #178C2CFF; + --on-light-surface-warning-hover: #FB782DFF; + --on-light-surface-warning-active: #E65705FF; + --on-light-surface-negative-hover: #FF5263FF; + --on-light-surface-negative-active: #FF142CFF; + --on-light-surface-info-hover: #1798EEFF; + --on-light-surface-info-active: #0F81CCFF; + --on-light-surface-positive-minor-hover: #93F6A5FF; + --on-light-surface-positive-minor-active: #64F27EFF; + --on-light-surface-warning-minor-hover: #FFDECCFF; + --on-light-surface-warning-minor-active: #FFC3A3FF; + --on-light-surface-negative-minor-hover: #FEE1E4FF; + --on-light-surface-negative-minor-active: #FEC3C9FF; + --on-light-surface-info-minor-hover: #C7E9FFFF; + --on-light-surface-info-minor-active: #9ED8FFFF; + --on-light-surface-transparent-positive-hover: #1A9E3233; + --on-light-surface-transparent-positive-active: #1A9E3252; + --on-light-surface-transparent-warning-hover: #FA5F0533; + --on-light-surface-transparent-warning-active: #FA5F0552; + --on-light-surface-transparent-negative-hover: #FF293E33; + --on-light-surface-transparent-negative-active: #FF293E52; + --on-light-surface-transparent-info-hover: #118CDF33; + --on-light-surface-transparent-info-active: #118CDF52; + --on-light-surface-solid-primary: #F5F5F5; + --on-light-surface-solid-secondary: #DDDDDD; + --on-light-surface-solid-tertiary: #C7C7C7; + --on-light-surface-solid-card: #FFFFFFFF; + --on-light-surface-solid-default: #080808; + --on-light-surface-clear: #FFFFFF00; + --on-light-surface-transparent-card: #FFFFFFFF; + --on-light-surface-transparent-primary: #08080805; + --on-light-surface-transparent-secondary: #0808080F; + --on-light-surface-transparent-tertiary: #0808081F; + --on-light-surface-transparent-deep: #080808A3; + --on-light-surface-accent: #00AC7B; + --on-light-surface-positive: #1A9E32; + --on-light-surface-warning: #FA5F05; + --on-light-surface-negative: #FF293E; + --inverse-surface-solid-primary-hover: #363636FF; + --inverse-surface-solid-primary-active: #0D0D0DFF; + --inverse-surface-solid-secondary-hover: #3B3B3BFF; + --inverse-surface-solid-secondary-active: #1C1C1CFF; + --inverse-surface-solid-tertiary-hover: #4A4A4AFF; + --inverse-surface-solid-tertiary-active: #2B2B2BFF; + --inverse-surface-solid-card-hover: #3B3B3BFF; + --inverse-surface-solid-card-active: #1C1C1CFF; + --inverse-surface-solid-default-hover: #FFFFFFFF; + --inverse-surface-solid-default-active: #F5F5F5FF; + --inverse-surface-transparent-primary-hover: #FFFFFF05; + --inverse-surface-transparent-primary-active: #FFFFFF1A; + --inverse-surface-transparent-secondary-hover: #FFFFFF0A; + --inverse-surface-transparent-secondary-active: #FFFFFF29; + --inverse-surface-transparent-tertiary-hover: #FFFFFF1F; + --inverse-surface-transparent-tertiary-active: #FFFFFF3D; + --inverse-surface-transparent-deep-hover: #FFFFFF8F; + --inverse-surface-transparent-deep-active: #FFFFFFAD; + --inverse-surface-transparent-card-hover: #FFFFFF0A; + --inverse-surface-transparent-card-active: #FFFFFF29; + --inverse-surface-clear-hover: #FFFFFF00; + --inverse-surface-clear-active: #FFFFFF00; + --inverse-surface-accent-hover: #00C28BFF; + --inverse-surface-accent-active: #00996EFF; + --inverse-surface-accent-minor-hover: #0B4636FF; + --inverse-surface-accent-minor-active: #041A14FF; + --inverse-surface-transparent-accent-hover: #14CC9833; + --inverse-surface-transparent-accent-active: #14CC9852; + --inverse-surface-positive-hover: #28C344FF; + --inverse-surface-positive-active: #21A138FF; + --inverse-surface-warning-hover: #FF8B4DFF; + --inverse-surface-warning-active: #FF630FFF; + --inverse-surface-negative-hover: #FF6675FF; + --inverse-surface-negative-active: #FF293EFF; + --inverse-surface-info-hover: #1798EEFF; + --inverse-surface-info-active: #0F81CCFF; + --inverse-surface-positive-minor-hover: #0E3A16FF; + --inverse-surface-positive-minor-active: #061909FF; + --inverse-surface-warning-minor-hover: #58290EFF; + --inverse-surface-warning-minor-active: #2C1507FF; + --inverse-surface-negative-minor-hover: #64121AFF; + --inverse-surface-negative-minor-active: #380A0FFF; + --inverse-surface-info-minor-hover: #10344CFF; + --inverse-surface-info-minor-active: #091D2AFF; + --inverse-surface-transparent-positive-hover: #1A9E3233; + --inverse-surface-transparent-positive-active: #1A9E3252; + --inverse-surface-transparent-warning-hover: #FA5F0533; + --inverse-surface-transparent-warning-active: #FA5F0552; + --inverse-surface-transparent-negative-hover: #FF293E33; + --inverse-surface-transparent-negative-active: #FF293E52; + --inverse-surface-transparent-info-hover: #118CDF33; + --inverse-surface-transparent-info-active: #118CDF52; + --inverse-surface-clear: #FFFFFF00; + --inverse-surface-solid-card: #262626; + --inverse-surface-solid-primary: #171717; + --inverse-surface-solid-secondary: #262626; + --inverse-surface-solid-tertiary: #363636; + --inverse-surface-solid-default: #F9F9F9; + --inverse-surface-transparent-card: #FFFFFF1F; + --inverse-surface-transparent-primary: #FFFFFF0F; + --inverse-surface-transparent-secondary: #FFFFFF1F; + --inverse-surface-transparent-tertiary: #FFFFFF33; + --inverse-surface-transparent-deep: #FFFFFFA3; + --inverse-surface-accent: #00AC7B; + --inverse-surface-positive: #24B23E; + --inverse-surface-warning: #FF7024; + --inverse-surface-negative: #FF3D51; + --background-primary: #F5F5F5; + --dark-background-primary: #171717; + --light-background-primary: #F5F5F5; + --inverse-background-primary: #171717; + --overlay-soft: #F9F9F98F; + --overlay-hard: #F9F9F9F5; + --overlay-blur: #F9F9F933; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080833; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F933; + --inverse-overlay-soft: #0808088F; + --inverse-overlay-hard: #080808F5; + --inverse-overlay-blur: #08080833; + color: var(--text-primary); + background-color: var(--background-primary); +} + +:root { + --text-accent-gradient-hover: #000000FF; + --text-accent-gradient-active: #CCCCCCFF; + --text-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%); + --on-dark-text-accent-gradient-hover: #000000FF; + --on-dark-text-accent-gradient-active: #CCCCCCFF; + --on-dark-text-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%); + --on-light-text-accent-gradient-hover: #000000FF; + --on-light-text-accent-gradient-active: #CCCCCCFF; + --on-light-text-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%); + --inverse-text-accent-gradient-hover: #000000FF; + --inverse-text-accent-gradient-active: #CCCCCCFF; + --inverse-text-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient-hover: #FFFFFFFF; + --inverse-surface-accent-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%); + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + +:root { + font-size: 16px; + --plasma-typo-overflow-wrap: break-word; + --plasma-typo-hyphens: auto; + --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-l-letter-spacing: normal; + --plasma-typo-dspl-l-font-style: normal; + --plasma-typo-dspl-l-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-l-bold-letter-spacing: normal; + --plasma-typo-dspl-l-bold-font-style: normal; + --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-m-letter-spacing: normal; + --plasma-typo-dspl-m-font-style: normal; + --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-m-bold-letter-spacing: normal; + --plasma-typo-dspl-m-bold-font-style: normal; + --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-s-letter-spacing: normal; + --plasma-typo-dspl-s-font-style: normal; + --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-s-bold-letter-spacing: normal; + --plasma-typo-dspl-s-bold-font-style: normal; + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h1-letter-spacing: normal; + --plasma-typo-h1-font-style: normal; + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h1-bold-letter-spacing: normal; + --plasma-typo-h1-bold-font-style: normal; + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h2-letter-spacing: normal; + --plasma-typo-h2-font-style: normal; + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h2-bold-letter-spacing: normal; + --plasma-typo-h2-bold-font-style: normal; + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h3-letter-spacing: normal; + --plasma-typo-h3-font-style: normal; + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h3-bold-letter-spacing: normal; + --plasma-typo-h3-bold-font-style: normal; + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h4-letter-spacing: normal; + --plasma-typo-h4-font-style: normal; + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h4-bold-letter-spacing: normal; + --plasma-typo-h4-bold-font-style: normal; + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h5-letter-spacing: normal; + --plasma-typo-h5-font-style: normal; + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h5-bold-letter-spacing: normal; + --plasma-typo-h5-bold-font-style: normal; + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-l-letter-spacing: -0.02em; + --plasma-typo-body-l-font-style: normal; + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-l-bold-letter-spacing: -0.02em; + --plasma-typo-body-l-bold-font-style: normal; + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-m-letter-spacing: -0.02em; + --plasma-typo-body-m-font-style: normal; + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-m-bold-letter-spacing: -0.02em; + --plasma-typo-body-m-bold-font-style: normal; + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-s-letter-spacing: -0.02em; + --plasma-typo-body-s-font-style: normal; + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-s-bold-letter-spacing: -0.02em; + --plasma-typo-body-s-bold-font-style: normal; + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xs-letter-spacing: -0.02em; + --plasma-typo-body-xs-font-style: normal; + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xs-bold-letter-spacing: -0.02em; + --plasma-typo-body-xs-bold-font-style: normal; + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xxs-letter-spacing: -0.02em; + --plasma-typo-body-xxs-font-style: normal; + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; + --plasma-typo-body-xxs-bold-font-style: normal; + --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-l-letter-spacing: -0.02em; + --plasma-typo-text-l-font-style: normal; + --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-l-bold-letter-spacing: -0.02em; + --plasma-typo-text-l-bold-font-style: normal; + --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-m-letter-spacing: -0.02em; + --plasma-typo-text-m-font-style: normal; + --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-m-bold-letter-spacing: -0.02em; + --plasma-typo-text-m-bold-font-style: normal; + --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-s-letter-spacing: -0.02em; + --plasma-typo-text-s-font-style: normal; + --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-s-bold-letter-spacing: -0.02em; + --plasma-typo-text-s-bold-font-style: normal; + --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-xs-letter-spacing: -0.02em; + --plasma-typo-text-xs-font-style: normal; + --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-xs-bold-letter-spacing: -0.02em; + --plasma-typo-text-xs-bold-font-style: normal; +} + +@media (max-width: 559px) { + :root { + --plasma-typo-dspl-l-font-size: 5.5rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 5.75rem; + --plasma-typo-dspl-l-bold-font-size: 5.5rem; + --plasma-typo-dspl-l-bold-font-weight: 600; + --plasma-typo-dspl-l-bold-line-height: 5.75rem; + --plasma-typo-dspl-m-font-size: 3.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 3.875rem; + --plasma-typo-dspl-m-bold-font-size: 3.5rem; + --plasma-typo-dspl-m-bold-font-weight: 600; + --plasma-typo-dspl-m-bold-line-height: 3.875rem; + --plasma-typo-dspl-s-font-size: 2.5rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 2.875rem; + --plasma-typo-dspl-s-bold-font-size: 2.5rem; + --plasma-typo-dspl-s-bold-font-weight: 600; + --plasma-typo-dspl-s-bold-line-height: 2.875rem; + --plasma-typo-h1-font-size: 1.75rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 2.125rem; + --plasma-typo-h1-bold-font-size: 1.75rem; + --plasma-typo-h1-bold-font-weight: 600; + --plasma-typo-h1-bold-line-height: 2.125rem; + --plasma-typo-h2-font-size: 1.5rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 1.875rem; + --plasma-typo-h2-bold-font-size: 1.5rem; + --plasma-typo-h2-bold-font-weight: 600; + --plasma-typo-h2-bold-line-height: 1.875rem; + --plasma-typo-h3-font-size: 1.25rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.625rem; + --plasma-typo-h3-bold-font-size: 1.25rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.625rem; + --plasma-typo-h4-font-size: 1.125rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.5rem; + --plasma-typo-h4-bold-font-size: 1.125rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.5rem; + --plasma-typo-h5-font-size: 1rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.375rem; + --plasma-typo-h5-bold-font-size: 1rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; + --plasma-typo-text-l-font-size: 1.125rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 1.625rem; + --plasma-typo-text-l-bold-font-size: 1.125rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 1.625rem; + --plasma-typo-text-m-font-size: 1rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.5rem; + --plasma-typo-text-m-bold-font-size: 1rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.5rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; + } +} + +@media (min-width: 560px) and (max-width: 959px) { + :root { + --plasma-typo-dspl-l-font-size: 7rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 7rem; + --plasma-typo-dspl-l-bold-font-size: 7rem; + --plasma-typo-dspl-l-bold-font-weight: 600; + --plasma-typo-dspl-l-bold-line-height: 7rem; + --plasma-typo-dspl-m-font-size: 4.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 4.75rem; + --plasma-typo-dspl-m-bold-font-size: 4.5rem; + --plasma-typo-dspl-m-bold-font-weight: 600; + --plasma-typo-dspl-m-bold-line-height: 4.75rem; + --plasma-typo-dspl-s-font-size: 3rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 3.375rem; + --plasma-typo-dspl-s-bold-font-size: 3rem; + --plasma-typo-dspl-s-bold-font-weight: 600; + --plasma-typo-dspl-s-bold-line-height: 3.375rem; + --plasma-typo-h1-font-size: 2.5rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 2.875rem; + --plasma-typo-h1-bold-font-size: 2.5rem; + --plasma-typo-h1-bold-font-weight: 600; + --plasma-typo-h1-bold-line-height: 2.875rem; + --plasma-typo-h2-font-size: 1.75rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 2.125rem; + --plasma-typo-h2-bold-font-size: 1.75rem; + --plasma-typo-h2-bold-font-weight: 600; + --plasma-typo-h2-bold-line-height: 2.125rem; + --plasma-typo-h3-font-size: 1.25rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.625rem; + --plasma-typo-h3-bold-font-size: 1.25rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.625rem; + --plasma-typo-h4-font-size: 1.125rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.5rem; + --plasma-typo-h4-bold-font-size: 1.125rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.5rem; + --plasma-typo-h5-font-size: 1rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.375rem; + --plasma-typo-h5-bold-font-size: 1rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; + --plasma-typo-text-l-font-size: 1.25rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 1.75rem; + --plasma-typo-text-l-bold-font-size: 1.25rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 1.75rem; + --plasma-typo-text-m-font-size: 1rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.5rem; + --plasma-typo-text-m-bold-font-size: 1rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.5rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; + } +} + +@media (min-width: 960px) { + :root { + --plasma-typo-dspl-l-font-size: 8rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 8rem; + --plasma-typo-dspl-l-bold-font-size: 8rem; + --plasma-typo-dspl-l-bold-font-weight: 600; + --plasma-typo-dspl-l-bold-line-height: 8rem; + --plasma-typo-dspl-m-font-size: 5.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 5.75rem; + --plasma-typo-dspl-m-bold-font-size: 5.5rem; + --plasma-typo-dspl-m-bold-font-weight: 600; + --plasma-typo-dspl-m-bold-line-height: 5.75rem; + --plasma-typo-dspl-s-font-size: 4rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 4.25rem; + --plasma-typo-dspl-s-bold-font-size: 4rem; + --plasma-typo-dspl-s-bold-font-weight: 600; + --plasma-typo-dspl-s-bold-line-height: 4.25rem; + --plasma-typo-h1-font-size: 3rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 3.375rem; + --plasma-typo-h1-bold-font-size: 3rem; + --plasma-typo-h1-bold-font-weight: 600; + --plasma-typo-h1-bold-line-height: 3.375rem; + --plasma-typo-h2-font-size: 2rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 2.375rem; + --plasma-typo-h2-bold-font-size: 2rem; + --plasma-typo-h2-bold-font-weight: 600; + --plasma-typo-h2-bold-line-height: 2.375rem; + --plasma-typo-h3-font-size: 1.5rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.875rem; + --plasma-typo-h3-bold-font-size: 1.5rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.875rem; + --plasma-typo-h4-font-size: 1.25rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.625rem; + --plasma-typo-h4-bold-font-size: 1.25rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.625rem; + --plasma-typo-h5-font-size: 1.125rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.5rem; + --plasma-typo-h5-bold-font-size: 1.125rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.5rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; + --plasma-typo-text-l-font-size: 1.5rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 2rem; + --plasma-typo-text-l-bold-font-size: 1.5rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 2rem; + --plasma-typo-text-m-font-size: 1.125rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.625rem; + --plasma-typo-text-m-bold-font-size: 1.125rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.625rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; + } +}`, +] as unknown) as TemplateStringsArray; diff --git a/packages/themes/sdds-themes/src/themes/sdds_serv__dark.ts b/packages/themes/sdds-themes/src/themes/sdds_serv__dark.ts index 0f62c60db1..bed27049dd 100644 --- a/packages/themes/sdds-themes/src/themes/sdds_serv__dark.ts +++ b/packages/themes/sdds-themes/src/themes/sdds_serv__dark.ts @@ -5,22 +5,19 @@ export const sdds_serv__dark = ([ :root { --text-primary-hover: #F5F5F593; --text-primary-active: #F5F5F5C4; - --text-primary: #f5f5f5F5; + --text-primary: #F5F5F5F5; --text-secondary-hover: #F5F5F5FF; --text-secondary-active: #F5F5F5AB; - --text-secondary: #F5f5f58F; + --text-secondary: #F5F5F58F; --text-tertiary-hover: #F5F5F5FF; --text-tertiary-active: #F5F5F556; - --text-tertiary: #F5f5f548; + --text-tertiary: #F5F5F548; --text-paragraph-hover: #F5F5F57A; --text-paragraph-active: #F5F5F5A3; - --text-paragraph: #f5f5f5cc; + --text-paragraph: #F5F5F5CC; --text-accent-hover: #2ACB47FF; --text-accent-active: #1F9835FF; --text-accent: #24B23E; - --text-accent-gradient-hover: #CCCCCCFF; - --text-accent-gradient-active: #E6E6E6FF; - --text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --text-positive-hover: #2ACB47FF; --text-positive-active: #1F9835FF; --text-positive: #24B23E; @@ -32,22 +29,19 @@ export const sdds_serv__dark = ([ --text-negative: #FF3D51; --on-dark-text-primary-hover: #F5F5F593; --on-dark-text-primary-active: #F5F5F5C4; - --on-dark-text-primary: #f5f5f5F5; + --on-dark-text-primary: #F5F5F5F5; --on-dark-text-secondary-hover: #F5F5F5FF; --on-dark-text-secondary-active: #F5F5F5AB; - --on-dark-text-secondary: #F5f5f58F; + --on-dark-text-secondary: #F5F5F58F; --on-dark-text-tertiary-hover: #F5F5F5FF; --on-dark-text-tertiary-active: #F5F5F556; - --on-dark-text-tertiary: #F5f5f548; + --on-dark-text-tertiary: #F5F5F548; --on-dark-text-paragraph-hover: #F5F5F57A; --on-dark-text-paragraph-active: #F5F5F5A3; - --on-dark-text-paragraph: #f5f5f5CC; + --on-dark-text-paragraph: #F5F5F5CC; --on-dark-text-accent-hover: #2ACB47FF; --on-dark-text-accent-active: #1F9835FF; --on-dark-text-accent: #24B23E; - --on-dark-text-accent-gradient-hover: #CCCCCCFF; - --on-dark-text-accent-gradient-active: #E6E6E6FF; - --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-dark-text-positive-hover: #2ACB47FF; --on-dark-text-positive-active: #1F9835FF; --on-dark-text-positive: #24B23E; @@ -72,9 +66,6 @@ export const sdds_serv__dark = ([ --on-light-text-accent-hover: #13AA2CFF; --on-light-text-accent-active: #0D731EFF; --on-light-text-accent: #108E26; - --on-light-text-accent-gradient-hover: #CCCCCCFF; - --on-light-text-accent-gradient-active: #E6E6E6FF; - --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --on-light-text-positive-hover: #13AA2CFF; --on-light-text-positive-active: #0D731EFF; --on-light-text-positive: #108E26; @@ -99,9 +90,6 @@ export const sdds_serv__dark = ([ --inverse-text-accent-hover: #13AA2CFF; --inverse-text-accent-active: #0D731EFF; --inverse-text-accent: #108E26; - --inverse-text-accent-gradient-hover: #CCCCCCFF; - --inverse-text-accent-gradient-active: #E6E6E6FF; - --inverse-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --inverse-text-positive-hover: #13AA2CFF; --inverse-text-positive-active: #0D731EFF; --inverse-text-positive: #108E26; @@ -131,10 +119,10 @@ export const sdds_serv__dark = ([ --surface-transparent-primary: #FFFFFF0F; --surface-transparent-secondary-hover: #FFFFFF3D; --surface-transparent-secondary-active: #FFFFFF0F; - --surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --surface-transparent-secondary: #FFFFFF1F; --surface-transparent-tertiary-hover: #FFFFFF52; --surface-transparent-tertiary-active: #FFFFFF24; - --surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --surface-transparent-tertiary: #FFFFFF33; --surface-transparent-deep-hover: #FFFFFFC2; --surface-transparent-deep-active: #FFFFFF94; --surface-transparent-deep: #FFFFFFA3; @@ -143,13 +131,10 @@ export const sdds_serv__dark = ([ --surface-transparent-card: #FFFFFF0F; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0, 0, 0, 0); + --surface-clear: #00000000; --surface-accent-hover: #1DAF37FF; --surface-accent-active: #18952FFF; --surface-accent: #1A9E32; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --surface-positive-hover: #1DAF37FF; --surface-positive-active: #18952FFF; --surface-positive: #1A9E32; @@ -161,13 +146,13 @@ export const sdds_serv__dark = ([ --surface-negative: #FF293E; --surface-transparent-positive-hover: #1A9E323D; --surface-transparent-positive-active: #1A9E320F; - --surface-transparent-positive: rgba(26,158,50,0.12); + --surface-transparent-positive: #1A9E321F; --surface-transparent-warning-hover: #FA5F053D; --surface-transparent-warning-active: #FA5F050F; - --surface-transparent-warning: rgba(250,95,5,0.12); + --surface-transparent-warning: #FA5F051F; --surface-transparent-negative-hover: #FF293E3D; --surface-transparent-negative-active: #FF293E0F; - --surface-transparent-negative: rgba(255,41,62,0.12); + --surface-transparent-negative: #FF293E1F; --on-dark-surface-solid-primary-hover: #1C1C1CFF; --on-dark-surface-solid-primary-active: #121212FF; --on-dark-surface-solid-primary: #171717; @@ -185,13 +170,13 @@ export const sdds_serv__dark = ([ --on-dark-surface-solid-default: #F9F9F9; --on-dark-surface-transparent-primary-hover: #FFFFFF1F; --on-dark-surface-transparent-primary-active: #FFFFFF0A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF3D; --on-dark-surface-transparent-secondary-active: #FFFFFF0F; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF52; --on-dark-surface-transparent-tertiary-active: #FFFFFF24; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-deep-hover: #FFFFFFC2; --on-dark-surface-transparent-deep-active: #FFFFFF94; --on-dark-surface-transparent-deep: #FFFFFFA3; @@ -200,13 +185,10 @@ export const sdds_serv__dark = ([ --on-dark-surface-transparent-card: #FFFFFF0F; --on-dark-surface-clear-hover: #00000000; --on-dark-surface-clear-active: #00000000; - --on-dark-surface-clear: rgba(0, 0, 0, 0); + --on-dark-surface-clear: #00000000; --on-dark-surface-accent-hover: #1DAF37FF; --on-dark-surface-accent-active: #18952FFF; --on-dark-surface-accent: #1A9E32; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-dark-surface-positive-hover: #1DAF37FF; --on-dark-surface-positive-active: #18952FFF; --on-dark-surface-positive: #1A9E32; @@ -233,28 +215,25 @@ export const sdds_serv__dark = ([ --on-light-surface-solid-default: #080808; --on-light-surface-transparent-primary-hover: #0808080F; --on-light-surface-transparent-primary-active: #08080800; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02); + --on-light-surface-transparent-primary: #08080805; --on-light-surface-transparent-secondary-hover: #0808081F; --on-light-surface-transparent-secondary-active: #0808080A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808083D; --on-light-surface-transparent-tertiary-active: #0808080F; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #080808C2; --on-light-surface-transparent-deep-active: #08080894; --on-light-surface-transparent-deep: #080808A3; --on-light-surface-transparent-card-hover: #0808081F; --on-light-surface-transparent-card-active: #0808080A; - --on-light-surface-transparent-card: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-card: #0808080F; --on-light-surface-clear-hover: #00000000; --on-light-surface-clear-active: #00000000; - --on-light-surface-clear: rgba(0, 0, 0, 0); + --on-light-surface-clear: #00000000; --on-light-surface-accent-hover: #1DAF37FF; --on-light-surface-accent-active: #18952FFF; --on-light-surface-accent: #1A9E32; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-light-surface-positive-hover: #1DAF37FF; --on-light-surface-positive-active: #18952FFF; --on-light-surface-positive: #1A9E32; @@ -281,13 +260,13 @@ export const sdds_serv__dark = ([ --inverse-surface-solid-default: #080808; --inverse-surface-transparent-primary-hover: #0808080F; --inverse-surface-transparent-primary-active: #08080800; - --inverse-surface-transparent-primary: rgba(8, 8, 8, 0.02); + --inverse-surface-transparent-primary: #08080805; --inverse-surface-transparent-secondary-hover: #0808081F; --inverse-surface-transparent-secondary-active: #0808080A; - --inverse-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --inverse-surface-transparent-secondary: #0808080F; --inverse-surface-transparent-tertiary-hover: #0808083D; --inverse-surface-transparent-tertiary-active: #0808080F; - --inverse-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --inverse-surface-transparent-tertiary: #0808081F; --inverse-surface-transparent-deep-hover: #080808C2; --inverse-surface-transparent-deep-active: #08080894; --inverse-surface-transparent-deep: #080808A3; @@ -296,13 +275,10 @@ export const sdds_serv__dark = ([ --inverse-surface-transparent-card: #FFFFFFFF; --inverse-surface-clear-hover: #00000000; --inverse-surface-clear-active: #00000000; - --inverse-surface-clear: rgba(0, 0, 0, 0); + --inverse-surface-clear: #00000000; --inverse-surface-accent-hover: #1DAF37FF; --inverse-surface-accent-active: #18952FFF; --inverse-surface-accent: #1A9E32; - --inverse-surface-accent-gradient-hover: #FFFFFFFF; - --inverse-surface-accent-gradient-active: #FFFFFFFF; - --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --inverse-surface-positive-hover: #1DAF37FF; --inverse-surface-positive-active: #18952FFF; --inverse-surface-positive: #1A9E32; @@ -317,28 +293,104 @@ export const sdds_serv__dark = ([ --light-background-primary: #F9F9F9; --inverse-background-primary: #F9F9F9; --overlay-soft: #0808088F; - --overlay-hard: #080808f5; - --overlay-blur: rgba(8,8,8,0.28); - --on-dark-overlay-soft: #0808088f; - --on-dark-overlay-hard: #080808f5; - --on-dark-overlay-blur: rgba(8,8,8,0.28); - --on-light-overlay-soft: rgba(249,249,249,0.56); - --on-light-overlay-hard: #f9f9f9f5; - --on-light-overlay-blur: rgba(249,249,249,0.28); - --inverse-overlay-soft: #f9f9f98F; - --inverse-overlay-hard: #f9f9f9f5; - --inverse-overlay-blur: rgba(249,249,249,0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ); + --overlay-hard: #080808F5; + --overlay-blur: #08080847; + --on-dark-overlay-soft: #0808088F; + --on-dark-overlay-hard: #080808F5; + --on-dark-overlay-blur: #08080847; + --on-light-overlay-soft: #F9F9F98F; + --on-light-overlay-hard: #F9F9F9F5; + --on-light-overlay-blur: #F9F9F947; + --inverse-overlay-soft: #F9F9F98F; + --inverse-overlay-hard: #F9F9F9F5; + --inverse-overlay-blur: #F9F9F947; color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-accent-gradient-hover: #CCCCCCFF; + --text-accent-gradient-active: #E6E6E6FF; + --text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-dark-text-accent-gradient-hover: #CCCCCCFF; + --on-dark-text-accent-gradient-active: #E6E6E6FF; + --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-text-accent-gradient-hover: #CCCCCCFF; + --on-light-text-accent-gradient-active: #E6E6E6FF; + --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --inverse-text-accent-gradient-hover: #CCCCCCFF; + --inverse-text-accent-gradient-active: #E6E6E6FF; + --inverse-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient-hover: #FFFFFFFF; + --inverse-surface-accent-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -358,64 +410,64 @@ export const sdds_serv__dark = ([ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -434,7 +486,7 @@ export const sdds_serv__dark = ([ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -763,6 +815,5 @@ export const sdds_serv__dark = ([ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} -`, +}`, ] as unknown) as TemplateStringsArray; diff --git a/packages/themes/sdds-themes/src/themes/sdds_serv__light.ts b/packages/themes/sdds-themes/src/themes/sdds_serv__light.ts index c85b0518be..944f8c15ad 100644 --- a/packages/themes/sdds-themes/src/themes/sdds_serv__light.ts +++ b/packages/themes/sdds-themes/src/themes/sdds_serv__light.ts @@ -18,9 +18,6 @@ export const sdds_serv__light = ([ --text-accent-hover: #14B32EFF; --text-accent-active: #0C6A1BFF; --text-accent: #108E26; - --text-accent-gradient-hover: #000000FF; - --text-accent-gradient-active: #CCCCCCFF; - --text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --text-positive-hover: #14B32EFF; --text-positive-active: #0C6A1BFF; --text-positive: #108E26; @@ -45,9 +42,6 @@ export const sdds_serv__light = ([ --on-dark-text-accent-hover: #2BD44AFF; --on-dark-text-accent-active: #1D9032FF; --on-dark-text-accent: #24B23E; - --on-dark-text-accent-gradient-hover: #000000FF; - --on-dark-text-accent-gradient-active: #CCCCCCFF; - --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-dark-text-positive-hover: #2BD44AFF; --on-dark-text-positive-active: #1D9032FF; --on-dark-text-positive: #24B23E; @@ -72,9 +66,6 @@ export const sdds_serv__light = ([ --on-light-text-accent-hover: #14B32EFF; --on-light-text-accent-active: #0C6A1BFF; --on-light-text-accent: #108E26; - --on-light-text-accent-gradient-hover: #000000FF; - --on-light-text-accent-gradient-active: #CCCCCCFF; - --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --on-light-text-positive-hover: #14B32EFF; --on-light-text-positive-active: #0C6A1BFF; --on-light-text-positive: #108E26; @@ -99,9 +90,6 @@ export const sdds_serv__light = ([ --inverse-text-accent-hover: #2BD44AFF; --inverse-text-accent-active: #1D9032FF; --inverse-text-accent: #24B23E; - --inverse-text-accent-gradient-hover: #000000FF; - --inverse-text-accent-gradient-active: #CCCCCCFF; - --inverse-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --inverse-text-positive-hover: #2BD44AFF; --inverse-text-positive-active: #1D9032FF; --inverse-text-positive: #24B23E; @@ -128,13 +116,13 @@ export const sdds_serv__light = ([ --surface-solid-default: #080808; --surface-transparent-primary-hover: #08080800; --surface-transparent-primary-active: #0808080A; - --surface-transparent-primary: rgba(8, 8, 8, 0.02); + --surface-transparent-primary: #08080805; --surface-transparent-secondary-hover: #08080805; --surface-transparent-secondary-active: #0808081A; - --surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --surface-transparent-secondary: #0808080F; --surface-transparent-tertiary-hover: #0808080A; --surface-transparent-tertiary-active: #08080829; - --surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --surface-transparent-tertiary: #0808081F; --surface-transparent-deep-hover: #0808088F; --surface-transparent-deep-active: #080808AD; --surface-transparent-deep: #080808A3; @@ -143,13 +131,10 @@ export const sdds_serv__light = ([ --surface-transparent-card: #FFFFFFFF; --surface-clear-hover: #00000000; --surface-clear-active: #00000000; - --surface-clear: rgba(0, 0, 0, 0); + --surface-clear: #00000000; --surface-accent-hover: #1EB83AFF; --surface-accent-active: #178C2CFF; --surface-accent: #1A9E32; - --surface-accent-gradient-hover: #FFFFFFFF; - --surface-accent-gradient-active: #FFFFFFFF; - --surface-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%); --surface-positive-hover: #1EB83AFF; --surface-positive-active: #178C2CFF; --surface-positive: #1A9E32; @@ -161,13 +146,13 @@ export const sdds_serv__light = ([ --surface-negative: #FF293E; --surface-transparent-positive-hover: #1A9E3205; --surface-transparent-positive-active: #1A9E321A; - --surface-transparent-positive: rgba(26,158,50,0.06); + --surface-transparent-positive: #1A9E320F; --surface-transparent-warning-hover: #FA5F0505; --surface-transparent-warning-active: #FA5F051A; - --surface-transparent-warning: rgba(250,95,5,0.06); + --surface-transparent-warning: #FA5F050F; --surface-transparent-negative-hover: #F31B3105; --surface-transparent-negative-active: #F31B311A; - --surface-transparent-negative: rgba(243,27,49,0.06); + --surface-transparent-negative: #F31B310F; --on-dark-surface-solid-primary-hover: #363636FF; --on-dark-surface-solid-primary-active: #0D0D0DFF; --on-dark-surface-solid-primary: #171717; @@ -185,13 +170,13 @@ export const sdds_serv__light = ([ --on-dark-surface-solid-default: #F9F9F9; --on-dark-surface-transparent-primary-hover: #FFFFFF05; --on-dark-surface-transparent-primary-active: #FFFFFF1A; - --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --on-dark-surface-transparent-primary: #FFFFFF0F; --on-dark-surface-transparent-secondary-hover: #FFFFFF0A; --on-dark-surface-transparent-secondary-active: #FFFFFF29; - --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --on-dark-surface-transparent-secondary: #FFFFFF1F; --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F; --on-dark-surface-transparent-tertiary-active: #FFFFFF3D; - --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --on-dark-surface-transparent-tertiary: #FFFFFF33; --on-dark-surface-transparent-deep-hover: #FFFFFF8F; --on-dark-surface-transparent-deep-active: #FFFFFFAD; --on-dark-surface-transparent-deep: #FFFFFFA3; @@ -200,13 +185,10 @@ export const sdds_serv__light = ([ --on-dark-surface-transparent-card: #FFFFFF0F; --on-dark-surface-clear-hover: #00000000; --on-dark-surface-clear-active: #00000000; - --on-dark-surface-clear: rgba(0, 0, 0, 0); + --on-dark-surface-clear: #00000000; --on-dark-surface-accent-hover: #1EB83AFF; --on-dark-surface-accent-active: #178C2CFF; --on-dark-surface-accent: #1A9E32; - --on-dark-surface-accent-gradient-hover: #FFFFFFFF; - --on-dark-surface-accent-gradient-active: #FFFFFFFF; - --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-dark-surface-positive-hover: #1EB83AFF; --on-dark-surface-positive-active: #178C2CFF; --on-dark-surface-positive: #1A9E32; @@ -233,13 +215,13 @@ export const sdds_serv__light = ([ --on-light-surface-solid-default: #080808; --on-light-surface-transparent-primary-hover: #08080800; --on-light-surface-transparent-primary-active: #0808080A; - --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02); + --on-light-surface-transparent-primary: #08080805; --on-light-surface-transparent-secondary-hover: #08080805; --on-light-surface-transparent-secondary-active: #0808081A; - --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06); + --on-light-surface-transparent-secondary: #0808080F; --on-light-surface-transparent-tertiary-hover: #0808080A; --on-light-surface-transparent-tertiary-active: #08080829; - --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12); + --on-light-surface-transparent-tertiary: #0808081F; --on-light-surface-transparent-deep-hover: #0808088F; --on-light-surface-transparent-deep-active: #080808AD; --on-light-surface-transparent-deep: #080808A3; @@ -248,13 +230,10 @@ export const sdds_serv__light = ([ --on-light-surface-transparent-card: #FFFFFFFF; --on-light-surface-clear-hover: #00000000; --on-light-surface-clear-active: #00000000; - --on-light-surface-clear: rgba(0, 0, 0, 0); + --on-light-surface-clear: #00000000; --on-light-surface-accent-hover: #1EB83AFF; --on-light-surface-accent-active: #178C2CFF; --on-light-surface-accent: #1A9E32; - --on-light-surface-accent-gradient-hover: #FFFFFFFF; - --on-light-surface-accent-gradient-active: #FFFFFFFF; - --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --on-light-surface-positive-hover: #1EB83AFF; --on-light-surface-positive-active: #178C2CFF; --on-light-surface-positive: #1A9E32; @@ -281,13 +260,13 @@ export const sdds_serv__light = ([ --inverse-surface-solid-default: #F9F9F9; --inverse-surface-transparent-primary-hover: #FFFFFF05; --inverse-surface-transparent-primary-active: #FFFFFF1A; - --inverse-surface-transparent-primary: rgba(255, 255, 255, 0.06); + --inverse-surface-transparent-primary: #FFFFFF0F; --inverse-surface-transparent-secondary-hover: #FFFFFF0A; --inverse-surface-transparent-secondary-active: #FFFFFF29; - --inverse-surface-transparent-secondary: rgba(255, 255, 255, 0.12); + --inverse-surface-transparent-secondary: #FFFFFF1F; --inverse-surface-transparent-tertiary-hover: #FFFFFF1F; --inverse-surface-transparent-tertiary-active: #FFFFFF3D; - --inverse-surface-transparent-tertiary: rgba(255, 255, 255, 0.2); + --inverse-surface-transparent-tertiary: #FFFFFF33; --inverse-surface-transparent-deep-hover: #FFFFFF8F; --inverse-surface-transparent-deep-active: #FFFFFFAD; --inverse-surface-transparent-deep: #FFFFFFA3; @@ -296,13 +275,10 @@ export const sdds_serv__light = ([ --inverse-surface-transparent-card: #FFFFFF0F; --inverse-surface-clear-hover: #00000000; --inverse-surface-clear-active: #00000000; - --inverse-surface-clear: rgba(0, 0, 0, 0); + --inverse-surface-clear: #00000000; --inverse-surface-accent-hover: #1EB83AFF; --inverse-surface-accent-active: #178C2CFF; --inverse-surface-accent: #1A9E32; - --inverse-surface-accent-gradient-hover: #FFFFFFFF; - --inverse-surface-accent-gradient-active: #FFFFFFFF; - --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%); --inverse-surface-positive-hover: #1EB83AFF; --inverse-surface-positive-active: #178C2CFF; --inverse-surface-positive: #1A9E32; @@ -318,27 +294,103 @@ export const sdds_serv__light = ([ --inverse-background-primary: #080808; --overlay-soft: #F9F9F98F; --overlay-hard: #F9F9F9F5; - --overlay-blur: rgba(249,249,249,0.28); + --overlay-blur: #F9F9F947; --on-dark-overlay-soft: #0808088F; --on-dark-overlay-hard: #080808F5; - --on-dark-overlay-blur: rgba(8,8,8,0.28); + --on-dark-overlay-blur: #08080847; --on-light-overlay-soft: #F9F9F98F; --on-light-overlay-hard: #F9F9F9F5; - --on-light-overlay-blur: rgba(249,249,249,0.28); + --on-light-overlay-blur: #F9F9F947; --inverse-overlay-soft: #0808088F; --inverse-overlay-hard: #080808F5; - --inverse-overlay-blur: rgba(8,8,8,0.28); - --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ); - --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ); + --inverse-overlay-blur: #08080847; color: var(--text-primary); background-color: var(--background-primary); } +:root { + --text-accent-gradient-hover: #000000FF; + --text-accent-gradient-active: #CCCCCCFF; + --text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --on-dark-text-accent-gradient-hover: #000000FF; + --on-dark-text-accent-gradient-active: #CCCCCCFF; + --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-text-accent-gradient-hover: #000000FF; + --on-light-text-accent-gradient-active: #CCCCCCFF; + --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --inverse-text-accent-gradient-hover: #000000FF; + --inverse-text-accent-gradient-active: #CCCCCCFF; + --inverse-text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --surface-accent-gradient-hover: #FFFFFFFF; + --surface-accent-gradient-active: #FFFFFFFF; + --surface-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%); + --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --surface-skeleton-gradient-hover: #FFFFFFFF; + --surface-skeleton-gradient-active: #FFFFFFFF; + --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient-hover: #FFFFFFFF; + --on-dark-surface-accent-gradient-active: #FFFFFFFF; + --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-gradient-active: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient-hover: #FFFFFFFF; + --on-light-surface-accent-gradient-active: #FFFFFFFF; + --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%); + --on-light-surface-skeleton-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-gradient-active: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); + --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient-hover: #FFFFFFFF; + --inverse-surface-accent-gradient-active: #FFFFFFFF; + --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%); + --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%); + --inverse-surface-skeleton-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-gradient-active: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); + --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; + --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; +} + +:root { + --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A; + --shadow-down-soft-m: 0px 24px 48px -8px #00000014; + --shadow-down-soft-l: 0px 60px 112px -8px #00000014; + --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014; + --shadow-down-hard-m: 0px 16px 32px -8px #0000003D; + --shadow-down-hard-l: 0px 60px 112px -8px #00000066; + --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008; + --shadow-up-soft-m: 0px -24px 48px -8px #00000014; + --shadow-up-soft-l: 0px -60px 112px -8px #00000014; + --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008; + --shadow-up-hard-m: 0px -16px 32px -8px #0000003D; + --shadow-up-hard-l: 0px -60px 112px -8px #00000066; +} + +:root { + --border-radius-xxs: 4px; + --border-radius-xs: 8px; + --border-radius-s: 12px; + --border-radius-m: 16px; + --border-radius-l: 20px; + --border-radius-xl: 24px; + --border-radius-xxl: 32px; +} + :root { font-size: 16px; --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-letter-spacing: normal; @@ -358,64 +410,64 @@ export const sdds_serv__light = ([ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-bold-letter-spacing: normal; --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-letter-spacing: normal; --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-bold-letter-spacing: normal; --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-letter-spacing: normal; --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-bold-letter-spacing: normal; --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-letter-spacing: normal; --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-bold-letter-spacing: normal; --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-letter-spacing: normal; --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-bold-letter-spacing: normal; --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-letter-spacing: normal; --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-bold-letter-spacing: normal; --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-letter-spacing: -0.02em; --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-bold-letter-spacing: -0.02em; --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-letter-spacing: -0.02em; --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-bold-letter-spacing: -0.02em; --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-letter-spacing: -0.02em; --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-bold-letter-spacing: -0.02em; --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-letter-spacing: -0.02em; --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-bold-letter-spacing: -0.02em; --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-letter-spacing: -0.02em; --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); @@ -434,7 +486,7 @@ export const sdds_serv__light = ([ --plasma-typo-text-s-letter-spacing: -0.02em; --plasma-typo-text-s-font-style: normal; --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02emm; + --plasma-typo-text-s-bold-letter-spacing: -0.02em; --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-letter-spacing: -0.02em; @@ -763,6 +815,5 @@ export const sdds_serv__light = ([ --plasma-typo-text-xs-bold-font-weight: 600; --plasma-typo-text-xs-bold-line-height: 1rem; } -} -`, +}`, ] as unknown) as TemplateStringsArray; diff --git a/packages/themes/sdds-themes/src/tokens/index.ts b/packages/themes/sdds-themes/src/tokens/index.ts index 74ecff3195..11f2e012df 100644 --- a/packages/themes/sdds-themes/src/tokens/index.ts +++ b/packages/themes/sdds-themes/src/tokens/index.ts @@ -1,2514 +1,2786 @@ // Generated by robots, do not change this manually! /** Основной цвет текста */ -export const textPrimary = 'var(--text-primary, #080808F5)'; +export const textPrimary = 'var(--text-primary)'; /** Основной цвет текста */ -export const textPrimaryHover = 'var(--text-primary-hover, #08080893)'; +export const textPrimaryHover = 'var(--text-primary-hover)'; /** Основной цвет текста */ -export const textPrimaryActive = 'var(--text-primary-active, #080808C4)'; +export const textPrimaryActive = 'var(--text-primary-active)'; /** Вторичный цвет текста */ -export const textSecondary = 'var(--text-secondary, #0808088F)'; +export const textSecondary = 'var(--text-secondary)'; /** Вторичный цвет текста */ -export const textSecondaryHover = 'var(--text-secondary-hover, #080808FF)'; +export const textSecondaryHover = 'var(--text-secondary-hover)'; /** Вторичный цвет текста */ -export const textSecondaryActive = 'var(--text-secondary-active, #080808AB)'; +export const textSecondaryActive = 'var(--text-secondary-active)'; /** Третичный цвет текста */ -export const textTertiary = 'var(--text-tertiary, #08080847)'; +export const textTertiary = 'var(--text-tertiary)'; /** Третичный цвет текста */ -export const textTertiaryHover = 'var(--text-tertiary-hover, #080808FF)'; +export const textTertiaryHover = 'var(--text-tertiary-hover)'; /** Третичный цвет текста */ -export const textTertiaryActive = 'var(--text-tertiary-active, #08080856)'; +export const textTertiaryActive = 'var(--text-tertiary-active)'; /** Сплошной наборный текст */ -export const textParagraph = 'var(--text-paragraph, #080808CC)'; +export const textParagraph = 'var(--text-paragraph)'; /** Сплошной наборный текст */ -export const textParagraphHover = 'var(--text-paragraph-hover, #0808087A)'; +export const textParagraphHover = 'var(--text-paragraph-hover)'; /** Сплошной наборный текст */ -export const textParagraphActive = 'var(--text-paragraph-active, #080808A3)'; +export const textParagraphActive = 'var(--text-paragraph-active)'; /** Акцентный цвет */ -export const textAccent = 'var(--text-accent, #108E26)'; +export const textAccent = 'var(--text-accent)'; /** Акцентный цвет */ -export const textAccentHover = 'var(--text-accent-hover, #14B32EFF)'; +export const textAccentHover = 'var(--text-accent-hover)'; /** Акцентный цвет */ -export const textAccentActive = 'var(--text-accent-active, #0C6A1BFF)'; +export const textAccentActive = 'var(--text-accent-active)'; /** Акцентный минорный цвет */ -export const textAccentMinor = 'var(--text-accent-minor, #0A2B10)'; +export const textAccentMinor = 'var(--text-accent-minor)'; /** Акцентный минорный цвет */ -export const textAccentMinorHover = 'var(--text-accent-minor-hover, #196B28FF)'; +export const textAccentMinorHover = 'var(--text-accent-minor-hover)'; /** Акцентный минорный цвет */ -export const textAccentMinorActive = 'var(--text-accent-minor-active, #114A1CFF)'; +export const textAccentMinorActive = 'var(--text-accent-minor-active)'; /** Цвет успеха */ -export const textPositive = 'var(--text-positive, #108E26)'; +export const textPositive = 'var(--text-positive)'; /** Цвет успеха */ -export const textPositiveHover = 'var(--text-positive-hover, #14B32EFF)'; +export const textPositiveHover = 'var(--text-positive-hover)'; /** Цвет успеха */ -export const textPositiveActive = 'var(--text-positive-active, #0C6A1BFF)'; +export const textPositiveActive = 'var(--text-positive-active)'; /** Цвет предупреждения */ -export const textWarning = 'var(--text-warning, #E85702)'; +export const textWarning = 'var(--text-warning)'; /** Цвет предупреждения */ -export const textWarningHover = 'var(--text-warning-hover, #FD6B17FF)'; +export const textWarningHover = 'var(--text-warning-hover)'; /** Цвет предупреждения */ -export const textWarningActive = 'var(--text-warning-active, #C04802FF)'; +export const textWarningActive = 'var(--text-warning-active)'; /** Цвет ошибки */ -export const textNegative = 'var(--text-negative, #F31B31)'; +export const textNegative = 'var(--text-negative)'; /** Цвет ошибки */ -export const textNegativeHover = 'var(--text-negative-hover, #F54254FF)'; +export const textNegativeHover = 'var(--text-negative-hover)'; /** Цвет ошибки */ -export const textNegativeActive = 'var(--text-negative-active, #DA0B20FF)'; +export const textNegativeActive = 'var(--text-negative-active)'; /** Цвет информации */ -export const textInfo = 'var(--text-info, #0B7ECB)'; +export const textInfo = 'var(--text-info)'; /** Цвет информации */ -export const textInfoHover = 'var(--text-info-hover, #0D96F2FF)'; +export const textInfoHover = 'var(--text-info-hover)'; /** Цвет информации */ -export const textInfoActive = 'var(--text-info-active, #0966A5FF)'; +export const textInfoActive = 'var(--text-info-active)'; /** Минорный цвет успеха */ -export const textPositiveMinor = 'var(--text-positive-minor, #0A2B10)'; +export const textPositiveMinor = 'var(--text-positive-minor)'; /** Минорный цвет успеха */ -export const textPositiveMinorHover = 'var(--text-positive-minor-hover, #196B28FF)'; +export const textPositiveMinorHover = 'var(--text-positive-minor-hover)'; /** Минорный цвет успеха */ -export const textPositiveMinorActive = 'var(--text-positive-minor-active, #114A1CFF)'; +export const textPositiveMinorActive = 'var(--text-positive-minor-active)'; /** Минорный цвет предупреждения */ -export const textWarningMinor = 'var(--text-warning-minor, #3D1D0A)'; +export const textWarningMinor = 'var(--text-warning-minor)'; /** Минорный цвет предупреждения */ -export const textWarningMinorHover = 'var(--text-warning-minor-hover, #843E15FF)'; +export const textWarningMinorHover = 'var(--text-warning-minor-hover)'; /** Минорный цвет предупреждения */ -export const textWarningMinorActive = 'var(--text-warning-minor-active, #602D10FF)'; +export const textWarningMinorActive = 'var(--text-warning-minor-active)'; /** Минорный цвет ошибки */ -export const textNegativeMinor = 'var(--text-negative-minor, #4A0D13)'; +export const textNegativeMinor = 'var(--text-negative-minor)'; /** Минорный цвет ошибки */ -export const textNegativeMinorHover = 'var(--text-negative-minor-hover, #8F1925FF)'; +export const textNegativeMinorHover = 'var(--text-negative-minor-hover)'; /** Минорный цвет ошибки */ -export const textNegativeMinorActive = 'var(--text-negative-minor-active, #6C131CFF)'; +export const textNegativeMinorActive = 'var(--text-negative-minor-active)'; /** Минорный цвет информации */ -export const textInfoMinor = 'var(--text-info-minor, #0C283B)'; +export const textInfoMinor = 'var(--text-info-minor)'; /** Минорный цвет информации */ -export const textInfoMinorHover = 'var(--text-info-minor-hover, #1A577FFF)'; +export const textInfoMinorHover = 'var(--text-info-minor-hover)'; /** Минорный цвет информации */ -export const textInfoMinorActive = 'var(--text-info-minor-active, #13405DFF)'; +export const textInfoMinorActive = 'var(--text-info-minor-active)'; /** Основной цвет текста на темном фоне */ -export const onDarkTextPrimary = 'var(--on-dark-text-primary, rgba(255, 255, 255, 0.96))'; +export const onDarkTextPrimary = 'var(--on-dark-text-primary)'; /** Основной цвет текста на темном фоне */ -export const onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #FFFFFF93)'; +export const onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover)'; /** Основной цвет текста на темном фоне */ -export const onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #FFFFFFC4)'; +export const onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active)'; /** Вторичный цвет текста на темном фоне */ -export const onDarkTextSecondary = 'var(--on-dark-text-secondary, rgba(255, 255, 255, 0.56))'; +export const onDarkTextSecondary = 'var(--on-dark-text-secondary)'; /** Вторичный цвет текста на темном фоне */ -export const onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #FFFFFFFF)'; +export const onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover)'; /** Вторичный цвет текста на темном фоне */ -export const onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #FFFFFFAB)'; +export const onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active)'; /** Третичный цвет текста на темном фоне */ -export const onDarkTextTertiary = 'var(--on-dark-text-tertiary, rgba(255, 255, 255, 0.28))'; +export const onDarkTextTertiary = 'var(--on-dark-text-tertiary)'; /** Третичный цвет текста на темном фоне */ -export const onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #FFFFFFFF)'; +export const onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover)'; /** Третичный цвет текста на темном фоне */ -export const onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #FFFFFF56)'; +export const onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active)'; /** Сплошной наборный текст на темном фоне */ -export const onDarkTextParagraph = 'var(--on-dark-text-paragraph, rgba(255, 255, 255, 0.8))'; +export const onDarkTextParagraph = 'var(--on-dark-text-paragraph)'; /** Сплошной наборный текст на темном фоне */ -export const onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #FFFFFF7A)'; +export const onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover)'; /** Сплошной наборный текст на темном фоне */ -export const onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #FFFFFFA3)'; +export const onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active)'; /** Акцентный цвет на темном фоне */ -export const onDarkTextAccent = 'var(--on-dark-text-accent, #1A9E32)'; +export const onDarkTextAccent = 'var(--on-dark-text-accent)'; /** Акцентный цвет на темном фоне */ -export const onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #1FC13DFF)'; +export const onDarkTextAccentHover = 'var(--on-dark-text-accent-hover)'; /** Акцентный цвет на темном фоне */ -export const onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #147B27FF)'; +export const onDarkTextAccentActive = 'var(--on-dark-text-accent-active)'; /** Акцентный минорный цвет на темном фоне */ -export const onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #9EFAAF)'; +export const onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor)'; /** Акцентный минорный цвет на темном фоне */ -export const onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #C5FCCFFF)'; +export const onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover)'; /** Акцентный минорный цвет на темном фоне */ -export const onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #77F88FFF)'; +export const onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active)'; /** Цвет успеха на темном фоне */ -export const onDarkTextPositive = 'var(--on-dark-text-positive, #1A9E32)'; +export const onDarkTextPositive = 'var(--on-dark-text-positive)'; /** Цвет успеха на темном фоне */ -export const onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #1FC13DFF)'; +export const onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover)'; /** Цвет успеха на темном фоне */ -export const onDarkTextPositiveActive = 'var(--on-dark-text-positive-active, #147B27FF)'; +export const onDarkTextPositiveActive = 'var(--on-dark-text-positive-active)'; /** Цвет предупреждения на темном фоне */ -export const onDarkTextWarning = 'var(--on-dark-text-warning, #FA5F05)'; +export const onDarkTextWarning = 'var(--on-dark-text-warning)'; /** Цвет предупреждения на темном фоне */ -export const onDarkTextWarningHover = 'var(--on-dark-text-warning-hover, #FB782DFF)'; +export const onDarkTextWarningHover = 'var(--on-dark-text-warning-hover)'; /** Цвет предупреждения на темном фоне */ -export const onDarkTextWarningActive = 'var(--on-dark-text-warning-active, #D25004FF)'; +export const onDarkTextWarningActive = 'var(--on-dark-text-warning-active)'; /** Цвет ошибки на темном фоне */ -export const onDarkTextNegative = 'var(--on-dark-text-negative, #FF293E)'; +export const onDarkTextNegative = 'var(--on-dark-text-negative)'; /** Цвет ошибки на темном фоне */ -export const onDarkTextNegativeHover = 'var(--on-dark-text-negative-hover, #FF5263FF)'; +export const onDarkTextNegativeHover = 'var(--on-dark-text-negative-hover)'; /** Цвет ошибки на темном фоне */ -export const onDarkTextNegativeActive = 'var(--on-dark-text-negative-active, #FF001AFF)'; +export const onDarkTextNegativeActive = 'var(--on-dark-text-negative-active)'; /** Цвет информации на темном фоне */ -export const onDarkTextInfo = 'var(--on-dark-text-info, #118CDF)'; +export const onDarkTextInfo = 'var(--on-dark-text-info)'; /** Цвет информации на темном фоне */ -export const onDarkTextInfoHover = 'var(--on-dark-text-info-hover, #2AA0EFFF)'; +export const onDarkTextInfoHover = 'var(--on-dark-text-info-hover)'; /** Цвет информации на темном фоне */ -export const onDarkTextInfoActive = 'var(--on-dark-text-info-active, #0E75B9FF)'; +export const onDarkTextInfoActive = 'var(--on-dark-text-info-active)'; /** Минорный цвет успеха на темном фоне */ -export const onDarkTextPositiveMinor = 'var(--on-dark-text-positive-minor, #9EFAAF)'; +export const onDarkTextPositiveMinor = 'var(--on-dark-text-positive-minor)'; /** Минорный цвет успеха на темном фоне */ -export const onDarkTextPositiveMinorHover = 'var(--on-dark-text-positive-minor-hover, #C5FCCFFF)'; +export const onDarkTextPositiveMinorHover = 'var(--on-dark-text-positive-minor-hover)'; /** Минорный цвет успеха на темном фоне */ -export const onDarkTextPositiveMinorActive = 'var(--on-dark-text-positive-minor-active, #77F88FFF)'; +export const onDarkTextPositiveMinorActive = 'var(--on-dark-text-positive-minor-active)'; /** Минорный цвет предупреждения на темном фоне */ -export const onDarkTextWarningMinor = 'var(--on-dark-text-warning-minor, #FEE2D2)'; +export const onDarkTextWarningMinor = 'var(--on-dark-text-warning-minor)'; /** Минорный цвет предупреждения на темном фоне */ -export const onDarkTextWarningMinorHover = 'var(--on-dark-text-warning-minor-hover, #FFFCFAFF)'; +export const onDarkTextWarningMinorHover = 'var(--on-dark-text-warning-minor-hover)'; /** Минорный цвет предупреждения на темном фоне */ -export const onDarkTextWarningMinorActive = 'var(--on-dark-text-warning-minor-active, #FDC9AAFF)'; +export const onDarkTextWarningMinorActive = 'var(--on-dark-text-warning-minor-active)'; /** Минорный цвет ошибки на темном фоне */ -export const onDarkTextNegativeMinor = 'var(--on-dark-text-negative-minor, #FFE0E3)'; +export const onDarkTextNegativeMinor = 'var(--on-dark-text-negative-minor)'; /** Минорный цвет ошибки на темном фоне */ -export const onDarkTextNegativeMinorHover = 'var(--on-dark-text-negative-minor-hover, #FFFFFFFF)'; +export const onDarkTextNegativeMinorHover = 'var(--on-dark-text-negative-minor-hover)'; /** Минорный цвет ошибки на темном фоне */ -export const onDarkTextNegativeMinorActive = 'var(--on-dark-text-negative-minor-active, #FFB8BFFF)'; +export const onDarkTextNegativeMinorActive = 'var(--on-dark-text-negative-minor-active)'; /** Минорный цвет информации на темном фоне */ -export const onDarkTextInfoMinor = 'var(--on-dark-text-info-minor, #CFECFF)'; +export const onDarkTextInfoMinor = 'var(--on-dark-text-info-minor)'; /** Минорный цвет информации на темном фоне */ -export const onDarkTextInfoMinorHover = 'var(--on-dark-text-info-minor-hover, #FAFDFFFF)'; +export const onDarkTextInfoMinorHover = 'var(--on-dark-text-info-minor-hover)'; /** Минорный цвет информации на темном фоне */ -export const onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active, #A8DCFFFF)'; +export const onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active)'; /** Основной цвет текста на светлом фоне */ -export const onLightTextPrimary = 'var(--on-light-text-primary, #080808F5)'; +export const onLightTextPrimary = 'var(--on-light-text-primary)'; /** Основной цвет текста на светлом фоне */ -export const onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #08080893)'; +export const onLightTextPrimaryHover = 'var(--on-light-text-primary-hover)'; /** Основной цвет текста на светлом фоне */ -export const onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #080808C4)'; +export const onLightTextPrimaryActive = 'var(--on-light-text-primary-active)'; /** Вторичный цвет текста на светлом фоне */ -export const onLightTextSecondary = 'var(--on-light-text-secondary, #0808088F)'; +export const onLightTextSecondary = 'var(--on-light-text-secondary)'; /** Вторичный цвет текста на светлом фоне */ -export const onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #080808FF)'; +export const onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover)'; /** Вторичный цвет текста на светлом фоне */ -export const onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #080808AB)'; +export const onLightTextSecondaryActive = 'var(--on-light-text-secondary-active)'; /** Третичный цвет текста на светлом фоне */ -export const onLightTextTertiary = 'var(--on-light-text-tertiary, #08080847)'; +export const onLightTextTertiary = 'var(--on-light-text-tertiary)'; /** Третичный цвет текста на светлом фоне */ -export const onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #080808FF)'; +export const onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover)'; /** Третичный цвет текста на светлом фоне */ -export const onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #08080856)'; +export const onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active)'; /** Сплошной наборный текст на светлом фоне */ -export const onLightTextParagraph = 'var(--on-light-text-paragraph, #080808CC)'; +export const onLightTextParagraph = 'var(--on-light-text-paragraph)'; /** Сплошной наборный текст на светлом фоне */ -export const onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #0808087A)'; +export const onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover)'; /** Сплошной наборный текст на светлом фоне */ -export const onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #080808A3)'; +export const onLightTextParagraphActive = 'var(--on-light-text-paragraph-active)'; /** Акцентный цвет на светлом фоне */ -export const onLightTextAccent = 'var(--on-light-text-accent, #108E26)'; +export const onLightTextAccent = 'var(--on-light-text-accent)'; /** Акцентный цвет на светлом фоне */ -export const onLightTextAccentHover = 'var(--on-light-text-accent-hover, #14B32EFF)'; +export const onLightTextAccentHover = 'var(--on-light-text-accent-hover)'; /** Акцентный цвет на светлом фоне */ -export const onLightTextAccentActive = 'var(--on-light-text-accent-active, #0C6A1BFF)'; +export const onLightTextAccentActive = 'var(--on-light-text-accent-active)'; /** Акцентный минорный цвет на светлом фоне */ -export const onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #0A2B10)'; +export const onLightTextAccentMinor = 'var(--on-light-text-accent-minor)'; /** Акцентный минорный цвет на светлом фоне */ -export const onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #196B28FF)'; +export const onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover)'; /** Акцентный минорный цвет на светлом фоне */ -export const onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #114A1CFF)'; +export const onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active)'; /** Цвет успеха на светлом фоне */ -export const onLightTextPositive = 'var(--on-light-text-positive, #108E26)'; +export const onLightTextPositive = 'var(--on-light-text-positive)'; /** Цвет успеха на светлом фоне */ -export const onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #14B32EFF)'; +export const onLightTextPositiveHover = 'var(--on-light-text-positive-hover)'; /** Цвет успеха на светлом фоне */ -export const onLightTextPositiveActive = 'var(--on-light-text-positive-active, #0C6A1BFF)'; +export const onLightTextPositiveActive = 'var(--on-light-text-positive-active)'; /** Цвет предупреждения на светлом фоне */ -export const onLightTextWarning = 'var(--on-light-text-warning, #E85702)'; +export const onLightTextWarning = 'var(--on-light-text-warning)'; /** Цвет предупреждения на светлом фоне */ -export const onLightTextWarningHover = 'var(--on-light-text-warning-hover, #FD6B17FF)'; +export const onLightTextWarningHover = 'var(--on-light-text-warning-hover)'; /** Цвет предупреждения на светлом фоне */ -export const onLightTextWarningActive = 'var(--on-light-text-warning-active, #C04802FF)'; +export const onLightTextWarningActive = 'var(--on-light-text-warning-active)'; /** Цвет ошибки на светлом фоне */ -export const onLightTextNegative = 'var(--on-light-text-negative, #F31B31)'; +export const onLightTextNegative = 'var(--on-light-text-negative)'; /** Цвет ошибки на светлом фоне */ -export const onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #F54254FF)'; +export const onLightTextNegativeHover = 'var(--on-light-text-negative-hover)'; /** Цвет ошибки на светлом фоне */ -export const onLightTextNegativeActive = 'var(--on-light-text-negative-active, #DA0B20FF)'; +export const onLightTextNegativeActive = 'var(--on-light-text-negative-active)'; /** Цвет информации на светлом фоне */ -export const onLightTextInfo = 'var(--on-light-text-info, #0B7ECB)'; +export const onLightTextInfo = 'var(--on-light-text-info)'; /** Цвет информации на светлом фоне */ -export const onLightTextInfoHover = 'var(--on-light-text-info-hover, #0D96F2FF)'; +export const onLightTextInfoHover = 'var(--on-light-text-info-hover)'; /** Цвет информации на светлом фоне */ -export const onLightTextInfoActive = 'var(--on-light-text-info-active, #0966A5FF)'; +export const onLightTextInfoActive = 'var(--on-light-text-info-active)'; /** Минорный цвет успеха на светлом фоне */ -export const onLightTextPositiveMinor = 'var(--on-light-text-positive-minor, #0A2B10)'; +export const onLightTextPositiveMinor = 'var(--on-light-text-positive-minor)'; /** Минорный цвет успеха на светлом фоне */ -export const onLightTextPositiveMinorHover = 'var(--on-light-text-positive-minor-hover, #196B28FF)'; +export const onLightTextPositiveMinorHover = 'var(--on-light-text-positive-minor-hover)'; /** Минорный цвет успеха на светлом фоне */ -export const onLightTextPositiveMinorActive = 'var(--on-light-text-positive-minor-active, #114A1CFF)'; +export const onLightTextPositiveMinorActive = 'var(--on-light-text-positive-minor-active)'; /** Минорный цвет предупреждения на светлом фоне */ -export const onLightTextWarningMinor = 'var(--on-light-text-warning-minor, #3D1D0A)'; +export const onLightTextWarningMinor = 'var(--on-light-text-warning-minor)'; /** Минорный цвет предупреждения на светлом фоне */ -export const onLightTextWarningMinorHover = 'var(--on-light-text-warning-minor-hover, #843E15FF)'; +export const onLightTextWarningMinorHover = 'var(--on-light-text-warning-minor-hover)'; /** Минорный цвет предупреждения на светлом фоне */ -export const onLightTextWarningMinorActive = 'var(--on-light-text-warning-minor-active, #602D10FF)'; +export const onLightTextWarningMinorActive = 'var(--on-light-text-warning-minor-active)'; /** Минорный цвет ошибки на светлом фоне */ -export const onLightTextNegativeMinor = 'var(--on-light-text-negative-minor, #4A0D13)'; +export const onLightTextNegativeMinor = 'var(--on-light-text-negative-minor)'; /** Минорный цвет ошибки на светлом фоне */ -export const onLightTextNegativeMinorHover = 'var(--on-light-text-negative-minor-hover, #8F1925FF)'; +export const onLightTextNegativeMinorHover = 'var(--on-light-text-negative-minor-hover)'; /** Минорный цвет ошибки на светлом фоне */ -export const onLightTextNegativeMinorActive = 'var(--on-light-text-negative-minor-active, #6C131CFF)'; +export const onLightTextNegativeMinorActive = 'var(--on-light-text-negative-minor-active)'; /** Минорный цвет информации на светлом фоне */ -export const onLightTextInfoMinor = 'var(--on-light-text-info-minor, #0C283B)'; +export const onLightTextInfoMinor = 'var(--on-light-text-info-minor)'; /** Минорный цвет информации на светлом фоне */ -export const onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover, #1A577FFF)'; +export const onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover)'; /** Минорный цвет информации на светлом фоне */ -export const onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active, #13405DFF)'; +export const onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active)'; /** Инвертированный основной цвет текста */ -export const inverseTextPrimary = 'var(--inverse-text-primary, rgba(255, 255, 255, 0.96))'; +export const inverseTextPrimary = 'var(--inverse-text-primary)'; /** Инвертированный основной цвет текста */ -export const inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #FFFFFF93)'; +export const inverseTextPrimaryHover = 'var(--inverse-text-primary-hover)'; /** Инвертированный основной цвет текста */ -export const inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #FFFFFFC4)'; +export const inverseTextPrimaryActive = 'var(--inverse-text-primary-active)'; /** Инвертированный вторичный цвет текста */ -export const inverseTextSecondary = 'var(--inverse-text-secondary, rgba(255, 255, 255, 0.56))'; +export const inverseTextSecondary = 'var(--inverse-text-secondary)'; /** Инвертированный вторичный цвет текста */ -export const inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #FFFFFFFF)'; +export const inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover)'; /** Инвертированный вторичный цвет текста */ -export const inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #FFFFFFAB)'; +export const inverseTextSecondaryActive = 'var(--inverse-text-secondary-active)'; /** Инвертированный третичный цвет текста */ -export const inverseTextTertiary = 'var(--inverse-text-tertiary, rgba(255, 255, 255, 0.28))'; +export const inverseTextTertiary = 'var(--inverse-text-tertiary)'; /** Инвертированный третичный цвет текста */ -export const inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #FFFFFFFF)'; +export const inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover)'; /** Инвертированный третичный цвет текста */ -export const inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #FFFFFF56)'; +export const inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active)'; /** Инвертированный сплошной наборный текст */ -export const inverseTextParagraph = 'var(--inverse-text-paragraph, rgba(255, 255, 255, 0.8))'; +export const inverseTextParagraph = 'var(--inverse-text-paragraph)'; /** Инвертированный сплошной наборный текст */ -export const inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #FFFFFF7A)'; +export const inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover)'; /** Инвертированный сплошной наборный текст */ -export const inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #FFFFFFA3)'; +export const inverseTextParagraphActive = 'var(--inverse-text-paragraph-active)'; /** Инвертированный акцентный цвет */ -export const inverseTextAccent = 'var(--inverse-text-accent, #1A9E32)'; +export const inverseTextAccent = 'var(--inverse-text-accent)'; /** Инвертированный акцентный цвет */ -export const inverseTextAccentHover = 'var(--inverse-text-accent-hover, #1FC13DFF)'; +export const inverseTextAccentHover = 'var(--inverse-text-accent-hover)'; /** Инвертированный акцентный цвет */ -export const inverseTextAccentActive = 'var(--inverse-text-accent-active, #147B27FF)'; +export const inverseTextAccentActive = 'var(--inverse-text-accent-active)'; /** Инвертированный минорный акцентный цвет */ -export const inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #9EFAAF)'; +export const inverseTextAccentMinor = 'var(--inverse-text-accent-minor)'; /** Инвертированный минорный акцентный цвет */ -export const inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #C5FCCFFF)'; +export const inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover)'; /** Инвертированный минорный акцентный цвет */ -export const inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #77F88FFF)'; +export const inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active)'; /** Инвертированный цвет успеха */ -export const inverseTextPositive = 'var(--inverse-text-positive, #1A9E32)'; +export const inverseTextPositive = 'var(--inverse-text-positive)'; /** Инвертированный цвет успеха */ -export const inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #1FC13DFF)'; +export const inverseTextPositiveHover = 'var(--inverse-text-positive-hover)'; /** Инвертированный цвет успеха */ -export const inverseTextPositiveActive = 'var(--inverse-text-positive-active, #147B27FF)'; +export const inverseTextPositiveActive = 'var(--inverse-text-positive-active)'; /** Инвертированный цвет предупреждения */ -export const inverseTextWarning = 'var(--inverse-text-warning, #FA5F05)'; +export const inverseTextWarning = 'var(--inverse-text-warning)'; /** Инвертированный цвет предупреждения */ -export const inverseTextWarningHover = 'var(--inverse-text-warning-hover, #FB782DFF)'; +export const inverseTextWarningHover = 'var(--inverse-text-warning-hover)'; /** Инвертированный цвет предупреждения */ -export const inverseTextWarningActive = 'var(--inverse-text-warning-active, #D25004FF)'; +export const inverseTextWarningActive = 'var(--inverse-text-warning-active)'; /** Инвертированный цвет ошибки */ -export const inverseTextNegative = 'var(--inverse-text-negative, #FF293E)'; +export const inverseTextNegative = 'var(--inverse-text-negative)'; /** Инвертированный цвет ошибки */ -export const inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #FF5263FF)'; +export const inverseTextNegativeHover = 'var(--inverse-text-negative-hover)'; /** Инвертированный цвет ошибки */ -export const inverseTextNegativeActive = 'var(--inverse-text-negative-active, #FF001AFF)'; +export const inverseTextNegativeActive = 'var(--inverse-text-negative-active)'; /** Инвертированный цвет информации */ -export const inverseTextInfo = 'var(--inverse-text-info, #118CDF)'; +export const inverseTextInfo = 'var(--inverse-text-info)'; /** Инвертированный цвет информации */ -export const inverseTextInfoHover = 'var(--inverse-text-info-hover, #2AA0EFFF)'; +export const inverseTextInfoHover = 'var(--inverse-text-info-hover)'; /** Инвертированный цвет информации */ -export const inverseTextInfoActive = 'var(--inverse-text-info-active, #0E75B9FF)'; +export const inverseTextInfoActive = 'var(--inverse-text-info-active)'; /** Инвертированный минорный цвет успеха */ -export const inverseTextPositiveMinor = 'var(--inverse-text-positive-minor, #9EFAAF)'; +export const inverseTextPositiveMinor = 'var(--inverse-text-positive-minor)'; /** Инвертированный минорный цвет успеха */ -export const inverseTextPositiveMinorHover = 'var(--inverse-text-positive-minor-hover, #C5FCCFFF)'; +export const inverseTextPositiveMinorHover = 'var(--inverse-text-positive-minor-hover)'; /** Инвертированный минорный цвет успеха */ -export const inverseTextPositiveMinorActive = 'var(--inverse-text-positive-minor-active, #77F88FFF)'; +export const inverseTextPositiveMinorActive = 'var(--inverse-text-positive-minor-active)'; /** Инвертированный минорный цвет предупреждения */ -export const inverseTextWarningMinor = 'var(--inverse-text-warning-minor, #FEE2D2)'; +export const inverseTextWarningMinor = 'var(--inverse-text-warning-minor)'; /** Инвертированный минорный цвет предупреждения */ -export const inverseTextWarningMinorHover = 'var(--inverse-text-warning-minor-hover, #FFFCFAFF)'; +export const inverseTextWarningMinorHover = 'var(--inverse-text-warning-minor-hover)'; /** Инвертированный минорный цвет предупреждения */ -export const inverseTextWarningMinorActive = 'var(--inverse-text-warning-minor-active, #FDC9AAFF)'; +export const inverseTextWarningMinorActive = 'var(--inverse-text-warning-minor-active)'; /** Инвертированный минорный цвет ошибки */ -export const inverseTextNegativeMinor = 'var(--inverse-text-negative-minor, #FFE0E3)'; +export const inverseTextNegativeMinor = 'var(--inverse-text-negative-minor)'; /** Инвертированный минорный цвет ошибки */ -export const inverseTextNegativeMinorHover = 'var(--inverse-text-negative-minor-hover, #FFFFFFFF)'; +export const inverseTextNegativeMinorHover = 'var(--inverse-text-negative-minor-hover)'; /** Инвертированный минорный цвет ошибки */ -export const inverseTextNegativeMinorActive = 'var(--inverse-text-negative-minor-active, #FFB8BFFF)'; +export const inverseTextNegativeMinorActive = 'var(--inverse-text-negative-minor-active)'; /** Инвертированный минорный цвет информации */ -export const inverseTextInfoMinor = 'var(--inverse-text-info-minor, #CFECFF)'; +export const inverseTextInfoMinor = 'var(--inverse-text-info-minor)'; /** Инвертированный минорный цвет информации */ -export const inverseTextInfoMinorHover = 'var(--inverse-text-info-minor-hover, #FAFDFFFF)'; +export const inverseTextInfoMinorHover = 'var(--inverse-text-info-minor-hover)'; /** Инвертированный минорный цвет информации */ -export const inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active, #A8DCFFFF)'; +export const inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active)'; /** Основной непрозрачный фон поверхности/контрола */ -export const surfaceSolidPrimary = 'var(--surface-solid-primary, #F5F5F5)'; +export const surfaceSolidPrimary = 'var(--surface-solid-primary)'; /** Основной непрозрачный фон поверхности/контрола */ -export const surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #FAFAFAFF)'; +export const surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover)'; /** Основной непрозрачный фон поверхности/контрола */ -export const surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #F0F0F0FF)'; +export const surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active)'; /** Вторичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidSecondary = 'var(--surface-solid-secondary, #ECECEC)'; +export const surfaceSolidSecondary = 'var(--surface-solid-secondary)'; /** Вторичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidSecondaryHover = 'var(--surface-solid-secondary-hover, #F7F7F7FF)'; +export const surfaceSolidSecondaryHover = 'var(--surface-solid-secondary-hover)'; /** Вторичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidSecondaryActive = 'var(--surface-solid-secondary-active, #E8E8E8FF)'; +export const surfaceSolidSecondaryActive = 'var(--surface-solid-secondary-active)'; /** Третичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidTertiary = 'var(--surface-solid-tertiary, #DDDDDD)'; +export const surfaceSolidTertiary = 'var(--surface-solid-tertiary)'; /** Третичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover, #EDEDEDFF)'; +export const surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover)'; /** Третичный непрозрачный фон поверхности/контрола */ -export const surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #D4D4D4FF)'; +export const surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active)'; /** Основной фон для карточек */ -export const surfaceSolidCard = 'var(--surface-solid-card, #FFFFFF)'; +export const surfaceSolidCard = 'var(--surface-solid-card)'; /** Основной фон для карточек */ -export const surfaceSolidCardHover = 'var(--surface-solid-card-hover, #FFFFFFFF)'; +export const surfaceSolidCardHover = 'var(--surface-solid-card-hover)'; /** Основной фон для карточек */ -export const surfaceSolidCardActive = 'var(--surface-solid-card-active, #FFFFFFFF)'; +export const surfaceSolidCardActive = 'var(--surface-solid-card-active)'; /** Непрозрачный фон поверхности/контрола по умолчанию */ -export const surfaceSolidDefault = 'var(--surface-solid-default, #080808)'; +export const surfaceSolidDefault = 'var(--surface-solid-default)'; /** Непрозрачный фон поверхности/контрола по умолчанию */ -export const surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #262626FF)'; +export const surfaceSolidDefaultHover = 'var(--surface-solid-default-hover)'; /** Непрозрачный фон поверхности/контрола по умолчанию */ -export const surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #030303FF)'; +export const surfaceSolidDefaultActive = 'var(--surface-solid-default-active)'; /** Основной прозрачный фон поверхности/контрола */ -export const surfaceTransparentPrimary = 'var(--surface-transparent-primary, #08080808)'; +export const surfaceTransparentPrimary = 'var(--surface-transparent-primary)'; /** Основной прозрачный фон поверхности/контрола */ -export const surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #08080803)'; +export const surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover)'; /** Основной прозрачный фон поверхности/контрола */ -export const surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #0808080D)'; +export const surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active)'; /** Вторичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #0808080F)'; +export const surfaceTransparentSecondary = 'var(--surface-transparent-secondary)'; /** Вторичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #08080805)'; +export const surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover)'; /** Вторичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #0808081A)'; +export const surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active)'; /** Третичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #0808081F)'; +export const surfaceTransparentTertiary = 'var(--surface-transparent-tertiary)'; /** Третичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #0808080A)'; +export const surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover)'; /** Третичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #08080829)'; +export const surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active)'; /** Глубокий прозрачный фон поверхности/контрола */ -export const surfaceTransparentDeep = 'var(--surface-transparent-deep, #080808A3)'; +export const surfaceTransparentDeep = 'var(--surface-transparent-deep)'; /** Глубокий прозрачный фон поверхности/контрола */ -export const surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #0808088F)'; +export const surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover)'; /** Глубокий прозрачный фон поверхности/контрола */ -export const surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #080808AD)'; +export const surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active)'; /** Прозрачный фон для карточек */ -export const surfaceTransparentCard = 'var(--surface-transparent-card, #0808080F)'; +export const surfaceTransparentCard = 'var(--surface-transparent-card)'; /** Прозрачный фон для карточек */ -export const surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #08080805)'; +export const surfaceTransparentCardHover = 'var(--surface-transparent-card-hover)'; /** Прозрачный фон для карточек */ -export const surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #0808081A)'; +export const surfaceTransparentCardActive = 'var(--surface-transparent-card-active)'; /** Фон поверхности/контрола без заливки */ -export const surfaceClear = 'var(--surface-clear, #FFFFFF00)'; +export const surfaceClear = 'var(--surface-clear)'; /** Фон поверхности/контрола без заливки */ -export const surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)'; +export const surfaceClearHover = 'var(--surface-clear-hover)'; /** Фон поверхности/контрола без заливки */ -export const surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)'; +export const surfaceClearActive = 'var(--surface-clear-active)'; /** Акцентный фон поверхности/контрола */ -export const surfaceAccent = 'var(--surface-accent, #108E26)'; +export const surfaceAccent = 'var(--surface-accent)'; /** Акцентный фон поверхности/контрола */ -export const surfaceAccentHover = 'var(--surface-accent-hover, #12A12AFF)'; +export const surfaceAccentHover = 'var(--surface-accent-hover)'; /** Акцентный фон поверхности/контрола */ -export const surfaceAccentActive = 'var(--surface-accent-active, #0E7C20FF)'; +export const surfaceAccentActive = 'var(--surface-accent-active)'; /** Акцентный минорный непрозрачный фон поверхности/контрола */ -export const surfaceAccentMinor = 'var(--surface-accent-minor, #77F38E)'; +export const surfaceAccentMinor = 'var(--surface-accent-minor)'; /** Акцентный минорный непрозрачный фон поверхности/контрола */ -export const surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #93F6A5FF)'; +export const surfaceAccentMinorHover = 'var(--surface-accent-minor-hover)'; /** Акцентный минорный непрозрачный фон поверхности/контрола */ -export const surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #64F27EFF)'; +export const surfaceAccentMinorActive = 'var(--surface-accent-minor-active)'; /** Прозрачный акцентный фон поверхности/контрола */ -export const surfaceTransparentAccent = 'var(--surface-transparent-accent, #108E2647)'; +export const surfaceTransparentAccent = 'var(--surface-transparent-accent)'; /** Прозрачный акцентный фон поверхности/контрола */ -export const surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #108E2533)'; +export const surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover)'; /** Прозрачный акцентный фон поверхности/контрола */ -export const surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #108E2552)'; +export const surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active)'; /** Цвет фона поверхности/контрола успех */ -export const surfacePositive = 'var(--surface-positive, #1A9E32)'; +export const surfacePositive = 'var(--surface-positive)'; /** Цвет фона поверхности/контрола успех */ -export const surfacePositiveHover = 'var(--surface-positive-hover, #1EB83AFF)'; +export const surfacePositiveHover = 'var(--surface-positive-hover)'; /** Цвет фона поверхности/контрола успех */ -export const surfacePositiveActive = 'var(--surface-positive-active, #178C2CFF)'; +export const surfacePositiveActive = 'var(--surface-positive-active)'; /** Цвет фона поверхности/контрола предупреждение */ -export const surfaceWarning = 'var(--surface-warning, #FA5F05)'; +export const surfaceWarning = 'var(--surface-warning)'; /** Цвет фона поверхности/контрола предупреждение */ -export const surfaceWarningHover = 'var(--surface-warning-hover, #FB782DFF)'; +export const surfaceWarningHover = 'var(--surface-warning-hover)'; /** Цвет фона поверхности/контрола предупреждение */ -export const surfaceWarningActive = 'var(--surface-warning-active, #E65705FF)'; +export const surfaceWarningActive = 'var(--surface-warning-active)'; /** Цвет фона поверхности/контрола ошибка */ -export const surfaceNegative = 'var(--surface-negative, #FF293E)'; +export const surfaceNegative = 'var(--surface-negative)'; /** Цвет фона поверхности/контрола ошибка */ -export const surfaceNegativeHover = 'var(--surface-negative-hover, #FF5263FF)'; +export const surfaceNegativeHover = 'var(--surface-negative-hover)'; /** Цвет фона поверхности/контрола ошибка */ -export const surfaceNegativeActive = 'var(--surface-negative-active, #FF142CFF)'; +export const surfaceNegativeActive = 'var(--surface-negative-active)'; /** Цвет фона поверхности/контрола информация */ -export const surfaceInfo = 'var(--surface-info, #118CDF)'; +export const surfaceInfo = 'var(--surface-info)'; /** Цвет фона поверхности/контрола информация */ -export const surfaceInfoHover = 'var(--surface-info-hover, #1798EEFF)'; +export const surfaceInfoHover = 'var(--surface-info-hover)'; /** Цвет фона поверхности/контрола информация */ -export const surfaceInfoActive = 'var(--surface-info-active, #0F81CCFF)'; +export const surfaceInfoActive = 'var(--surface-info-active)'; /** Минорный цвет фона поверхности/контрола успех */ -export const surfacePositiveMinor = 'var(--surface-positive-minor, #77F38E)'; +export const surfacePositiveMinor = 'var(--surface-positive-minor)'; /** Минорный цвет фона поверхности/контрола успех */ -export const surfacePositiveMinorHover = 'var(--surface-positive-minor-hover, #93F6A5FF)'; +export const surfacePositiveMinorHover = 'var(--surface-positive-minor-hover)'; /** Минорный цвет фона поверхности/контрола успех */ -export const surfacePositiveMinorActive = 'var(--surface-positive-minor-active, #64F27EFF)'; +export const surfacePositiveMinorActive = 'var(--surface-positive-minor-active)'; /** Минорный цвет фона поверхности/контрола предупреждение */ -export const surfaceWarningMinor = 'var(--surface-warning-minor, #FFD1B8)'; +export const surfaceWarningMinor = 'var(--surface-warning-minor)'; /** Минорный цвет фона поверхности/контрола предупреждение */ -export const surfaceWarningMinorHover = 'var(--surface-warning-minor-hover, #FFDECCFF)'; +export const surfaceWarningMinorHover = 'var(--surface-warning-minor-hover)'; /** Минорный цвет фона поверхности/контрола предупреждение */ -export const surfaceWarningMinorActive = 'var(--surface-warning-minor-active, #FFC3A3FF)'; +export const surfaceWarningMinorActive = 'var(--surface-warning-minor-active)'; /** Минорный цвет фона поверхности/контрола ошибка */ -export const surfaceNegativeMinor = 'var(--surface-negative-minor, #FECDD2)'; +export const surfaceNegativeMinor = 'var(--surface-negative-minor)'; /** Минорный цвет фона поверхности/контрола ошибка */ -export const surfaceNegativeMinorHover = 'var(--surface-negative-minor-hover, #FEE1E4FF)'; +export const surfaceNegativeMinorHover = 'var(--surface-negative-minor-hover)'; /** Минорный цвет фона поверхности/контрола ошибка */ -export const surfaceNegativeMinorActive = 'var(--surface-negative-minor-active, #FEC3C9FF)'; +export const surfaceNegativeMinorActive = 'var(--surface-negative-minor-active)'; /** Минорный цвет фона поверхности/контрола информация */ -export const surfaceInfoMinor = 'var(--surface-info-minor, #B0DFFF)'; +export const surfaceInfoMinor = 'var(--surface-info-minor)'; /** Минорный цвет фона поверхности/контрола информация */ -export const surfaceInfoMinorHover = 'var(--surface-info-minor-hover, #C7E9FFFF)'; +export const surfaceInfoMinorHover = 'var(--surface-info-minor-hover)'; /** Минорный цвет фона поверхности/контрола информация */ -export const surfaceInfoMinorActive = 'var(--surface-info-minor-active, #9ED8FFFF)'; +export const surfaceInfoMinorActive = 'var(--surface-info-minor-active)'; /** Прозрачный цвет фона поверхности/контрола успех */ -export const surfaceTransparentPositive = 'var(--surface-transparent-positive, #1A9E3247)'; +export const surfaceTransparentPositive = 'var(--surface-transparent-positive)'; /** Прозрачный цвет фона поверхности/контрола успех */ -export const surfaceTransparentPositiveHover = 'var(--surface-transparent-positive-hover, #1A9E3233)'; +export const surfaceTransparentPositiveHover = 'var(--surface-transparent-positive-hover)'; /** Прозрачный цвет фона поверхности/контрола успех */ -export const surfaceTransparentPositiveActive = 'var(--surface-transparent-positive-active, #1A9E3252)'; +export const surfaceTransparentPositiveActive = 'var(--surface-transparent-positive-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentWarning = 'var(--surface-transparent-warning, #FA5F0547)'; +export const surfaceTransparentWarning = 'var(--surface-transparent-warning)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover, #FA5F0533)'; +export const surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active, #FA5F0552)'; +export const surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentNegative = 'var(--surface-transparent-negative, #FF293E47)'; +export const surfaceTransparentNegative = 'var(--surface-transparent-negative)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #FF293E33)'; +export const surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #FF293E52)'; +export const surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active)'; /** Прозрачный цвет фона поверхности/контрола информация */ -export const surfaceTransparentInfo = 'var(--surface-transparent-info, #118CDF47)'; +export const surfaceTransparentInfo = 'var(--surface-transparent-info)'; /** Прозрачный цвет фона поверхности/контрола информация */ -export const surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover, #118CDF33)'; +export const surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover)'; /** Прозрачный цвет фона поверхности/контрола информация */ -export const surfaceTransparentInfoActive = 'var(--surface-transparent-info-active, #118CDF52)'; +export const surfaceTransparentInfoActive = 'var(--surface-transparent-info-active)'; /** Основной непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #171717)'; +export const onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary)'; /** Основной непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #363636FF)'; +export const onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover)'; /** Основной непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-active, #0D0D0DFF)'; +export const onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-active)'; /** Вторичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary, #262626)'; +export const onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary)'; /** Вторичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover, #3B3B3BFF)'; +export const onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover)'; /** Вторичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidSecondaryActive = 'var(--on-dark-surface-solid-secondary-active, #1C1C1CFF)'; +export const onDarkSurfaceSolidSecondaryActive = 'var(--on-dark-surface-solid-secondary-active)'; /** Третичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #363636)'; +export const onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary)'; /** Третичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #4A4A4AFF)'; +export const onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover)'; /** Третичный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #2B2B2BFF)'; +export const onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active)'; /** Основной фон для карточек на темном фоне */ -export const onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #171717)'; +export const onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card)'; /** Основной фон для карточек на темном фоне */ -export const onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #363636FF)'; +export const onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover)'; /** Основной фон для карточек на темном фоне */ -export const onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active, #0D0D0DFF)'; +export const onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active)'; /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */ -export const onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #F9F9F9)'; +export const onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default)'; /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */ -export const onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover, #FFFFFFFF)'; +export const onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover)'; /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */ -export const onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active, #F5F5F5FF)'; +export const onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #F9F9F90F)'; +export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FAFAFA05)'; +export const onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FAFAFA1A)'; +export const onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active)'; /** Вторичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #F9F9F91F)'; +export const onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary)'; /** Вторичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FAFAFA0A)'; +export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover)'; /** Вторичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FAFAFA29)'; +export const onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active)'; /** Третичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #F9F9F933)'; +export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary)'; /** Третичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FAFAFA1F)'; +export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover)'; /** Третичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FAFAFA3D)'; +export const onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active)'; /** Глубокий прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #F9F9F9A3)'; +export const onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep)'; /** Глубокий прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #FAFAFA8F)'; +export const onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover)'; /** Глубокий прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #FAFAFAAD)'; +export const onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active)'; /** Прозрачный фон для карточек на темном фоне */ -export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #F9F9F90F)'; +export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card)'; /** Прозрачный фон для карточек на темном фоне */ -export const onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FAFAFA05)'; +export const onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover)'; /** Прозрачный фон для карточек на темном фоне */ -export const onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FAFAFA1A)'; +export const onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active)'; /** Фон поверхности/контрола без заливки на темном фоне */ -export const onDarkSurfaceClear = 'var(--on-dark-surface-clear, #FFFFFF00)'; +export const onDarkSurfaceClear = 'var(--on-dark-surface-clear)'; /** Фон поверхности/контрола без заливки на темном фоне */ -export const onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover, #FFFFFF00)'; +export const onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover)'; /** Фон поверхности/контрола без заливки на темном фоне */ -export const onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active, #FFFFFF00)'; +export const onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active)'; /** Акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #1A9E32)'; +export const onDarkSurfaceAccent = 'var(--on-dark-surface-accent)'; /** Акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #1EB83AFF)'; +export const onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover)'; /** Акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #178C2CFF)'; +export const onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #0A2B10)'; +export const onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #0E3A16FF)'; +export const onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #061909FF)'; +export const onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active)'; /** Прозрачный акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #1A9E3247)'; +export const onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent)'; /** Прозрачный акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #1A9E3233)'; +export const onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover)'; /** Прозрачный акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #1A9E3252)'; +export const onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active)'; /** Цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositive = 'var(--on-dark-surface-positive, #1A9E32)'; +export const onDarkSurfacePositive = 'var(--on-dark-surface-positive)'; /** Цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #1EB83AFF)'; +export const onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover)'; /** Цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositiveActive = 'var(--on-dark-surface-positive-active, #178C2CFF)'; +export const onDarkSurfacePositiveActive = 'var(--on-dark-surface-positive-active)'; /** Цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarning = 'var(--on-dark-surface-warning, #FA5F05)'; +export const onDarkSurfaceWarning = 'var(--on-dark-surface-warning)'; /** Цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarningHover = 'var(--on-dark-surface-warning-hover, #FB782DFF)'; +export const onDarkSurfaceWarningHover = 'var(--on-dark-surface-warning-hover)'; /** Цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarningActive = 'var(--on-dark-surface-warning-active, #E65705FF)'; +export const onDarkSurfaceWarningActive = 'var(--on-dark-surface-warning-active)'; /** Цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #FF293E)'; +export const onDarkSurfaceNegative = 'var(--on-dark-surface-negative)'; /** Цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegativeHover = 'var(--on-dark-surface-negative-hover, #FF5263FF)'; +export const onDarkSurfaceNegativeHover = 'var(--on-dark-surface-negative-hover)'; /** Цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegativeActive = 'var(--on-dark-surface-negative-active, #FF142CFF)'; +export const onDarkSurfaceNegativeActive = 'var(--on-dark-surface-negative-active)'; /** Цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfo = 'var(--on-dark-surface-info, #118CDF)'; +export const onDarkSurfaceInfo = 'var(--on-dark-surface-info)'; /** Цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover, #1798EEFF)'; +export const onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover)'; /** Цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active, #0F81CCFF)'; +export const onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active)'; /** Минорный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositiveMinor = 'var(--on-dark-surface-positive-minor, #0A2B10)'; +export const onDarkSurfacePositiveMinor = 'var(--on-dark-surface-positive-minor)'; /** Минорный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositiveMinorHover = 'var(--on-dark-surface-positive-minor-hover, #0E3A16FF)'; +export const onDarkSurfacePositiveMinorHover = 'var(--on-dark-surface-positive-minor-hover)'; /** Минорный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfacePositiveMinorActive = 'var(--on-dark-surface-positive-minor-active, #061909FF)'; +export const onDarkSurfacePositiveMinorActive = 'var(--on-dark-surface-positive-minor-active)'; /** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarningMinor = 'var(--on-dark-surface-warning-minor, #3D1D0A)'; +export const onDarkSurfaceWarningMinor = 'var(--on-dark-surface-warning-minor)'; /** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarningMinorHover = 'var(--on-dark-surface-warning-minor-hover, #58290EFF)'; +export const onDarkSurfaceWarningMinorHover = 'var(--on-dark-surface-warning-minor-hover)'; /** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceWarningMinorActive = 'var(--on-dark-surface-warning-minor-active, #2C1507FF)'; +export const onDarkSurfaceWarningMinorActive = 'var(--on-dark-surface-warning-minor-active)'; /** Минорный цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegativeMinor = 'var(--on-dark-surface-negative-minor, #4A0D13)'; +export const onDarkSurfaceNegativeMinor = 'var(--on-dark-surface-negative-minor)'; /** Минорный цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegativeMinorHover = 'var(--on-dark-surface-negative-minor-hover, #64121AFF)'; +export const onDarkSurfaceNegativeMinorHover = 'var(--on-dark-surface-negative-minor-hover)'; /** Минорный цвет фона поверхности/контрола ошибка на темном фоне */ -export const onDarkSurfaceNegativeMinorActive = 'var(--on-dark-surface-negative-minor-active, #380A0FFF)'; +export const onDarkSurfaceNegativeMinorActive = 'var(--on-dark-surface-negative-minor-active)'; /** Минорный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfoMinor = 'var(--on-dark-surface-info-minor, #0C283B)'; +export const onDarkSurfaceInfoMinor = 'var(--on-dark-surface-info-minor)'; /** Минорный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfoMinorHover = 'var(--on-dark-surface-info-minor-hover, #10344CFF)'; +export const onDarkSurfaceInfoMinorHover = 'var(--on-dark-surface-info-minor-hover)'; /** Минорный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceInfoMinorActive = 'var(--on-dark-surface-info-minor-active, #091D2AFF)'; +export const onDarkSurfaceInfoMinorActive = 'var(--on-dark-surface-info-minor-active)'; /** Прозрачный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfaceTransparentPositive = 'var(--on-dark-surface-transparent-positive, #1A9E3247)'; +export const onDarkSurfaceTransparentPositive = 'var(--on-dark-surface-transparent-positive)'; /** Прозрачный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfaceTransparentPositiveHover = 'var(--on-dark-surface-transparent-positive-hover, #1A9E3233)'; +export const onDarkSurfaceTransparentPositiveHover = 'var(--on-dark-surface-transparent-positive-hover)'; /** Прозрачный цвет фона поверхности/контрола успех на темном фоне */ -export const onDarkSurfaceTransparentPositiveActive = 'var(--on-dark-surface-transparent-positive-active, #1A9E3252)'; +export const onDarkSurfaceTransparentPositiveActive = 'var(--on-dark-surface-transparent-positive-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentWarning = 'var(--on-dark-surface-transparent-warning, #FA5F0547)'; +export const onDarkSurfaceTransparentWarning = 'var(--on-dark-surface-transparent-warning)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentWarningHover = 'var(--on-dark-surface-transparent-warning-hover, #FA5F0533)'; +export const onDarkSurfaceTransparentWarningHover = 'var(--on-dark-surface-transparent-warning-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentWarningActive = 'var(--on-dark-surface-transparent-warning-active, #FA5F0552)'; +export const onDarkSurfaceTransparentWarningActive = 'var(--on-dark-surface-transparent-warning-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative, #FF293E47)'; +export const onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #FF293E33)'; +export const onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ -export const onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #FF293E52)'; +export const onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active)'; /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceTransparentInfo = 'var(--on-dark-surface-transparent-info, #118CDF47)'; +export const onDarkSurfaceTransparentInfo = 'var(--on-dark-surface-transparent-info)'; /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover, #118CDF33)'; +export const onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover)'; /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */ -export const onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transparent-info-active, #118CDF52)'; +export const onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transparent-info-active)'; /** Основной непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #F5F5F5)'; +export const onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary)'; /** Основной непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #FAFAFAFF)'; +export const onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover)'; /** Основной непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active, #F0F0F0FF)'; +export const onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active)'; /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary, #ECECEC)'; +export const onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary)'; /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover, #F7F7F7FF)'; +export const onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover)'; /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active, #E8E8E8FF)'; +export const onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active)'; /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #DDDDDD)'; +export const onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary)'; /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #EDEDEDFF)'; +export const onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover)'; /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #D4D4D4FF)'; +export const onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active)'; /** Основной фон для карточек на светлом фоне */ -export const onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #FFFFFF)'; +export const onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card)'; /** Основной фон для карточек на светлом фоне */ -export const onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover, #FFFFFFFF)'; +export const onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover)'; /** Основной фон для карточек на светлом фоне */ -export const onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active, #FFFFFFFF)'; +export const onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active)'; /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ -export const onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #080808)'; +export const onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default)'; /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ -export const onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #262626FF)'; +export const onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover)'; /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ -export const onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #030303FF)'; +export const onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active)'; /** Основной прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #08080808)'; +export const onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary)'; /** Основной прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #08080803)'; +export const onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover)'; /** Основной прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #0808080D)'; +export const onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active)'; /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #0808080F)'; +export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary)'; /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #08080805)'; +export const onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover)'; /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentSecondaryActive = - 'var(--on-light-surface-transparent-secondary-active, #0808081A)'; +export const onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active)'; /** Третичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #0808081F)'; +export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary)'; /** Третичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #0808080A)'; +export const onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover)'; /** Третичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #08080829)'; +export const onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active)'; /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #080808A3)'; +export const onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep)'; /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #0808088F)'; +export const onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover)'; /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #080808AD)'; +export const onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active)'; /** Прозрачный фон для карточек на светлом фоне */ -export const onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #0808080F)'; +export const onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card)'; /** Прозрачный фон для карточек на светлом фоне */ -export const onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #08080805)'; +export const onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover)'; /** Прозрачный фон для карточек на светлом фоне */ -export const onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #0808081A)'; +export const onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active)'; /** Фон поверхности/контрола без заливки на светлом фоне */ -export const onLightSurfaceClear = 'var(--on-light-surface-clear, #FFFFFF00)'; +export const onLightSurfaceClear = 'var(--on-light-surface-clear)'; /** Фон поверхности/контрола без заливки на светлом фоне */ -export const onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover, #FFFFFF00)'; +export const onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover)'; /** Фон поверхности/контрола без заливки на светлом фоне */ -export const onLightSurfaceClearActive = 'var(--on-light-surface-clear-active, #FFFFFF00)'; +export const onLightSurfaceClearActive = 'var(--on-light-surface-clear-active)'; /** Акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccent = 'var(--on-light-surface-accent, #108E26)'; +export const onLightSurfaceAccent = 'var(--on-light-surface-accent)'; /** Акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #12A12AFF)'; +export const onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover)'; /** Акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #0E7C20FF)'; +export const onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #77F38E)'; +export const onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #93F6A5FF)'; +export const onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #64F27EFF)'; +export const onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active)'; /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #108E2647)'; +export const onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent)'; /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #108E2533)'; +export const onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover)'; /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #108E2552)'; +export const onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active)'; /** Цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositive = 'var(--on-light-surface-positive, #1A9E32)'; +export const onLightSurfacePositive = 'var(--on-light-surface-positive)'; /** Цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1EB83AFF)'; +export const onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover)'; /** Цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active, #178C2CFF)'; +export const onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active)'; /** Цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarning = 'var(--on-light-surface-warning, #FA5F05)'; +export const onLightSurfaceWarning = 'var(--on-light-surface-warning)'; /** Цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover, #FB782DFF)'; +export const onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover)'; /** Цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active, #E65705FF)'; +export const onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active)'; /** Цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegative = 'var(--on-light-surface-negative, #FF293E)'; +export const onLightSurfaceNegative = 'var(--on-light-surface-negative)'; /** Цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #FF5263FF)'; +export const onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover)'; /** Цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #FF142CFF)'; +export const onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active)'; /** Цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfo = 'var(--on-light-surface-info, #118CDF)'; +export const onLightSurfaceInfo = 'var(--on-light-surface-info)'; /** Цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #1798EEFF)'; +export const onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover)'; /** Цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #0F81CCFF)'; +export const onLightSurfaceInfoActive = 'var(--on-light-surface-info-active)'; /** Минорный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositiveMinor = 'var(--on-light-surface-positive-minor, #77F38E)'; +export const onLightSurfacePositiveMinor = 'var(--on-light-surface-positive-minor)'; /** Минорный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #93F6A5FF)'; +export const onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover)'; /** Минорный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active, #64F27EFF)'; +export const onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active)'; /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarningMinor = 'var(--on-light-surface-warning-minor, #FFD1B8)'; +export const onLightSurfaceWarningMinor = 'var(--on-light-surface-warning-minor)'; /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FFDECCFF)'; +export const onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover)'; /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FFC3A3FF)'; +export const onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active)'; /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegativeMinor = 'var(--on-light-surface-negative-minor, #FECDD2)'; +export const onLightSurfaceNegativeMinor = 'var(--on-light-surface-negative-minor)'; /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FEE1E4FF)'; +export const onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover)'; /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */ -export const onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active, #FEC3C9FF)'; +export const onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active)'; /** Минорный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfoMinor = 'var(--on-light-surface-info-minor, #B0DFFF)'; +export const onLightSurfaceInfoMinor = 'var(--on-light-surface-info-minor)'; /** Минорный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover, #C7E9FFFF)'; +export const onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover)'; /** Минорный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #9ED8FFFF)'; +export const onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active)'; /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfaceTransparentPositive = 'var(--on-light-surface-transparent-positive, #1A9E3247)'; +export const onLightSurfaceTransparentPositive = 'var(--on-light-surface-transparent-positive)'; /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover, #1A9E3233)'; +export const onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover)'; /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */ -export const onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active, #1A9E3252)'; +export const onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentWarning = 'var(--on-light-surface-transparent-warning, #FA5F0547)'; +export const onLightSurfaceTransparentWarning = 'var(--on-light-surface-transparent-warning)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover, #FA5F0533)'; +export const onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active, #FA5F0552)'; +export const onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative, #FF293E47)'; +export const onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #FF293E33)'; +export const onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover)'; /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ -export const onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #FF293E52)'; +export const onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active)'; /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-info, #118CDF47)'; +export const onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-info)'; /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover, #118CDF33)'; +export const onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover)'; /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */ -export const onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active, #118CDF52)'; +export const onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active)'; /** Инвертированный основной непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #171717)'; +export const inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary)'; /** Инвертированный основной непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #363636FF)'; +export const inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover)'; /** Инвертированный основной непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active, #0D0D0DFF)'; +export const inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active)'; /** Инвертированный вторичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary, #262626)'; +export const inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary)'; /** Инвертированный вторичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #3B3B3BFF)'; +export const inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover)'; /** Инвертированный вторичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #1C1C1CFF)'; +export const inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active)'; /** Инвертированный третичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #363636)'; +export const inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary)'; /** Инвертированный третичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover, #4A4A4AFF)'; +export const inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover)'; /** Инвертированный третичный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active, #2B2B2BFF)'; +export const inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active)'; /** Инвертированный основной фон для карточек */ -export const inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card, #171717)'; +export const inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card)'; /** Инвертированный основной фон для карточек */ -export const inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover, #363636FF)'; +export const inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover)'; /** Инвертированный основной фон для карточек */ -export const inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active, #0D0D0DFF)'; +export const inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active)'; /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ -export const inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #F9F9F9)'; +export const inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default)'; /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ -export const inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #FFFFFFFF)'; +export const inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover)'; /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ -export const inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #F5F5F5FF)'; +export const inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active)'; /** Инвертированный основной прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #F9F9F90F)'; +export const inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary)'; /** Инвертированный основной прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #FAFAFA05)'; +export const inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover)'; /** Инвертированный основной прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #FAFAFA1A)'; +export const inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active)'; /** Инвертированный вторичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #F9F9F91F)'; +export const inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary)'; /** Инвертированный вторичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #FAFAFA0A)'; +export const inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover)'; /** Инвертированный вторичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentSecondaryActive = - 'var(--inverse-surface-transparent-secondary-active, #FAFAFA29)'; +export const inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active)'; /** Инвертированный третичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #F9F9F933)'; +export const inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary)'; /** Инвертированный третичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #FAFAFA1F)'; +export const inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover)'; /** Инвертированный третичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #FAFAFA3D)'; +export const inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active)'; /** Инвертированный глубокий прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, #F9F9F9A3)'; +export const inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep)'; /** Инвертированный глубокий прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #FAFAFA8F)'; +export const inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover)'; /** Инвертированный глубокий прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #FAFAFAAD)'; +export const inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active)'; /** Инвертированный прозрачный фон для карточек */ -export const inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #F9F9F90F)'; +export const inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card)'; /** Инвертированный прозрачный фон для карточек */ -export const inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FAFAFA05)'; +export const inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover)'; /** Инвертированный прозрачный фон для карточек */ -export const inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active, #FAFAFA1A)'; +export const inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active)'; /** Инвертированный фон поверхности/контрола без заливки */ -export const inverseSurfaceClear = 'var(--inverse-surface-clear, #FFFFFF00)'; +export const inverseSurfaceClear = 'var(--inverse-surface-clear)'; /** Инвертированный фон поверхности/контрола без заливки */ -export const inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover, #FFFFFF00)'; +export const inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover)'; /** Инвертированный фон поверхности/контрола без заливки */ -export const inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFF00)'; +export const inverseSurfaceClearActive = 'var(--inverse-surface-clear-active)'; /** Инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceAccent = 'var(--inverse-surface-accent, #1A9E32)'; +export const inverseSurfaceAccent = 'var(--inverse-surface-accent)'; /** Инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #1EB83AFF)'; +export const inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover)'; /** Инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #178C2CFF)'; +export const inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active)'; /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #0A2B10)'; +export const inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor)'; /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #0E3A16FF)'; +export const inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover)'; /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #061909FF)'; +export const inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active)'; /** Прозрачный инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #1A9E3247)'; +export const inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent)'; /** Прозрачный инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #1A9E3233)'; +export const inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover)'; /** Прозрачный инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #1A9E3252)'; +export const inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active)'; /** Инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositive = 'var(--inverse-surface-positive, #1A9E32)'; +export const inverseSurfacePositive = 'var(--inverse-surface-positive)'; /** Инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #1EB83AFF)'; +export const inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover)'; /** Инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #178C2CFF)'; +export const inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active)'; /** Инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarning = 'var(--inverse-surface-warning, #FA5F05)'; +export const inverseSurfaceWarning = 'var(--inverse-surface-warning)'; /** Инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #FB782DFF)'; +export const inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover)'; /** Инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #E65705FF)'; +export const inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active)'; /** Инвертированный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegative = 'var(--inverse-surface-negative, #FF293E)'; +export const inverseSurfaceNegative = 'var(--inverse-surface-negative)'; /** Инвертированный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover, #FF5263FF)'; +export const inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover)'; /** Инвертированный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #FF142CFF)'; +export const inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active)'; /** Инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfo = 'var(--inverse-surface-info, #118CDF)'; +export const inverseSurfaceInfo = 'var(--inverse-surface-info)'; /** Инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #1798EEFF)'; +export const inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover)'; /** Инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #0F81CCFF)'; +export const inverseSurfaceInfoActive = 'var(--inverse-surface-info-active)'; /** Инвертированный минорный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositiveMinor = 'var(--inverse-surface-positive-minor, #0A2B10)'; +export const inverseSurfacePositiveMinor = 'var(--inverse-surface-positive-minor)'; /** Инвертированный минорный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #0E3A16FF)'; +export const inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover)'; /** Инвертированный минорный цвет фона поверхности/контрола успех */ -export const inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #061909FF)'; +export const inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active)'; /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarningMinor = 'var(--inverse-surface-warning-minor, #3D1D0A)'; +export const inverseSurfaceWarningMinor = 'var(--inverse-surface-warning-minor)'; /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover, #58290EFF)'; +export const inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover)'; /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active, #2C1507FF)'; +export const inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active)'; /** Инвертированный минорный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegativeMinor = 'var(--inverse-surface-negative-minor, #4A0D13)'; +export const inverseSurfaceNegativeMinor = 'var(--inverse-surface-negative-minor)'; /** Инвертированный минорный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover, #64121AFF)'; +export const inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover)'; /** Инвертированный минорный цвет фона поверхности/контрола ошибка */ -export const inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active, #380A0FFF)'; +export const inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active)'; /** Инвертированный минорный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfoMinor = 'var(--inverse-surface-info-minor, #0C283B)'; +export const inverseSurfaceInfoMinor = 'var(--inverse-surface-info-minor)'; /** Инвертированный минорный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover, #10344CFF)'; +export const inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover)'; /** Инвертированный минорный цвет фона поверхности/контрола информация */ -export const inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active, #091D2AFF)'; +export const inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active)'; /** Прозрачный инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfaceTransparentPositive = 'var(--inverse-surface-transparent-positive, #1A9E3247)'; +export const inverseSurfaceTransparentPositive = 'var(--inverse-surface-transparent-positive)'; /** Прозрачный инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover, #1A9E3233)'; +export const inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover)'; /** Прозрачный инвертированный цвет фона поверхности/контрола успех */ -export const inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active, #1A9E3252)'; +export const inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentWarning = 'var(--inverse-surface-transparent-warning, #FA5F0547)'; +export const inverseSurfaceTransparentWarning = 'var(--inverse-surface-transparent-warning)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover, #FA5F0533)'; +export const inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active, #FA5F0552)'; +export const inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative, #FF293E47)'; +export const inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #FF293E33)'; +export const inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover)'; /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ -export const inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #FF293E52)'; +export const inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active)'; /** Прозрачный инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info, #118CDF47)'; +export const inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info)'; /** Прозрачный инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover, #118CDF33)'; +export const inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover)'; /** Прозрачный инвертированный цвет фона поверхности/контрола информация */ -export const inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active, #118CDF52)'; +export const inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active)'; /** Основной фон */ -export const backgroundPrimary = 'var(--background-primary, #F9F9F9)'; +export const backgroundPrimary = 'var(--background-primary)'; /** Основной фон на темном фоне */ -export const darkBackgroundPrimary = 'var(--dark-background-primary, #080808)'; +export const darkBackgroundPrimary = 'var(--dark-background-primary)'; /** Основной фон на светлом фоне */ -export const lightBackgroundPrimary = 'var(--light-background-primary, #F9F9F9)'; +export const lightBackgroundPrimary = 'var(--light-background-primary)'; /** Инвертированный основной фон */ -export const inverseBackgroundPrimary = 'var(--inverse-background-primary, #080808)'; +export const inverseBackgroundPrimary = 'var(--inverse-background-primary)'; /** Цвет фона паранжи светлый */ -export const overlaySoft = 'var(--overlay-soft, #F9F9F98F)'; +export const overlaySoft = 'var(--overlay-soft)'; /** Цвет фона паранжи темный */ -export const overlayHard = 'var(--overlay-hard, #F9F9F9F5)'; +export const overlayHard = 'var(--overlay-hard)'; /** Цвет фона паранжи размытый */ -export const overlayBlur = 'var(--overlay-blur, #F9F9F933)'; +export const overlayBlur = 'var(--overlay-blur)'; /** Цвет фона паранжи светлый на темном фоне */ -export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #0808088F)'; +export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft)'; /** Цвет фона паранжи темный на темном фоне */ -export const onDarkOverlayHard = 'var(--on-dark-overlay-hard, #080808F5)'; +export const onDarkOverlayHard = 'var(--on-dark-overlay-hard)'; /** Цвет фона паранжи размытый на темном фоне */ -export const onDarkOverlayBlur = 'var(--on-dark-overlay-blur, #08080833)'; +export const onDarkOverlayBlur = 'var(--on-dark-overlay-blur)'; /** Цвет фона паранжи светлый на светлом фоне */ -export const onLightOverlaySoft = 'var(--on-light-overlay-soft, #F9F9F98F)'; +export const onLightOverlaySoft = 'var(--on-light-overlay-soft)'; /** Цвет фона паранжи темный на светлом фоне */ -export const onLightOverlayHard = 'var(--on-light-overlay-hard, #F9F9F9F5)'; +export const onLightOverlayHard = 'var(--on-light-overlay-hard)'; /** Цвет фона паранжи размытый на светлом фоне */ -export const onLightOverlayBlur = 'var(--on-light-overlay-blur, #F9F9F933)'; +export const onLightOverlayBlur = 'var(--on-light-overlay-blur)'; /** Инвертированный цвет фона паранжи светлый */ -export const inverseOverlaySoft = 'var(--inverse-overlay-soft, #0808088F)'; +export const inverseOverlaySoft = 'var(--inverse-overlay-soft)'; /** Инвертированный цвет фона паранжи темный */ -export const inverseOverlayHard = 'var(--inverse-overlay-hard, #080808F5)'; +export const inverseOverlayHard = 'var(--inverse-overlay-hard)'; /** Инвертированный цвет фона паранжи размытый */ -export const inverseOverlayBlur = 'var(--inverse-overlay-blur, #08080833)'; +export const inverseOverlayBlur = 'var(--inverse-overlay-blur)'; /** Основной непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidPrimary = 'var(--outline-default-outline-solid-primary, #DDDDDD)'; +export const outlineSolidPrimary = 'var(--outline-solid-primary)'; /** Основной непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidPrimaryHover = 'var(--outline-default-outline-solid-primary-hover, #000000FF)'; +export const outlineSolidPrimaryHover = 'var(--outline-solid-primary-hover)'; /** Основной непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidPrimaryActive = 'var(--outline-default-outline-solid-primary-active, #B3B3B3FF)'; +export const outlineSolidPrimaryActive = 'var(--outline-solid-primary-active)'; /** Вторичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidSecondary = 'var(--outline-default-outline-solid-secondary, #B3B3B3)'; +export const outlineSolidSecondary = 'var(--outline-solid-secondary)'; /** Вторичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidSecondaryHover = - 'var(--outline-default-outline-solid-secondary-hover, #000000FF)'; +export const outlineSolidSecondaryHover = 'var(--outline-solid-secondary-hover)'; /** Вторичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidSecondaryActive = - 'var(--outline-default-outline-solid-secondary-active, #8F8F8FFF)'; +export const outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active)'; /** Третичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidTertiary = 'var(--outline-default-outline-solid-tertiary, #707070)'; +export const outlineSolidTertiary = 'var(--outline-solid-tertiary)'; /** Третичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidTertiaryHover = 'var(--outline-default-outline-solid-tertiary-hover, #000000FF)'; +export const outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover)'; /** Третичный непрозрачный цвет обводки */ -export const outlineDefaultOutlineSolidTertiaryActive = - 'var(--outline-default-outline-solid-tertiary-active, #595959FF)'; +export const outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active)'; /** Прозрачный цвет обводки по умолчанию */ -export const outlineDefaultOutlineTransparentDefault = 'var(--outline-default-outline-transparent-default, #080808F5)'; +export const outlineTransparentDefault = 'var(--outline-transparent-default)'; /** Прозрачный цвет обводки по умолчанию */ -export const outlineDefaultOutlineTransparentDefaultHover = - 'var(--outline-default-outline-transparent-default-hover, #08080893)'; +export const outlineTransparentDefaultHover = 'var(--outline-transparent-default-hover)'; /** Прозрачный цвет обводки по умолчанию */ -export const outlineDefaultOutlineTransparentDefaultActive = - 'var(--outline-default-outline-transparent-default-active, #080808C4)'; +export const outlineTransparentDefaultActive = 'var(--outline-transparent-default-active)'; /** Основной прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentPrimary = 'var(--outline-default-outline-transparent-primary, #0808081F)'; +export const outlineTransparentPrimary = 'var(--outline-transparent-primary)'; /** Основной прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentPrimaryHover = - 'var(--outline-default-outline-transparent-primary-hover, #080808FF)'; +export const outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover)'; /** Основной прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentPrimaryActive = - 'var(--outline-default-outline-transparent-primary-active, #08080825)'; +export const outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active)'; /** Вторичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentSecondary = - 'var(--outline-default-outline-transparent-secondary, #08080847)'; +export const outlineTransparentSecondary = 'var(--outline-transparent-secondary)'; /** Вторичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentSecondaryHover = - 'var(--outline-default-outline-transparent-secondary-hover, #080808FF)'; +export const outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover)'; /** Вторичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentSecondaryActive = - 'var(--outline-default-outline-transparent-secondary-active, #08080856)'; +export const outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active)'; /** Третичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentTertiary = - 'var(--outline-default-outline-transparent-tertiary, #0808088F)'; +export const outlineTransparentTertiary = 'var(--outline-transparent-tertiary)'; /** Третичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentTertiaryHover = - 'var(--outline-default-outline-transparent-tertiary-hover, #080808FF)'; +export const outlineTransparentTertiaryHover = 'var(--outline-transparent-tertiary-hover)'; /** Третичный прозрачный цвет обводки */ -export const outlineDefaultOutlineTransparentTertiaryActive = - 'var(--outline-default-outline-transparent-tertiary-active, #080808AB)'; +export const outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active)'; /** Бесцветная обводка */ -export const outlineDefaultOutlineClear = 'var(--outline-default-outline-clear, #FFFFFF00)'; +export const outlineClear = 'var(--outline-clear)'; /** Бесцветная обводка */ -export const outlineDefaultOutlineClearHover = 'var(--outline-default-outline-clear-hover, #FFFFFF00)'; +export const outlineClearHover = 'var(--outline-clear-hover)'; /** Бесцветная обводка */ -export const outlineDefaultOutlineClearActive = 'var(--outline-default-outline-clear-active, #FFFFFF00)'; +export const outlineClearActive = 'var(--outline-clear-active)'; /** Акцентный цвет обводки */ -export const outlineDefaultOutlineAccent = 'var(--outline-default-outline-accent, #108E26)'; +export const outlineAccent = 'var(--outline-accent)'; /** Акцентный цвет обводки */ -export const outlineDefaultOutlineAccentHover = 'var(--outline-default-outline-accent-hover, #14B32EFF)'; +export const outlineAccentHover = 'var(--outline-accent-hover)'; /** Акцентный цвет обводки */ -export const outlineDefaultOutlineAccentActive = 'var(--outline-default-outline-accent-active, #0C6A1BFF)'; +export const outlineAccentActive = 'var(--outline-accent-active)'; /** Акцентный минорный непрозрачный цвет обводки */ -export const outlineDefaultOutlineAccentMinor = 'var(--outline-default-outline-accent-minor, #45E362)'; +export const outlineAccentMinor = 'var(--outline-accent-minor)'; /** Акцентный минорный непрозрачный цвет обводки */ -export const outlineDefaultOutlineAccentMinorHover = 'var(--outline-default-outline-accent-minor-hover, #68E880FF)'; +export const outlineAccentMinorHover = 'var(--outline-accent-minor-hover)'; /** Акцентный минорный непрозрачный цвет обводки */ -export const outlineDefaultOutlineAccentMinorActive = 'var(--outline-default-outline-accent-minor-active, #21DE44FF)'; +export const outlineAccentMinorActive = 'var(--outline-accent-minor-active)'; /** Прозрачный акцентный цвет обводки */ -export const outlineDefaultOutlineTransparentAccent = 'var(--outline-default-outline-transparent-accent, #108E2666)'; +export const outlineTransparentAccent = 'var(--outline-transparent-accent)'; /** Прозрачный акцентный цвет обводки */ -export const outlineDefaultOutlineTransparentAccentHover = - 'var(--outline-default-outline-transparent-accent-hover, #108E25FF)'; +export const outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover)'; /** Прозрачный акцентный цвет обводки */ -export const outlineDefaultOutlineTransparentAccentActive = - 'var(--outline-default-outline-transparent-accent-active, #108E257A)'; +export const outlineTransparentAccentActive = 'var(--outline-transparent-accent-active)'; /** Цвет обводки успех */ -export const outlineDefaultOutlinePositive = 'var(--outline-default-outline-positive, #108E26)'; +export const outlinePositive = 'var(--outline-positive)'; /** Цвет обводки успех */ -export const outlineDefaultOutlinePositiveHover = 'var(--outline-default-outline-positive-hover, #14B32EFF)'; +export const outlinePositiveHover = 'var(--outline-positive-hover)'; /** Цвет обводки успех */ -export const outlineDefaultOutlinePositiveActive = 'var(--outline-default-outline-positive-active, #0C6A1BFF)'; +export const outlinePositiveActive = 'var(--outline-positive-active)'; /** Цвет обводки предупреждение */ -export const outlineDefaultOutlineWarning = 'var(--outline-default-outline-warning, #E85702)'; +export const outlineWarning = 'var(--outline-warning)'; /** Цвет обводки предупреждение */ -export const outlineDefaultOutlineWarningHover = 'var(--outline-default-outline-warning-hover, #FD6B17FF)'; +export const outlineWarningHover = 'var(--outline-warning-hover)'; /** Цвет обводки предупреждение */ -export const outlineDefaultOutlineWarningActive = 'var(--outline-default-outline-warning-active, #C04802FF)'; +export const outlineWarningActive = 'var(--outline-warning-active)'; /** Цвет обводки ошибка */ -export const outlineDefaultOutlineNegative = 'var(--outline-default-outline-negative, #F31B31)'; +export const outlineNegative = 'var(--outline-negative)'; /** Цвет обводки ошибка */ -export const outlineDefaultOutlineNegativeHover = 'var(--outline-default-outline-negative-hover, #F54254FF)'; +export const outlineNegativeHover = 'var(--outline-negative-hover)'; /** Цвет обводки ошибка */ -export const outlineDefaultOutlineNegativeActive = 'var(--outline-default-outline-negative-active, #DA0B20FF)'; +export const outlineNegativeActive = 'var(--outline-negative-active)'; /** Цвет обводки информация */ -export const outlineDefaultOutlineInfo = 'var(--outline-default-outline-info, #0B7ECB)'; +export const outlineInfo = 'var(--outline-info)'; /** Цвет обводки информация */ -export const outlineDefaultOutlineInfoHover = 'var(--outline-default-outline-info-hover, #0D96F2FF)'; +export const outlineInfoHover = 'var(--outline-info-hover)'; /** Цвет обводки информация */ -export const outlineDefaultOutlineInfoActive = 'var(--outline-default-outline-info-active, #0966A5FF)'; +export const outlineInfoActive = 'var(--outline-info-active)'; /** Минорный цвет обводки успех */ -export const outlineDefaultOutlinePositiveMinor = 'var(--outline-default-outline-positive-minor, #45E362)'; +export const outlinePositiveMinor = 'var(--outline-positive-minor)'; /** Минорный цвет обводки успех */ -export const outlineDefaultOutlinePositiveMinorHover = 'var(--outline-default-outline-positive-minor-hover, #68E880FF)'; +export const outlinePositiveMinorHover = 'var(--outline-positive-minor-hover)'; /** Минорный цвет обводки успех */ -export const outlineDefaultOutlinePositiveMinorActive = - 'var(--outline-default-outline-positive-minor-active, #21DE44FF)'; +export const outlinePositiveMinorActive = 'var(--outline-positive-minor-active)'; /** Минорный цвет обводки предупреждение */ -export const outlineDefaultOutlineWarningMinor = 'var(--outline-default-outline-warning-minor, #FFB38A)'; +export const outlineWarningMinor = 'var(--outline-warning-minor)'; /** Минорный цвет обводки предупреждение */ -export const outlineDefaultOutlineWarningMinorHover = 'var(--outline-default-outline-warning-minor-hover, #FFCDB3FF)'; +export const outlineWarningMinorHover = 'var(--outline-warning-minor-hover)'; /** Минорный цвет обводки предупреждение */ -export const outlineDefaultOutlineWarningMinorActive = 'var(--outline-default-outline-warning-minor-active, #FF9861FF)'; +export const outlineWarningMinorActive = 'var(--outline-warning-minor-active)'; /** Минорный цвет обводки ошибка */ -export const outlineDefaultOutlineNegativeMinor = 'var(--outline-default-outline-negative-minor, #FEB3BB)'; +export const outlineNegativeMinor = 'var(--outline-negative-minor)'; /** Минорный цвет обводки ошибка */ -export const outlineDefaultOutlineNegativeMinorHover = 'var(--outline-default-outline-negative-minor-hover, #FEDCDFFF)'; +export const outlineNegativeMinorHover = 'var(--outline-negative-minor-hover)'; /** Минорный цвет обводки ошибка */ -export const outlineDefaultOutlineNegativeMinorActive = - 'var(--outline-default-outline-negative-minor-active, #FD8B97FF)'; +export const outlineNegativeMinorActive = 'var(--outline-negative-minor-active)'; /** Минорный цвет обводки информация */ -export const outlineDefaultOutlineInfoMinor = 'var(--outline-default-outline-info-minor, #85CEFF)'; +export const outlineInfoMinor = 'var(--outline-info-minor)'; /** Минорный цвет обводки информация */ -export const outlineDefaultOutlineInfoMinorHover = 'var(--outline-default-outline-info-minor-hover, #ADDEFFFF)'; +export const outlineInfoMinorHover = 'var(--outline-info-minor-hover)'; /** Минорный цвет обводки информация */ -export const outlineDefaultOutlineInfoMinorActive = 'var(--outline-default-outline-info-minor-active, #5CBEFFFF)'; +export const outlineInfoMinorActive = 'var(--outline-info-minor-active)'; /** Прозрачный цвет обводки успех */ -export const outlineDefaultOutlineTransparentPositive = - 'var(--outline-default-outline-transparent-positive, #108E2647)'; +export const outlineTransparentPositive = 'var(--outline-transparent-positive)'; /** Прозрачный цвет обводки успех */ -export const outlineDefaultOutlineTransparentPositiveHover = - 'var(--outline-default-outline-transparent-positive-hover, #108E25FF)'; +export const outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover)'; /** Прозрачный цвет обводки успех */ -export const outlineDefaultOutlineTransparentPositiveActive = - 'var(--outline-default-outline-transparent-positive-active, #108E2556)'; +export const outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentWarning = 'var(--outline-default-outline-transparent-warning, #E8570247)'; +export const outlineTransparentWarning = 'var(--outline-transparent-warning)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentWarningHover = - 'var(--outline-default-outline-transparent-warning-hover, #E85702FF)'; +export const outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentWarningActive = - 'var(--outline-default-outline-transparent-warning-active, #E8570256)'; +export const outlineTransparentWarningActive = 'var(--outline-transparent-warning-active)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentNegative = - 'var(--outline-default-outline-transparent-negative, #F31B3147)'; +export const outlineTransparentNegative = 'var(--outline-transparent-negative)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentNegativeHover = - 'var(--outline-default-outline-transparent-negative-hover, #F31B31FF)'; +export const outlineTransparentNegativeHover = 'var(--outline-transparent-negative-hover)'; /** Прозрачный цвет обводки предупреждение */ -export const outlineDefaultOutlineTransparentNegativeActive = - 'var(--outline-default-outline-transparent-negative-active, #F31B3156)'; +export const outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active)'; /** Прозрачный цвет обводки информация */ -export const outlineDefaultOutlineTransparentInfo = 'var(--outline-default-outline-transparent-info, #0B7ECB47)'; +export const outlineTransparentInfo = 'var(--outline-transparent-info)'; /** Прозрачный цвет обводки информация */ -export const outlineDefaultOutlineTransparentInfoHover = - 'var(--outline-default-outline-transparent-info-hover, #0B7ECBFF)'; +export const outlineTransparentInfoHover = 'var(--outline-transparent-info-hover)'; /** Прозрачный цвет обводки информация */ -export const outlineDefaultOutlineTransparentInfoActive = - 'var(--outline-default-outline-transparent-info-active, #0B7ECB56)'; +export const outlineTransparentInfoActive = 'var(--outline-transparent-info-active)'; /** Основной непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidPrimary = 'var(--outline-on-dark-outline-solid-primary, #262626)'; +export const onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary)'; /** Основной непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidPrimaryHover = 'var(--outline-on-dark-outline-solid-primary-hover, #787878FF)'; +export const onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover)'; /** Основной непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidPrimaryActive = 'var(--outline-on-dark-outline-solid-primary-active, #4F4F4FFF)'; +export const onDarkOutlineSolidPrimaryActive = 'var(--on-dark-outline-solid-primary-active)'; /** Вторичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidSecondary = 'var(--outline-on-dark-outline-solid-secondary, #363636)'; +export const onDarkOutlineSolidSecondary = 'var(--on-dark-outline-solid-secondary)'; /** Вторичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidSecondaryHover = - 'var(--outline-on-dark-outline-solid-secondary-hover, #878787FF)'; +export const onDarkOutlineSolidSecondaryHover = 'var(--on-dark-outline-solid-secondary-hover)'; /** Вторичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidSecondaryActive = - 'var(--outline-on-dark-outline-solid-secondary-active, #5E5E5EFF)'; +export const onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-secondary-active)'; /** Третичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidTertiary = 'var(--outline-on-dark-outline-solid-tertiary, #4E4E4E)'; +export const onDarkOutlineSolidTertiary = 'var(--on-dark-outline-solid-tertiary)'; /** Третичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidTertiaryHover = 'var(--outline-on-dark-outline-solid-tertiary-hover, #000000FF)'; +export const onDarkOutlineSolidTertiaryHover = 'var(--on-dark-outline-solid-tertiary-hover)'; /** Третичный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineSolidTertiaryActive = - 'var(--outline-on-dark-outline-solid-tertiary-active, #404040FF)'; +export const onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active)'; /** Прозрачный цвет обводки по умолчанию на темном фоне */ -export const outlineOnDarkOutlineTransparentDefault = 'var(--outline-on-dark-outline-transparent-default, #F9F9F9F5)'; +export const onDarkOutlineTransparentDefault = 'var(--on-dark-outline-transparent-default)'; /** Прозрачный цвет обводки по умолчанию на темном фоне */ -export const outlineOnDarkOutlineTransparentDefaultHover = - 'var(--outline-on-dark-outline-transparent-default-hover, #FAFAFA93)'; +export const onDarkOutlineTransparentDefaultHover = 'var(--on-dark-outline-transparent-default-hover)'; /** Прозрачный цвет обводки по умолчанию на темном фоне */ -export const outlineOnDarkOutlineTransparentDefaultActive = - 'var(--outline-on-dark-outline-transparent-default-active, #FAFAFAC4)'; +export const onDarkOutlineTransparentDefaultActive = 'var(--on-dark-outline-transparent-default-active)'; /** Основной прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentPrimary = 'var(--outline-on-dark-outline-transparent-primary, #F9F9F91F)'; +export const onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary)'; /** Основной прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentPrimaryHover = - 'var(--outline-on-dark-outline-transparent-primary-hover, #FAFAFAFF)'; +export const onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover)'; /** Основной прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentPrimaryActive = - 'var(--outline-on-dark-outline-transparent-primary-active, #FAFAFA25)'; +export const onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active)'; /** Вторичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentSecondary = - 'var(--outline-on-dark-outline-transparent-secondary, #F9F9F933)'; +export const onDarkOutlineTransparentSecondary = 'var(--on-dark-outline-transparent-secondary)'; /** Вторичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentSecondaryHover = - 'var(--outline-on-dark-outline-transparent-secondary-hover, #FAFAFAFF)'; +export const onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover)'; /** Вторичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentSecondaryActive = - 'var(--outline-on-dark-outline-transparent-secondary-active, #FAFAFA3D)'; +export const onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active)'; /** Третичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentTertiary = 'var(--outline-on-dark-outline-transparent-tertiary, #F9F9F947)'; +export const onDarkOutlineTransparentTertiary = 'var(--on-dark-outline-transparent-tertiary)'; /** Третичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentTertiaryHover = - 'var(--outline-on-dark-outline-transparent-tertiary-hover, #FAFAFAFF)'; +export const onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover)'; /** Третичный прозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentTertiaryActive = - 'var(--outline-on-dark-outline-transparent-tertiary-active, #FAFAFA56)'; +export const onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active)'; /** Бесцветная обводка на темном фоне */ -export const outlineOnDarkOutlineClear = 'var(--outline-on-dark-outline-clear, #FFFFFF00)'; +export const onDarkOutlineClear = 'var(--on-dark-outline-clear)'; /** Бесцветная обводка на темном фоне */ -export const outlineOnDarkOutlineClearHover = 'var(--outline-on-dark-outline-clear-hover, #FFFFFF00)'; +export const onDarkOutlineClearHover = 'var(--on-dark-outline-clear-hover)'; /** Бесцветная обводка на темном фоне */ -export const outlineOnDarkOutlineClearActive = 'var(--outline-on-dark-outline-clear-active, #FFFFFF00)'; +export const onDarkOutlineClearActive = 'var(--on-dark-outline-clear-active)'; /** Акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccent = 'var(--outline-on-dark-outline-accent, #1A9E32)'; +export const onDarkOutlineAccent = 'var(--on-dark-outline-accent)'; /** Акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentHover = 'var(--outline-on-dark-outline-accent-hover, #1FC13DFF)'; +export const onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover)'; /** Акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentActive = 'var(--outline-on-dark-outline-accent-active, #147B27FF)'; +export const onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active)'; /** Акцентный минорный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentMinor = 'var(--outline-on-dark-outline-accent-minor, #0A4014)'; +export const onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor)'; /** Акцентный минорный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentMinorHover = 'var(--outline-on-dark-outline-accent-minor-hover, #15892BFF)'; +export const onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover)'; /** Акцентный минорный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentMinorActive = 'var(--outline-on-dark-outline-accent-minor-active, #106520FF)'; +export const onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active)'; /** Прозрачный акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentAccent = 'var(--outline-on-dark-outline-transparent-accent, #1A9E3266)'; +export const onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent)'; /** Прозрачный акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentAccentHover = - 'var(--outline-on-dark-outline-transparent-accent-hover, #1A9E32FF)'; +export const onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover)'; /** Прозрачный акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentAccentActive = - 'var(--outline-on-dark-outline-transparent-accent-active, #1A9E327A)'; +export const onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active)'; /** Цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositive = 'var(--outline-on-dark-outline-positive, #1A9E32)'; +export const onDarkOutlinePositive = 'var(--on-dark-outline-positive)'; /** Цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositiveHover = 'var(--outline-on-dark-outline-positive-hover, #1FC13DFF)'; +export const onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover)'; /** Цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositiveActive = 'var(--outline-on-dark-outline-positive-active, #147B27FF)'; +export const onDarkOutlinePositiveActive = 'var(--on-dark-outline-positive-active)'; /** Цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarning = 'var(--outline-on-dark-outline-warning, #FA5F05)'; +export const onDarkOutlineWarning = 'var(--on-dark-outline-warning)'; /** Цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarningHover = 'var(--outline-on-dark-outline-warning-hover, #FB782DFF)'; +export const onDarkOutlineWarningHover = 'var(--on-dark-outline-warning-hover)'; /** Цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarningActive = 'var(--outline-on-dark-outline-warning-active, #D25004FF)'; +export const onDarkOutlineWarningActive = 'var(--on-dark-outline-warning-active)'; /** Цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegative = 'var(--outline-on-dark-outline-negative, #FF293E)'; +export const onDarkOutlineNegative = 'var(--on-dark-outline-negative)'; /** Цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegativeHover = 'var(--outline-on-dark-outline-negative-hover, #FF5263FF)'; +export const onDarkOutlineNegativeHover = 'var(--on-dark-outline-negative-hover)'; /** Цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegativeActive = 'var(--outline-on-dark-outline-negative-active, #FF001AFF)'; +export const onDarkOutlineNegativeActive = 'var(--on-dark-outline-negative-active)'; /** Цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfo = 'var(--outline-on-dark-outline-info, #118CDF)'; +export const onDarkOutlineInfo = 'var(--on-dark-outline-info)'; /** Цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfoHover = 'var(--outline-on-dark-outline-info-hover, #2AA0EFFF)'; +export const onDarkOutlineInfoHover = 'var(--on-dark-outline-info-hover)'; /** Цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfoActive = 'var(--outline-on-dark-outline-info-active, #0E75B9FF)'; +export const onDarkOutlineInfoActive = 'var(--on-dark-outline-info-active)'; /** Минорный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositiveMinor = 'var(--outline-on-dark-outline-positive-minor, #0A4014)'; +export const onDarkOutlinePositiveMinor = 'var(--on-dark-outline-positive-minor)'; /** Минорный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositiveMinorHover = 'var(--outline-on-dark-outline-positive-minor-hover, #15892BFF)'; +export const onDarkOutlinePositiveMinorHover = 'var(--on-dark-outline-positive-minor-hover)'; /** Минорный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlinePositiveMinorActive = - 'var(--outline-on-dark-outline-positive-minor-active, #106520FF)'; +export const onDarkOutlinePositiveMinorActive = 'var(--on-dark-outline-positive-minor-active)'; /** Минорный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarningMinor = 'var(--outline-on-dark-outline-warning-minor, #5C2709)'; +export const onDarkOutlineWarningMinor = 'var(--on-dark-outline-warning-minor)'; /** Минорный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarningMinorHover = 'var(--outline-on-dark-outline-warning-minor-hover, #A74811FF)'; +export const onDarkOutlineWarningMinorHover = 'var(--on-dark-outline-warning-minor-hover)'; /** Минорный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineWarningMinorActive = 'var(--outline-on-dark-outline-warning-minor-active, #82380DFF)'; +export const onDarkOutlineWarningMinorActive = 'var(--on-dark-outline-warning-minor-active)'; /** Минорный цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegativeMinor = 'var(--outline-on-dark-outline-negative-minor, #6B1019)'; +export const onDarkOutlineNegativeMinor = 'var(--on-dark-outline-negative-minor)'; /** Минорный цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegativeMinorHover = 'var(--outline-on-dark-outline-negative-minor-hover, #B11B2AFF)'; +export const onDarkOutlineNegativeMinorHover = 'var(--on-dark-outline-negative-minor-hover)'; /** Минорный цвет обводки ошибка на темном фоне */ -export const outlineOnDarkOutlineNegativeMinorActive = - 'var(--outline-on-dark-outline-negative-minor-active, #8E1521FF)'; +export const onDarkOutlineNegativeMinorActive = 'var(--on-dark-outline-negative-minor-active)'; /** Минорный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfoMinor = 'var(--outline-on-dark-outline-info-minor, #0D3B59)'; +export const onDarkOutlineInfoMinor = 'var(--on-dark-outline-info-minor)'; /** Минорный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfoMinorHover = 'var(--outline-on-dark-outline-info-minor-hover, #176AA1FF)'; +export const onDarkOutlineInfoMinorHover = 'var(--on-dark-outline-info-minor-hover)'; /** Минорный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineInfoMinorActive = 'var(--outline-on-dark-outline-info-minor-active, #12527DFF)'; +export const onDarkOutlineInfoMinorActive = 'var(--on-dark-outline-info-minor-active)'; /** Прозрачный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlineTransparentPositive = 'var(--outline-on-dark-outline-transparent-positive, #1A9E3247)'; +export const onDarkOutlineTransparentPositive = 'var(--on-dark-outline-transparent-positive)'; /** Прозрачный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlineTransparentPositiveHover = - 'var(--outline-on-dark-outline-transparent-positive-hover, #1A9E32FF)'; +export const onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover)'; /** Прозрачный цвет обводки успех на темном фоне */ -export const outlineOnDarkOutlineTransparentPositiveActive = - 'var(--outline-on-dark-outline-transparent-positive-active, #1A9E3256)'; +export const onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentWarning = 'var(--outline-on-dark-outline-transparent-warning, #FA5F0547)'; +export const onDarkOutlineTransparentWarning = 'var(--on-dark-outline-transparent-warning)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentWarningHover = - 'var(--outline-on-dark-outline-transparent-warning-hover, #FA5F05FF)'; +export const onDarkOutlineTransparentWarningHover = 'var(--on-dark-outline-transparent-warning-hover)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentWarningActive = - 'var(--outline-on-dark-outline-transparent-warning-active, #FA5F0556)'; +export const onDarkOutlineTransparentWarningActive = 'var(--on-dark-outline-transparent-warning-active)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentNegative = 'var(--outline-on-dark-outline-transparent-negative, #FF293E47)'; +export const onDarkOutlineTransparentNegative = 'var(--on-dark-outline-transparent-negative)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentNegativeHover = - 'var(--outline-on-dark-outline-transparent-negative-hover, #FF293EFF)'; +export const onDarkOutlineTransparentNegativeHover = 'var(--on-dark-outline-transparent-negative-hover)'; /** Прозрачный цвет обводки предупреждение на темном фоне */ -export const outlineOnDarkOutlineTransparentNegativeActive = - 'var(--outline-on-dark-outline-transparent-negative-active, #FF293E56)'; +export const onDarkOutlineTransparentNegativeActive = 'var(--on-dark-outline-transparent-negative-active)'; /** Прозрачный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineTransparentInfo = 'var(--outline-on-dark-outline-transparent-info, #118CDF47)'; +export const onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info)'; /** Прозрачный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineTransparentInfoHover = - 'var(--outline-on-dark-outline-transparent-info-hover, #118CDFFF)'; +export const onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover)'; /** Прозрачный цвет обводки информация на темном фоне */ -export const outlineOnDarkOutlineTransparentInfoActive = - 'var(--outline-on-dark-outline-transparent-info-active, #118CDF56)'; +export const onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active)'; /** Основной непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidPrimary = 'var(--outline-on-light-outline-solid-primary, #DDDDDD)'; +export const onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary)'; /** Основной непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidPrimaryHover = 'var(--outline-on-light-outline-solid-primary-hover, #000000FF)'; +export const onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover)'; /** Основной непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidPrimaryActive = - 'var(--outline-on-light-outline-solid-primary-active, #B3B3B3FF)'; +export const onLightOutlineSolidPrimaryActive = 'var(--on-light-outline-solid-primary-active)'; /** Вторичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidSecondary = 'var(--outline-on-light-outline-solid-secondary, #B3B3B3)'; +export const onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary)'; /** Вторичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidSecondaryHover = - 'var(--outline-on-light-outline-solid-secondary-hover, #000000FF)'; +export const onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover)'; /** Вторичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidSecondaryActive = - 'var(--outline-on-light-outline-solid-secondary-active, #8F8F8FFF)'; +export const onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active)'; /** Третичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidTertiary = 'var(--outline-on-light-outline-solid-tertiary, #707070)'; +export const onLightOutlineSolidTertiary = 'var(--on-light-outline-solid-tertiary)'; /** Третичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidTertiaryHover = - 'var(--outline-on-light-outline-solid-tertiary-hover, #000000FF)'; +export const onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover)'; /** Третичный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineSolidTertiaryActive = - 'var(--outline-on-light-outline-solid-tertiary-active, #595959FF)'; +export const onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active)'; /** Прозрачный цвет обводки по умолчанию на светлом фоне */ -export const outlineOnLightOutlineTransparentDefault = 'var(--outline-on-light-outline-transparent-default, #080808F5)'; +export const onLightOutlineTransparentDefault = 'var(--on-light-outline-transparent-default)'; /** Прозрачный цвет обводки по умолчанию на светлом фоне */ -export const outlineOnLightOutlineTransparentDefaultHover = - 'var(--outline-on-light-outline-transparent-default-hover, #08080893)'; +export const onLightOutlineTransparentDefaultHover = 'var(--on-light-outline-transparent-default-hover)'; /** Прозрачный цвет обводки по умолчанию на светлом фоне */ -export const outlineOnLightOutlineTransparentDefaultActive = - 'var(--outline-on-light-outline-transparent-default-active, #080808C4)'; +export const onLightOutlineTransparentDefaultActive = 'var(--on-light-outline-transparent-default-active)'; /** Основной прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentPrimary = 'var(--outline-on-light-outline-transparent-primary, #0808081F)'; +export const onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary)'; /** Основной прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentPrimaryHover = - 'var(--outline-on-light-outline-transparent-primary-hover, #080808FF)'; +export const onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover)'; /** Основной прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentPrimaryActive = - 'var(--outline-on-light-outline-transparent-primary-active, #08080825)'; +export const onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active)'; /** Вторичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentSecondary = - 'var(--outline-on-light-outline-transparent-secondary, #08080847)'; +export const onLightOutlineTransparentSecondary = 'var(--on-light-outline-transparent-secondary)'; /** Вторичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentSecondaryHover = - 'var(--outline-on-light-outline-transparent-secondary-hover, #080808FF)'; +export const onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover)'; /** Вторичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentSecondaryActive = - 'var(--outline-on-light-outline-transparent-secondary-active, #08080856)'; +export const onLightOutlineTransparentSecondaryActive = 'var(--on-light-outline-transparent-secondary-active)'; /** Третичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentTertiary = - 'var(--outline-on-light-outline-transparent-tertiary, #0808088F)'; +export const onLightOutlineTransparentTertiary = 'var(--on-light-outline-transparent-tertiary)'; /** Третичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentTertiaryHover = - 'var(--outline-on-light-outline-transparent-tertiary-hover, #080808FF)'; +export const onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-transparent-tertiary-hover)'; /** Третичный прозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentTertiaryActive = - 'var(--outline-on-light-outline-transparent-tertiary-active, #080808AB)'; +export const onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active)'; /** Бесцветная обводка на светлом фоне */ -export const outlineOnLightOutlineClear = 'var(--outline-on-light-outline-clear, #FFFFFF00)'; +export const onLightOutlineClear = 'var(--on-light-outline-clear)'; /** Бесцветная обводка на светлом фоне */ -export const outlineOnLightOutlineClearHover = 'var(--outline-on-light-outline-clear-hover, #FFFFFF00)'; +export const onLightOutlineClearHover = 'var(--on-light-outline-clear-hover)'; /** Бесцветная обводка на светлом фоне */ -export const outlineOnLightOutlineClearActive = 'var(--outline-on-light-outline-clear-active, #FFFFFF00)'; +export const onLightOutlineClearActive = 'var(--on-light-outline-clear-active)'; /** Акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccent = 'var(--outline-on-light-outline-accent, #108E26)'; +export const onLightOutlineAccent = 'var(--on-light-outline-accent)'; /** Акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentHover = 'var(--outline-on-light-outline-accent-hover, #14B32EFF)'; +export const onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover)'; /** Акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentActive = 'var(--outline-on-light-outline-accent-active, #0C6A1BFF)'; +export const onLightOutlineAccentActive = 'var(--on-light-outline-accent-active)'; /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentMinor = 'var(--outline-on-light-outline-accent-minor, #45E362)'; +export const onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor)'; /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentMinorHover = 'var(--outline-on-light-outline-accent-minor-hover, #68E880FF)'; +export const onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover)'; /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentMinorActive = 'var(--outline-on-light-outline-accent-minor-active, #21DE44FF)'; +export const onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active)'; /** Прозрачный акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentAccent = 'var(--outline-on-light-outline-transparent-accent, #108E2666)'; +export const onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent)'; /** Прозрачный акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentAccentHover = - 'var(--outline-on-light-outline-transparent-accent-hover, #108E25FF)'; +export const onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover)'; /** Прозрачный акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentAccentActive = - 'var(--outline-on-light-outline-transparent-accent-active, #108E257A)'; +export const onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active)'; /** Цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositive = 'var(--outline-on-light-outline-positive, #108E26)'; +export const onLightOutlinePositive = 'var(--on-light-outline-positive)'; /** Цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositiveHover = 'var(--outline-on-light-outline-positive-hover, #14B32EFF)'; +export const onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover)'; /** Цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositiveActive = 'var(--outline-on-light-outline-positive-active, #0C6A1BFF)'; +export const onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active)'; /** Цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarning = 'var(--outline-on-light-outline-warning, #E85702)'; +export const onLightOutlineWarning = 'var(--on-light-outline-warning)'; /** Цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarningHover = 'var(--outline-on-light-outline-warning-hover, #FD6B17FF)'; +export const onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover)'; /** Цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarningActive = 'var(--outline-on-light-outline-warning-active, #C04802FF)'; +export const onLightOutlineWarningActive = 'var(--on-light-outline-warning-active)'; /** Цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegative = 'var(--outline-on-light-outline-negative, #F31B31)'; +export const onLightOutlineNegative = 'var(--on-light-outline-negative)'; /** Цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegativeHover = 'var(--outline-on-light-outline-negative-hover, #F54254FF)'; +export const onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover)'; /** Цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegativeActive = 'var(--outline-on-light-outline-negative-active, #DA0B20FF)'; +export const onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active)'; /** Цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfo = 'var(--outline-on-light-outline-info, #0B7ECB)'; +export const onLightOutlineInfo = 'var(--on-light-outline-info)'; /** Цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfoHover = 'var(--outline-on-light-outline-info-hover, #0D96F2FF)'; +export const onLightOutlineInfoHover = 'var(--on-light-outline-info-hover)'; /** Цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfoActive = 'var(--outline-on-light-outline-info-active, #0966A5FF)'; +export const onLightOutlineInfoActive = 'var(--on-light-outline-info-active)'; /** Минорный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositiveMinor = 'var(--outline-on-light-outline-positive-minor, #45E362)'; +export const onLightOutlinePositiveMinor = 'var(--on-light-outline-positive-minor)'; /** Минорный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositiveMinorHover = - 'var(--outline-on-light-outline-positive-minor-hover, #68E880FF)'; +export const onLightOutlinePositiveMinorHover = 'var(--on-light-outline-positive-minor-hover)'; /** Минорный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlinePositiveMinorActive = - 'var(--outline-on-light-outline-positive-minor-active, #21DE44FF)'; +export const onLightOutlinePositiveMinorActive = 'var(--on-light-outline-positive-minor-active)'; /** Минорный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarningMinor = 'var(--outline-on-light-outline-warning-minor, #FFB38A)'; +export const onLightOutlineWarningMinor = 'var(--on-light-outline-warning-minor)'; /** Минорный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarningMinorHover = 'var(--outline-on-light-outline-warning-minor-hover, #FFCDB3FF)'; +export const onLightOutlineWarningMinorHover = 'var(--on-light-outline-warning-minor-hover)'; /** Минорный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineWarningMinorActive = - 'var(--outline-on-light-outline-warning-minor-active, #FF9861FF)'; +export const onLightOutlineWarningMinorActive = 'var(--on-light-outline-warning-minor-active)'; /** Минорный цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegativeMinor = 'var(--outline-on-light-outline-negative-minor, #FEB3BB)'; +export const onLightOutlineNegativeMinor = 'var(--on-light-outline-negative-minor)'; /** Минорный цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegativeMinorHover = - 'var(--outline-on-light-outline-negative-minor-hover, #FEDCDFFF)'; +export const onLightOutlineNegativeMinorHover = 'var(--on-light-outline-negative-minor-hover)'; /** Минорный цвет обводки ошибка на светлом фоне */ -export const outlineOnLightOutlineNegativeMinorActive = - 'var(--outline-on-light-outline-negative-minor-active, #FD8B97FF)'; +export const onLightOutlineNegativeMinorActive = 'var(--on-light-outline-negative-minor-active)'; /** Минорный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfoMinor = 'var(--outline-on-light-outline-info-minor, #85CEFF)'; +export const onLightOutlineInfoMinor = 'var(--on-light-outline-info-minor)'; /** Минорный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfoMinorHover = 'var(--outline-on-light-outline-info-minor-hover, #ADDEFFFF)'; +export const onLightOutlineInfoMinorHover = 'var(--on-light-outline-info-minor-hover)'; /** Минорный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineInfoMinorActive = 'var(--outline-on-light-outline-info-minor-active, #5CBEFFFF)'; +export const onLightOutlineInfoMinorActive = 'var(--on-light-outline-info-minor-active)'; /** Прозрачный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlineTransparentPositive = - 'var(--outline-on-light-outline-transparent-positive, #108E2647)'; +export const onLightOutlineTransparentPositive = 'var(--on-light-outline-transparent-positive)'; /** Прозрачный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlineTransparentPositiveHover = - 'var(--outline-on-light-outline-transparent-positive-hover, #108E25FF)'; +export const onLightOutlineTransparentPositiveHover = 'var(--on-light-outline-transparent-positive-hover)'; /** Прозрачный цвет обводки успех на светлом фоне */ -export const outlineOnLightOutlineTransparentPositiveActive = - 'var(--outline-on-light-outline-transparent-positive-active, #108E2556)'; +export const onLightOutlineTransparentPositiveActive = 'var(--on-light-outline-transparent-positive-active)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentWarning = 'var(--outline-on-light-outline-transparent-warning, #E8570247)'; +export const onLightOutlineTransparentWarning = 'var(--on-light-outline-transparent-warning)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentWarningHover = - 'var(--outline-on-light-outline-transparent-warning-hover, #E85702FF)'; +export const onLightOutlineTransparentWarningHover = 'var(--on-light-outline-transparent-warning-hover)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentWarningActive = - 'var(--outline-on-light-outline-transparent-warning-active, #E8570256)'; +export const onLightOutlineTransparentWarningActive = 'var(--on-light-outline-transparent-warning-active)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentNegative = - 'var(--outline-on-light-outline-transparent-negative, #F31B3147)'; +export const onLightOutlineTransparentNegative = 'var(--on-light-outline-transparent-negative)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentNegativeHover = - 'var(--outline-on-light-outline-transparent-negative-hover, #F31B31FF)'; +export const onLightOutlineTransparentNegativeHover = 'var(--on-light-outline-transparent-negative-hover)'; /** Прозрачный цвет обводки предупреждение на светлом фоне */ -export const outlineOnLightOutlineTransparentNegativeActive = - 'var(--outline-on-light-outline-transparent-negative-active, #F31B3156)'; +export const onLightOutlineTransparentNegativeActive = 'var(--on-light-outline-transparent-negative-active)'; /** Прозрачный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineTransparentInfo = 'var(--outline-on-light-outline-transparent-info, #0B7ECB47)'; +export const onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-info)'; /** Прозрачный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineTransparentInfoHover = - 'var(--outline-on-light-outline-transparent-info-hover, #0B7ECBFF)'; +export const onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover)'; /** Прозрачный цвет обводки информация на светлом фоне */ -export const outlineOnLightOutlineTransparentInfoActive = - 'var(--outline-on-light-outline-transparent-info-active, #0B7ECB56)'; +export const onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active)'; /** Инвертированный основной непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidPrimary = 'var(--outline-inverse-outline-solid-primary, #262626)'; +export const inverseOutlineSolidPrimary = 'var(--inverse-outline-solid-primary)'; /** Инвертированный основной непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidPrimaryHover = 'var(--outline-inverse-outline-solid-primary-hover, #787878FF)'; +export const inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover)'; /** Инвертированный основной непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidPrimaryActive = 'var(--outline-inverse-outline-solid-primary-active, #4F4F4FFF)'; +export const inverseOutlineSolidPrimaryActive = 'var(--inverse-outline-solid-primary-active)'; /** Инвертированный вторичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidSecondary = 'var(--outline-inverse-outline-solid-secondary, #363636)'; +export const inverseOutlineSolidSecondary = 'var(--inverse-outline-solid-secondary)'; /** Инвертированный вторичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidSecondaryHover = - 'var(--outline-inverse-outline-solid-secondary-hover, #878787FF)'; +export const inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-hover)'; /** Инвертированный вторичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidSecondaryActive = - 'var(--outline-inverse-outline-solid-secondary-active, #5E5E5EFF)'; +export const inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active)'; /** Инвертированный третичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidTertiary = 'var(--outline-inverse-outline-solid-tertiary, #4E4E4E)'; +export const inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary)'; /** Инвертированный третичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidTertiaryHover = 'var(--outline-inverse-outline-solid-tertiary-hover, #000000FF)'; +export const inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover)'; /** Инвертированный третичный непрозрачный цвет обводки */ -export const outlineInverseOutlineSolidTertiaryActive = - 'var(--outline-inverse-outline-solid-tertiary-active, #404040FF)'; +export const inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active)'; /** Инвертированный прозрачный цвет обводки по умолчанию */ -export const outlineInverseOutlineTransparentDefault = 'var(--outline-inverse-outline-transparent-default, #F9F9F9F5)'; +export const inverseOutlineTransparentDefault = 'var(--inverse-outline-transparent-default)'; /** Инвертированный прозрачный цвет обводки по умолчанию */ -export const outlineInverseOutlineTransparentDefaultHover = - 'var(--outline-inverse-outline-transparent-default-hover, #FAFAFA93)'; +export const inverseOutlineTransparentDefaultHover = 'var(--inverse-outline-transparent-default-hover)'; /** Инвертированный прозрачный цвет обводки по умолчанию */ -export const outlineInverseOutlineTransparentDefaultActive = - 'var(--outline-inverse-outline-transparent-default-active, #FAFAFAC4)'; +export const inverseOutlineTransparentDefaultActive = 'var(--inverse-outline-transparent-default-active)'; /** Инвертированный основной прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentPrimary = 'var(--outline-inverse-outline-transparent-primary, #F9F9F91F)'; +export const inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary)'; /** Инвертированный основной прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentPrimaryHover = - 'var(--outline-inverse-outline-transparent-primary-hover, #FAFAFAFF)'; +export const inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-primary-hover)'; /** Инвертированный основной прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentPrimaryActive = - 'var(--outline-inverse-outline-transparent-primary-active, #FAFAFA25)'; +export const inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active)'; /** Инвертированный вторичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentSecondary = - 'var(--outline-inverse-outline-transparent-secondary, #F9F9F933)'; +export const inverseOutlineTransparentSecondary = 'var(--inverse-outline-transparent-secondary)'; /** Инвертированный вторичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentSecondaryHover = - 'var(--outline-inverse-outline-transparent-secondary-hover, #FAFAFAFF)'; +export const inverseOutlineTransparentSecondaryHover = 'var(--inverse-outline-transparent-secondary-hover)'; /** Инвертированный вторичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentSecondaryActive = - 'var(--outline-inverse-outline-transparent-secondary-active, #FAFAFA3D)'; +export const inverseOutlineTransparentSecondaryActive = 'var(--inverse-outline-transparent-secondary-active)'; /** Инвертированный третичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentTertiary = - 'var(--outline-inverse-outline-transparent-tertiary, #F9F9F947)'; +export const inverseOutlineTransparentTertiary = 'var(--inverse-outline-transparent-tertiary)'; /** Инвертированный третичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentTertiaryHover = - 'var(--outline-inverse-outline-transparent-tertiary-hover, #FAFAFAFF)'; +export const inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-transparent-tertiary-hover)'; /** Инвертированный третичный прозрачный цвет обводки */ -export const outlineInverseOutlineTransparentTertiaryActive = - 'var(--outline-inverse-outline-transparent-tertiary-active, #FAFAFA56)'; +export const inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active)'; /** Инвертированная бесцветная обводка */ -export const outlineInverseOutlineClear = 'var(--outline-inverse-outline-clear, #FFFFFF00)'; +export const inverseOutlineClear = 'var(--inverse-outline-clear)'; /** Инвертированная бесцветная обводка */ -export const outlineInverseOutlineClearHover = 'var(--outline-inverse-outline-clear-hover, #FFFFFF00)'; +export const inverseOutlineClearHover = 'var(--inverse-outline-clear-hover)'; /** Инвертированная бесцветная обводка */ -export const outlineInverseOutlineClearActive = 'var(--outline-inverse-outline-clear-active, #FFFFFF00)'; +export const inverseOutlineClearActive = 'var(--inverse-outline-clear-active)'; /** Инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineAccent = 'var(--outline-inverse-outline-accent, #1A9E32)'; +export const inverseOutlineAccent = 'var(--inverse-outline-accent)'; /** Инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineAccentHover = 'var(--outline-inverse-outline-accent-hover, #1FC13DFF)'; +export const inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover)'; /** Инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineAccentActive = 'var(--outline-inverse-outline-accent-active, #147B27FF)'; +export const inverseOutlineAccentActive = 'var(--inverse-outline-accent-active)'; /** Инвертированный акцентный минорный непрозрачный цвет обводки */ -export const outlineInverseOutlineAccentMinor = 'var(--outline-inverse-outline-accent-minor, #0A4014)'; +export const inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor)'; /** Инвертированный акцентный минорный непрозрачный цвет обводки */ -export const outlineInverseOutlineAccentMinorHover = 'var(--outline-inverse-outline-accent-minor-hover, #15892BFF)'; +export const inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover)'; /** Инвертированный акцентный минорный непрозрачный цвет обводки */ -export const outlineInverseOutlineAccentMinorActive = 'var(--outline-inverse-outline-accent-minor-active, #106520FF)'; +export const inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active)'; /** Прозрачный инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineTransparentAccent = 'var(--outline-inverse-outline-transparent-accent, #1A9E3266)'; +export const inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent)'; /** Прозрачный инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineTransparentAccentHover = - 'var(--outline-inverse-outline-transparent-accent-hover, #1A9E32FF)'; +export const inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover)'; /** Прозрачный инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineTransparentAccentActive = - 'var(--outline-inverse-outline-transparent-accent-active, #1A9E327A)'; +export const inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active)'; /** Инвертированный цвет обводки успех */ -export const outlineInverseOutlinePositive = 'var(--outline-inverse-outline-positive, #1A9E32)'; +export const inverseOutlinePositive = 'var(--inverse-outline-positive)'; /** Инвертированный цвет обводки успех */ -export const outlineInverseOutlinePositiveHover = 'var(--outline-inverse-outline-positive-hover, #1FC13DFF)'; +export const inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover)'; /** Инвертированный цвет обводки успех */ -export const outlineInverseOutlinePositiveActive = 'var(--outline-inverse-outline-positive-active, #147B27FF)'; +export const inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active)'; /** Инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineWarning = 'var(--outline-inverse-outline-warning, #FA5F05)'; +export const inverseOutlineWarning = 'var(--inverse-outline-warning)'; /** Инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineWarningHover = 'var(--outline-inverse-outline-warning-hover, #FB782DFF)'; +export const inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover)'; /** Инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineWarningActive = 'var(--outline-inverse-outline-warning-active, #D25004FF)'; +export const inverseOutlineWarningActive = 'var(--inverse-outline-warning-active)'; /** Инвертированный цвет обводки ошибка */ -export const outlineInverseOutlineNegative = 'var(--outline-inverse-outline-negative, #FF293E)'; +export const inverseOutlineNegative = 'var(--inverse-outline-negative)'; /** Инвертированный цвет обводки ошибка */ -export const outlineInverseOutlineNegativeHover = 'var(--outline-inverse-outline-negative-hover, #FF5263FF)'; +export const inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover)'; /** Инвертированный цвет обводки ошибка */ -export const outlineInverseOutlineNegativeActive = 'var(--outline-inverse-outline-negative-active, #FF001AFF)'; +export const inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active)'; /** Инвертированный цвет обводки информация */ -export const outlineInverseOutlineInfo = 'var(--outline-inverse-outline-info, #118CDF)'; +export const inverseOutlineInfo = 'var(--inverse-outline-info)'; /** Инвертированный цвет обводки информация */ -export const outlineInverseOutlineInfoHover = 'var(--outline-inverse-outline-info-hover, #2AA0EFFF)'; +export const inverseOutlineInfoHover = 'var(--inverse-outline-info-hover)'; /** Инвертированный цвет обводки информация */ -export const outlineInverseOutlineInfoActive = 'var(--outline-inverse-outline-info-active, #0E75B9FF)'; +export const inverseOutlineInfoActive = 'var(--inverse-outline-info-active)'; /** Инвертированный минорный цвет обводки успех */ -export const outlineInverseOutlinePositiveMinor = 'var(--outline-inverse-outline-positive-minor, #0A4014)'; +export const inverseOutlinePositiveMinor = 'var(--inverse-outline-positive-minor)'; /** Инвертированный минорный цвет обводки успех */ -export const outlineInverseOutlinePositiveMinorHover = 'var(--outline-inverse-outline-positive-minor-hover, #15892BFF)'; +export const inverseOutlinePositiveMinorHover = 'var(--inverse-outline-positive-minor-hover)'; /** Инвертированный минорный цвет обводки успех */ -export const outlineInverseOutlinePositiveMinorActive = - 'var(--outline-inverse-outline-positive-minor-active, #106520FF)'; +export const inverseOutlinePositiveMinorActive = 'var(--inverse-outline-positive-minor-active)'; /** Инвертированный минорный цвет обводки предупреждение */ -export const outlineInverseOutlineWarningMinor = 'var(--outline-inverse-outline-warning-minor, #5C2709)'; +export const inverseOutlineWarningMinor = 'var(--inverse-outline-warning-minor)'; /** Инвертированный минорный цвет обводки предупреждение */ -export const outlineInverseOutlineWarningMinorHover = 'var(--outline-inverse-outline-warning-minor-hover, #A74811FF)'; +export const inverseOutlineWarningMinorHover = 'var(--inverse-outline-warning-minor-hover)'; /** Инвертированный минорный цвет обводки предупреждение */ -export const outlineInverseOutlineWarningMinorActive = 'var(--outline-inverse-outline-warning-minor-active, #82380DFF)'; +export const inverseOutlineWarningMinorActive = 'var(--inverse-outline-warning-minor-active)'; /** Инвертированный минорный цвет обводки ошибка */ -export const outlineInverseOutlineNegativeMinor = 'var(--outline-inverse-outline-negative-minor, #6B1019)'; +export const inverseOutlineNegativeMinor = 'var(--inverse-outline-negative-minor)'; /** Инвертированный минорный цвет обводки ошибка */ -export const outlineInverseOutlineNegativeMinorHover = 'var(--outline-inverse-outline-negative-minor-hover, #B11B2AFF)'; +export const inverseOutlineNegativeMinorHover = 'var(--inverse-outline-negative-minor-hover)'; /** Инвертированный минорный цвет обводки ошибка */ -export const outlineInverseOutlineNegativeMinorActive = - 'var(--outline-inverse-outline-negative-minor-active, #8E1521FF)'; +export const inverseOutlineNegativeMinorActive = 'var(--inverse-outline-negative-minor-active)'; /** Инвертированный минорный цвет обводки информация */ -export const outlineInverseOutlineInfoMinor = 'var(--outline-inverse-outline-info-minor, #0D3B59)'; +export const inverseOutlineInfoMinor = 'var(--inverse-outline-info-minor)'; /** Инвертированный минорный цвет обводки информация */ -export const outlineInverseOutlineInfoMinorHover = 'var(--outline-inverse-outline-info-minor-hover, #176AA1FF)'; +export const inverseOutlineInfoMinorHover = 'var(--inverse-outline-info-minor-hover)'; /** Инвертированный минорный цвет обводки информация */ -export const outlineInverseOutlineInfoMinorActive = 'var(--outline-inverse-outline-info-minor-active, #12527DFF)'; +export const inverseOutlineInfoMinorActive = 'var(--inverse-outline-info-minor-active)'; /** Прозрачный инвертированный цвет обводки успех */ -export const outlineInverseOutlineTransparentPositive = - 'var(--outline-inverse-outline-transparent-positive, #1A9E3247)'; +export const inverseOutlineTransparentPositive = 'var(--inverse-outline-transparent-positive)'; /** Прозрачный инвертированный цвет обводки успех */ -export const outlineInverseOutlineTransparentPositiveHover = - 'var(--outline-inverse-outline-transparent-positive-hover, #1A9E32FF)'; +export const inverseOutlineTransparentPositiveHover = 'var(--inverse-outline-transparent-positive-hover)'; /** Прозрачный инвертированный цвет обводки успех */ -export const outlineInverseOutlineTransparentPositiveActive = - 'var(--outline-inverse-outline-transparent-positive-active, #1A9E3256)'; +export const inverseOutlineTransparentPositiveActive = 'var(--inverse-outline-transparent-positive-active)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentWarning = 'var(--outline-inverse-outline-transparent-warning, #FA5F0547)'; +export const inverseOutlineTransparentWarning = 'var(--inverse-outline-transparent-warning)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentWarningHover = - 'var(--outline-inverse-outline-transparent-warning-hover, #FA5F05FF)'; +export const inverseOutlineTransparentWarningHover = 'var(--inverse-outline-transparent-warning-hover)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentWarningActive = - 'var(--outline-inverse-outline-transparent-warning-active, #FA5F0556)'; +export const inverseOutlineTransparentWarningActive = 'var(--inverse-outline-transparent-warning-active)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentNegative = - 'var(--outline-inverse-outline-transparent-negative, #FF293E47)'; +export const inverseOutlineTransparentNegative = 'var(--inverse-outline-transparent-negative)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentNegativeHover = - 'var(--outline-inverse-outline-transparent-negative-hover, #FF293EFF)'; +export const inverseOutlineTransparentNegativeHover = 'var(--inverse-outline-transparent-negative-hover)'; /** Прозрачный инвертированный цвет обводки предупреждение */ -export const outlineInverseOutlineTransparentNegativeActive = - 'var(--outline-inverse-outline-transparent-negative-active, #FF293E56)'; +export const inverseOutlineTransparentNegativeActive = 'var(--inverse-outline-transparent-negative-active)'; /** Прозрачный инвертированный цвет обводки информация */ -export const outlineInverseOutlineTransparentInfo = 'var(--outline-inverse-outline-transparent-info, #118CDF47)'; +export const inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-info)'; /** Прозрачный инвертированный цвет обводки информация */ -export const outlineInverseOutlineTransparentInfoHover = - 'var(--outline-inverse-outline-transparent-info-hover, #118CDFFF)'; +export const inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover)'; /** Прозрачный инвертированный цвет обводки информация */ -export const outlineInverseOutlineTransparentInfoActive = - 'var(--outline-inverse-outline-transparent-info-active, #118CDF56)'; +export const inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active)'; -export const skeletonGradient = - 'var(--skeleton-gradient, linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% ))'; +/** Фон для скелетона */ +export const surfaceSkeletonGradient = 'var(--surface-skeleton-gradient)'; -export const skeletonGradientLighter = - 'var(--skeleton-gradient-lighter, linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% ))'; +/** Фон для скелетона */ +export const surfaceSkeletonGradientHover = 'var(--surface-skeleton-gradient-hover)'; -export const shadowDownSoftS = - 'var(--shadow-down-soft-s, 0px 4px 14px -4px rgba(8, 8, 8, 0.08)), var(--shadow-down-soft-s, 0px 1px 4px -1px rgba(0, 0, 0, 0.04))'; +/** Фон для скелетона */ +export const surfaceSkeletonGradientActive = 'var(--surface-skeleton-gradient-active)'; -export const shadowDownSoftM = 'var(--shadow-down-soft-m, 0px 24px 48px -8px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradient = 'var(--surface-skeleton-deep-gradient)'; -export const shadowDownSoftL = 'var(--shadow-down-soft-l, 0px 60px 112px -8px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientHover = 'var(--surface-skeleton-deep-gradient-hover)'; -export const shadowDownHardS = - 'var(--shadow-down-hard-s, 0px 4px 12px -3px rgba(8, 8, 8, 0.16)), var(--shadow-down-hard-s, 0px 1px 4px -2px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientActive = 'var(--surface-skeleton-deep-gradient-active)'; -export const shadowDownHardM = 'var(--shadow-down-hard-m, 0px 16px 32px -8px rgba(0, 0, 0, 0.24))'; +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradient = 'var(--on-dark-surface-skeleton-gradient)'; -export const shadowDownHardL = 'var(--shadow-down-hard-l, 0px 60px 112px -8px rgba(0, 0, 0, 0.40))'; +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientHover = 'var(--on-dark-surface-skeleton-gradient-hover)'; -export const shadowUpSoftS = - 'var(--shadow-up-soft-s, 0px -4px 14px -4px rgba(8, 8, 8, 0.08)), var(--shadow-up-soft-s, 0px -1px 4px -1px rgba(0, 0, 0, 0.03))'; +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientActive = 'var(--on-dark-surface-skeleton-gradient-active)'; -export const shadowUpSoftM = 'var(--shadow-up-soft-m, 0px -24px 48px -8px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradient = 'var(--on-dark-surface-skeleton-deep-gradient)'; -export const shadowUpSoftL = 'var(--shadow-up-soft-l, 0px -60px 112px -8px rgba(0, 0, 0, 0.08))'; +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientHover = 'var(--on-dark-surface-skeleton-deep-gradient-hover)'; -export const shadowUpHardS = - 'var(--shadow-up-hard-s, 0px -4px 12px -3px rgba(8, 8, 8, 0.20)), var(--shadow-up-hard-s, 0px -1px 4px -1px rgba(0, 0, 0, 0.03))'; +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientActive = 'var(--on-dark-surface-skeleton-deep-gradient-active)'; -export const shadowUpHardM = 'var(--shadow-up-hard-m, 0px -16px 32px -8px rgba(0, 0, 0, 0.24))'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradient = 'var(--on-light-surface-skeleton-gradient)'; -export const shadowUpHardL = 'var(--shadow-up-hard-l, 0px -60px 112px -8px rgba(0, 0, 0, 0.40))'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientHover = 'var(--on-light-surface-skeleton-gradient-hover)'; -export const borderRadiusXxs = 'var(--border-radius-xxs, 4px)'; +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientActive = 'var(--on-light-surface-skeleton-gradient-active)'; -export const borderRadiusXs = 'var(--border-radius-xs, 6px)'; +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradient = 'var(--on-light-surface-skeleton-deep-gradient)'; -export const borderRadiusS = 'var(--border-radius-s, 8px)'; +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientHover = 'var(--on-light-surface-skeleton-deep-gradient-hover)'; -export const borderRadiusM = 'var(--border-radius-m, 12px)'; +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientActive = 'var(--on-light-surface-skeleton-deep-gradient-active)'; -export const borderRadiusL = 'var(--border-radius-l, 16px)'; +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradient = 'var(--inverse-surface-skeleton-gradient)'; -export const borderRadiusXl = 'var(--border-radius-xl, 20px)'; +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientHover = 'var(--inverse-surface-skeleton-gradient-hover)'; -export const borderRadiusXxl = 'var(--border-radius-xxl, 40px)'; +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientActive = 'var(--inverse-surface-skeleton-gradient-active)'; -export { - dsplL, - dsplLBold, - dsplM, - dsplMBold, - dsplS, - dsplSBold, - h1, - h1Bold, - h2, - h2Bold, - h3, - h3Bold, - h4, - h4Bold, - h5, - h5Bold, - bodyL, - bodyLBold, - bodyM, - bodyMBold, - bodyS, - bodySBold, - bodyXS, - bodyXSBold, - bodyXXS, - bodyXXSBold, - textL, - textLBold, - textM, - textMBold, - textS, - textSBold, - textXS, - textXSBold, -} from '@salutejs/plasma-typo'; +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradient = 'var(--inverse-surface-skeleton-deep-gradient)'; + +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientHover = 'var(--inverse-surface-skeleton-deep-gradient-hover)'; + +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientActive = 'var(--inverse-surface-skeleton-deep-gradient-active)'; + +/** shadow down soft s */ +export const shadowDownSoftS = 'var(--shadow-down-soft-s)'; + +/** shadow down soft m */ +export const shadowDownSoftM = 'var(--shadow-down-soft-m)'; + +/** shadow down soft l */ +export const shadowDownSoftL = 'var(--shadow-down-soft-l)'; + +/** shadow down hard s */ +export const shadowDownHardS = 'var(--shadow-down-hard-s)'; + +/** shadow down hard m */ +export const shadowDownHardM = 'var(--shadow-down-hard-m)'; + +/** shadow down hard l */ +export const shadowDownHardL = 'var(--shadow-down-hard-l)'; + +/** shadow up soft s */ +export const shadowUpSoftS = 'var(--shadow-up-soft-s)'; + +/** shadow up soft m */ +export const shadowUpSoftM = 'var(--shadow-up-soft-m)'; + +/** shadow up soft l */ +export const shadowUpSoftL = 'var(--shadow-up-soft-l)'; + +/** shadow up hard s */ +export const shadowUpHardS = 'var(--shadow-up-hard-s)'; + +/** shadow up hard m */ +export const shadowUpHardM = 'var(--shadow-up-hard-m)'; + +/** shadow up hard l */ +export const shadowUpHardL = 'var(--shadow-up-hard-l)'; + +/** borderRadius xxs */ +export const borderRadiusXxs = 'var(--border-radius-xxs)'; + +/** borderRadius xs */ +export const borderRadiusXs = 'var(--border-radius-xs)'; + +/** borderRadius s */ +export const borderRadiusS = 'var(--border-radius-s)'; + +/** borderRadius m */ +export const borderRadiusM = 'var(--border-radius-m)'; + +/** borderRadius l */ +export const borderRadiusL = 'var(--border-radius-l)'; + +/** borderRadius xl */ +export const borderRadiusXl = 'var(--border-radius-xl)'; + +/** borderRadius xxl */ +export const borderRadiusXxl = 'var(--border-radius-xxl)'; + +/** typography s display-l */ +export const dsplL = { + fontFamily: 'var(--plasma-typo-dspl-l-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-line-height)', +}; + +/** typography s display-l-bold */ +export const dsplLBold = { + fontFamily: 'var(--plasma-typo-dspl-l-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-bold-line-height)', +}; + +/** typography s display-m */ +export const dsplM = { + fontFamily: 'var(--plasma-typo-dspl-m-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-line-height)', +}; + +/** typography s display-m-bold */ +export const dsplMBold = { + fontFamily: 'var(--plasma-typo-dspl-m-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-bold-line-height)', +}; + +/** typography s display-s */ +export const dsplS = { + fontFamily: 'var(--plasma-typo-dspl-s-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-line-height)', +}; + +/** typography s display-s-bold */ +export const dsplSBold = { + fontFamily: 'var(--plasma-typo-dspl-s-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-bold-line-height)', +}; + +/** typography s header-h1 */ +export const h1 = { + fontFamily: 'var(--plasma-typo-h1-font-family)', + fontSize: 'var(--plasma-typo-h1-font-size)', + fontStyle: 'var(--plasma-typo-h1-font-style)', + fontWeight: 'var(--plasma-typo-h1-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-line-height)', +}; + +/** typography s header-h1-bold */ +export const h1Bold = { + fontFamily: 'var(--plasma-typo-h1-bold-font-family)', + fontSize: 'var(--plasma-typo-h1-bold-font-size)', + fontStyle: 'var(--plasma-typo-h1-bold-font-style)', + fontWeight: 'var(--plasma-typo-h1-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-bold-line-height)', +}; + +/** typography s header-h2 */ +export const h2 = { + fontFamily: 'var(--plasma-typo-h2-font-family)', + fontSize: 'var(--plasma-typo-h2-font-size)', + fontStyle: 'var(--plasma-typo-h2-font-style)', + fontWeight: 'var(--plasma-typo-h2-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-line-height)', +}; + +/** typography s header-h2-bold */ +export const h2Bold = { + fontFamily: 'var(--plasma-typo-h2-bold-font-family)', + fontSize: 'var(--plasma-typo-h2-bold-font-size)', + fontStyle: 'var(--plasma-typo-h2-bold-font-style)', + fontWeight: 'var(--plasma-typo-h2-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-bold-line-height)', +}; + +/** typography s header-h3 */ +export const h3 = { + fontFamily: 'var(--plasma-typo-h3-font-family)', + fontSize: 'var(--plasma-typo-h3-font-size)', + fontStyle: 'var(--plasma-typo-h3-font-style)', + fontWeight: 'var(--plasma-typo-h3-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-line-height)', +}; + +/** typography s header-h3-bold */ +export const h3Bold = { + fontFamily: 'var(--plasma-typo-h3-bold-font-family)', + fontSize: 'var(--plasma-typo-h3-bold-font-size)', + fontStyle: 'var(--plasma-typo-h3-bold-font-style)', + fontWeight: 'var(--plasma-typo-h3-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-bold-line-height)', +}; + +/** typography s header-h4 */ +export const h4 = { + fontFamily: 'var(--plasma-typo-h4-font-family)', + fontSize: 'var(--plasma-typo-h4-font-size)', + fontStyle: 'var(--plasma-typo-h4-font-style)', + fontWeight: 'var(--plasma-typo-h4-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-line-height)', +}; + +/** typography s header-h4-bold */ +export const h4Bold = { + fontFamily: 'var(--plasma-typo-h4-bold-font-family)', + fontSize: 'var(--plasma-typo-h4-bold-font-size)', + fontStyle: 'var(--plasma-typo-h4-bold-font-style)', + fontWeight: 'var(--plasma-typo-h4-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-bold-line-height)', +}; + +/** typography s header-h5 */ +export const h5 = { + fontFamily: 'var(--plasma-typo-h5-font-family)', + fontSize: 'var(--plasma-typo-h5-font-size)', + fontStyle: 'var(--plasma-typo-h5-font-style)', + fontWeight: 'var(--plasma-typo-h5-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-line-height)', +}; + +/** typography s header-h5-bold */ +export const h5Bold = { + fontFamily: 'var(--plasma-typo-h5-bold-font-family)', + fontSize: 'var(--plasma-typo-h5-bold-font-size)', + fontStyle: 'var(--plasma-typo-h5-bold-font-style)', + fontWeight: 'var(--plasma-typo-h5-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-bold-line-height)', +}; + +/** typography s body-l */ +export const bodyL = { + fontFamily: 'var(--plasma-typo-body-l-font-family)', + fontSize: 'var(--plasma-typo-body-l-font-size)', + fontStyle: 'var(--plasma-typo-body-l-font-style)', + fontWeight: 'var(--plasma-typo-body-l-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-line-height)', +}; + +/** typography s body-l-bold */ +export const bodyLBold = { + fontFamily: 'var(--plasma-typo-body-l-bold-font-family)', + fontSize: 'var(--plasma-typo-body-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-bold-line-height)', +}; + +/** typography s body-m */ +export const bodyM = { + fontFamily: 'var(--plasma-typo-body-m-font-family)', + fontSize: 'var(--plasma-typo-body-m-font-size)', + fontStyle: 'var(--plasma-typo-body-m-font-style)', + fontWeight: 'var(--plasma-typo-body-m-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-line-height)', +}; + +/** typography s body-m-bold */ +export const bodyMBold = { + fontFamily: 'var(--plasma-typo-body-m-bold-font-family)', + fontSize: 'var(--plasma-typo-body-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-bold-line-height)', +}; + +/** typography s body-s */ +export const bodyS = { + fontFamily: 'var(--plasma-typo-body-s-font-family)', + fontSize: 'var(--plasma-typo-body-s-font-size)', + fontStyle: 'var(--plasma-typo-body-s-font-style)', + fontWeight: 'var(--plasma-typo-body-s-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-line-height)', +}; + +/** typography s body-s-bold */ +export const bodySBold = { + fontFamily: 'var(--plasma-typo-body-s-bold-font-family)', + fontSize: 'var(--plasma-typo-body-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-bold-line-height)', +}; + +/** typography s body-xs */ +export const bodyXS = { + fontFamily: 'var(--plasma-typo-body-xs-font-family)', + fontSize: 'var(--plasma-typo-body-xs-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-line-height)', +}; + +/** typography s body-xs-bold */ +export const bodyXSBold = { + fontFamily: 'var(--plasma-typo-body-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-bold-line-height)', +}; + +/** typography s body-xxs */ +export const bodyXXS = { + fontFamily: 'var(--plasma-typo-body-xxs-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-line-height)', +}; + +/** typography s body-xxs-bold */ +export const bodyXXSBold = { + fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-bold-line-height)', +}; + +/** typography s text-l */ +export const textL = { + fontFamily: 'var(--plasma-typo-text-l-font-family)', + fontSize: 'var(--plasma-typo-text-l-font-size)', + fontStyle: 'var(--plasma-typo-text-l-font-style)', + fontWeight: 'var(--plasma-typo-text-l-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-line-height)', +}; + +/** typography s text-l-bold */ +export const textLBold = { + fontFamily: 'var(--plasma-typo-text-l-bold-font-family)', + fontSize: 'var(--plasma-typo-text-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-bold-line-height)', +}; + +/** typography s text-m */ +export const textM = { + fontFamily: 'var(--plasma-typo-text-m-font-family)', + fontSize: 'var(--plasma-typo-text-m-font-size)', + fontStyle: 'var(--plasma-typo-text-m-font-style)', + fontWeight: 'var(--plasma-typo-text-m-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-line-height)', +}; + +/** typography s text-m-bold */ +export const textMBold = { + fontFamily: 'var(--plasma-typo-text-m-bold-font-family)', + fontSize: 'var(--plasma-typo-text-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-bold-line-height)', +}; + +/** typography s text-s */ +export const textS = { + fontFamily: 'var(--plasma-typo-text-s-font-family)', + fontSize: 'var(--plasma-typo-text-s-font-size)', + fontStyle: 'var(--plasma-typo-text-s-font-style)', + fontWeight: 'var(--plasma-typo-text-s-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-line-height)', +}; + +/** typography s text-s-bold */ +export const textSBold = { + fontFamily: 'var(--plasma-typo-text-s-bold-font-family)', + fontSize: 'var(--plasma-typo-text-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-bold-line-height)', +}; + +/** typography s text-xs */ +export const textXS = { + fontFamily: 'var(--plasma-typo-text-xs-font-family)', + fontSize: 'var(--plasma-typo-text-xs-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-line-height)', +}; + +/** typography s text-xs-bold */ +export const textXSBold = { + fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-text-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)', +}; diff --git a/packages/themes/sdds-themes/src/tokens/sdds_dfa/index.ts b/packages/themes/sdds-themes/src/tokens/sdds_dfa/index.ts new file mode 100644 index 0000000000..7173507555 --- /dev/null +++ b/packages/themes/sdds-themes/src/tokens/sdds_dfa/index.ts @@ -0,0 +1,1848 @@ +// Generated by robots, do not change this manually! + +/** Основной цвет текста */ +export const textPrimaryHover = 'var(--text-primary-hover, #F5F5F593)'; + +/** Основной цвет текста */ +export const textPrimaryActive = 'var(--text-primary-active, #F5F5F5C4)'; + +/** Вторичный цвет текста */ +export const textSecondaryHover = 'var(--text-secondary-hover, #F5F5F5FF)'; + +/** Вторичный цвет текста */ +export const textSecondaryActive = 'var(--text-secondary-active, #F5F5F5AB)'; + +/** Третичный цвет текста */ +export const textTertiaryHover = 'var(--text-tertiary-hover, #F5F5F5FF)'; + +/** Третичный цвет текста */ +export const textTertiaryActive = 'var(--text-tertiary-active, #F5F5F556)'; + +/** Сплошной наборный текст */ +export const textParagraphHover = 'var(--text-paragraph-hover, #F5F5F57A)'; + +/** Сплошной наборный текст */ +export const textParagraphActive = 'var(--text-paragraph-active, #F5F5F5A3)'; + +/** Акцентный цвет */ +export const textAccentHover = 'var(--text-accent-hover, #17E8ADFF)'; + +/** Акцентный цвет */ +export const textAccentActive = 'var(--text-accent-active, #11B083FF)'; + +/** Акцентный минорный цвет */ +export const textAccentMinorHover = 'var(--text-accent-minor-hover, #ABFCE5FF)'; + +/** Акцентный минорный цвет */ +export const textAccentMinorActive = 'var(--text-accent-minor-active, #70FAD3FF)'; + +/** Цвет успеха */ +export const textPositiveHover = 'var(--text-positive-hover, #2ACB47FF)'; + +/** Цвет успеха */ +export const textPositiveActive = 'var(--text-positive-active, #1F9835FF)'; + +/** Цвет предупреждения */ +export const textWarningHover = 'var(--text-warning-hover, #FF8442FF)'; + +/** Цвет предупреждения */ +export const textWarningActive = 'var(--text-warning-active, #FF5D05FF)'; + +/** Цвет ошибки */ +export const textNegativeHover = 'var(--text-negative-hover, #FF5C6CFF)'; + +/** Цвет ошибки */ +export const textNegativeActive = 'var(--text-negative-active, #FF1F35FF)'; + +/** Цвет информации */ +export const textInfoHover = 'var(--text-info-hover, #50B1F2FF)'; + +/** Цвет информации */ +export const textInfoActive = 'var(--text-info-active, #0F7BC2FF)'; + +/** Минорный цвет успеха */ +export const textPositiveMinorHover = 'var(--text-positive-minor-hover, #64F77FFF)'; + +/** Минорный цвет успеха */ +export const textPositiveMinorActive = 'var(--text-positive-minor-active, #81F897FF)'; + +/** Минорный цвет предупреждения */ +export const textWarningMinorHover = 'var(--text-warning-minor-hover, #FDBC96FF)'; + +/** Минорный цвет предупреждения */ +export const textWarningMinorActive = 'var(--text-warning-minor-active, #FDCFB4FF)'; + +/** Минорный цвет ошибки */ +export const textNegativeMinorHover = 'var(--text-negative-minor-hover, #FFA3ACFF)'; + +/** Минорный цвет ошибки */ +export const textNegativeMinorActive = 'var(--text-negative-minor-active, #FFC2C8FF)'; + +/** Минорный цвет информации */ +export const textInfoMinorHover = 'var(--text-info-minor-hover, #94D4FFFF)'; + +/** Минорный цвет информации */ +export const textInfoMinorActive = 'var(--text-info-minor-active, #B3E0FFFF)'; + +/** Основной цвет текста */ +export const textPrimary = 'var(--text-primary, #F5F5F5F5)'; + +/** Вторичный цвет текста */ +export const textSecondary = 'var(--text-secondary, #F5F5F58F)'; + +/** Третичный цвет текста */ +export const textTertiary = 'var(--text-tertiary, #F5F5F547)'; + +/** Сплошной наборный текст */ +export const textParagraph = 'var(--text-paragraph, #F5F5F5CC)'; + +/** Акцентный цвет */ +export const textAccent = 'var(--text-accent, #14CC98)'; + +/** Цвет успеха */ +export const textPositive = 'var(--text-positive, #24B23E)'; + +/** Цвет предупреждения */ +export const textWarning = 'var(--text-warning, #FF7024)'; + +/** Цвет ошибки */ +export const textNegative = 'var(--text-negative, #FF3D51)'; + +/** Основной цвет текста на темном фоне */ +export const onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #F5F5F593)'; + +/** Основной цвет текста на темном фоне */ +export const onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #F5F5F5C4)'; + +/** Вторичный цвет текста на темном фоне */ +export const onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #F5F5F5FF)'; + +/** Вторичный цвет текста на темном фоне */ +export const onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #F5F5F5AB)'; + +/** Третичный цвет текста на темном фоне */ +export const onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #F5F5F5FF)'; + +/** Третичный цвет текста на темном фоне */ +export const onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #F5F5F556)'; + +/** Сплошной наборный текст на темном фоне */ +export const onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F5F5F57A)'; + +/** Сплошной наборный текст на темном фоне */ +export const onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #F5F5F5A3)'; + +/** Акцентный цвет на темном фоне */ +export const onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #17E8ADFF)'; + +/** Акцентный цвет на темном фоне */ +export const onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #11B083FF)'; + +/** Акцентный минорный цвет на темном фоне */ +export const onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #ABFCE5FF)'; + +/** Акцентный минорный цвет на темном фоне */ +export const onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #70FAD3FF)'; + +/** Цвет успеха на темном фоне */ +export const onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #2ACB47FF)'; + +/** Цвет успеха на темном фоне */ +export const onDarkTextPositiveActive = 'var(--on-dark-text-positive-active, #1F9835FF)'; + +/** Цвет предупреждения на темном фоне */ +export const onDarkTextWarningHover = 'var(--on-dark-text-warning-hover, #FF8442FF)'; + +/** Цвет предупреждения на темном фоне */ +export const onDarkTextWarningActive = 'var(--on-dark-text-warning-active, #FF5D05FF)'; + +/** Цвет ошибки на темном фоне */ +export const onDarkTextNegativeHover = 'var(--on-dark-text-negative-hover, #FF5C6CFF)'; + +/** Цвет ошибки на темном фоне */ +export const onDarkTextNegativeActive = 'var(--on-dark-text-negative-active, #FF1F35FF)'; + +/** Цвет информации на темном фоне */ +export const onDarkTextInfoHover = 'var(--on-dark-text-info-hover, #50B1F2FF)'; + +/** Цвет информации на темном фоне */ +export const onDarkTextInfoActive = 'var(--on-dark-text-info-active, #0F7BC2FF)'; + +/** Минорный цвет успеха на темном фоне */ +export const onDarkTextPositiveMinorHover = 'var(--on-dark-text-positive-minor-hover, #64F77FFF)'; + +/** Минорный цвет успеха на темном фоне */ +export const onDarkTextPositiveMinorActive = 'var(--on-dark-text-positive-minor-active, #81F897FF)'; + +/** Минорный цвет предупреждения на темном фоне */ +export const onDarkTextWarningMinorHover = 'var(--on-dark-text-warning-minor-hover, #FDBC96FF)'; + +/** Минорный цвет предупреждения на темном фоне */ +export const onDarkTextWarningMinorActive = 'var(--on-dark-text-warning-minor-active, #FDCFB4FF)'; + +/** Минорный цвет ошибки на темном фоне */ +export const onDarkTextNegativeMinorHover = 'var(--on-dark-text-negative-minor-hover, #FFA3ACFF)'; + +/** Минорный цвет ошибки на темном фоне */ +export const onDarkTextNegativeMinorActive = 'var(--on-dark-text-negative-minor-active, #FFC2C8FF)'; + +/** Минорный цвет информации на темном фоне */ +export const onDarkTextInfoMinorHover = 'var(--on-dark-text-info-minor-hover, #94D4FFFF)'; + +/** Минорный цвет информации на темном фоне */ +export const onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active, #B3E0FFFF)'; + +/** Основной цвет текста на темном фоне */ +export const onDarkTextPrimary = 'var(--on-dark-text-primary, #F5F5F5F5)'; + +/** Вторичный цвет текста на темном фоне */ +export const onDarkTextSecondary = 'var(--on-dark-text-secondary, #F5F5F58F)'; + +/** Третичный цвет текста на темном фоне */ +export const onDarkTextTertiary = 'var(--on-dark-text-tertiary, #F5F5F547)'; + +/** Сплошной наборный текст на темном фоне */ +export const onDarkTextParagraph = 'var(--on-dark-text-paragraph, #F5F5F5CC)'; + +/** Акцентный цвет на темном фоне */ +export const onDarkTextAccent = 'var(--on-dark-text-accent, #14CC98)'; + +/** Цвет успеха на темном фоне */ +export const onDarkTextPositive = 'var(--on-dark-text-positive, #24B23E)'; + +/** Цвет предупреждения на темном фоне */ +export const onDarkTextWarning = 'var(--on-dark-text-warning, #FF7024)'; + +/** Цвет ошибки на темном фоне */ +export const onDarkTextNegative = 'var(--on-dark-text-negative, #FF3D51)'; + +/** Основной цвет текста на светлом фоне */ +export const onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #17171793)'; + +/** Основной цвет текста на светлом фоне */ +export const onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #171717C4)'; + +/** Вторичный цвет текста на светлом фоне */ +export const onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #171717FF)'; + +/** Вторичный цвет текста на светлом фоне */ +export const onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #171717AB)'; + +/** Третичный цвет текста на светлом фоне */ +export const onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #171717FF)'; + +/** Третичный цвет текста на светлом фоне */ +export const onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #17171756)'; + +/** Сплошной наборный текст на светлом фоне */ +export const onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #1717177A)'; + +/** Сплошной наборный текст на светлом фоне */ +export const onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #171717A3)'; + +/** Акцентный цвет на светлом фоне */ +export const onLightTextAccentHover = 'var(--on-light-text-accent-hover, #06B785FF)'; + +/** Акцентный цвет на светлом фоне */ +export const onLightTextAccentActive = 'var(--on-light-text-accent-active, #047C5AFF)'; + +/** Акцентный минорный цвет на светлом фоне */ +export const onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #10604AFF)'; + +/** Акцентный минорный цвет на светлом фоне */ +export const onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #0B4636FF)'; + +/** Цвет успеха на светлом фоне */ +export const onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #1EB83AFF)'; + +/** Цвет успеха на светлом фоне */ +export const onLightTextPositiveActive = 'var(--on-light-text-positive-active, #15842AFF)'; + +/** Цвет предупреждения на светлом фоне */ +export const onLightTextWarningHover = 'var(--on-light-text-warning-hover, #FB7223FF)'; + +/** Цвет предупреждения на светлом фоне */ +export const onLightTextWarningActive = 'var(--on-light-text-warning-active, #DC5304FF)'; + +/** Цвет ошибки на светлом фоне */ +export const onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #FF475AFF)'; + +/** Цвет ошибки на светлом фоне */ +export const onLightTextNegativeActive = 'var(--on-light-text-negative-active, #FF0A23FF)'; + +/** Цвет информации на светлом фоне */ +export const onLightTextInfoHover = 'var(--on-light-text-info-hover, #34A7F4FF)'; + +/** Цвет информации на светлом фоне */ +export const onLightTextInfoActive = 'var(--on-light-text-info-active, #096CAEFF)'; + +/** Минорный цвет успеха на светлом фоне */ +export const onLightTextPositiveMinorHover = 'var(--on-light-text-positive-minor-hover, #155B22FF)'; + +/** Минорный цвет успеха на светлом фоне */ +export const onLightTextPositiveMinorActive = 'var(--on-light-text-positive-minor-active, #104219FF)'; + +/** Минорный цвет предупреждения на светлом фоне */ +export const onLightTextWarningMinorHover = 'var(--on-light-text-warning-minor-hover, #723613FF)'; + +/** Минорный цвет предупреждения на светлом фоне */ +export const onLightTextWarningMinorActive = 'var(--on-light-text-warning-minor-active, #58290EFF)'; + +/** Минорный цвет ошибки на светлом фоне */ +export const onLightTextNegativeMinorHover = 'var(--on-light-text-negative-minor-hover, #7E1621FF)'; + +/** Минорный цвет ошибки на светлом фоне */ +export const onLightTextNegativeMinorActive = 'var(--on-light-text-negative-minor-active, #64121AFF)'; + +/** Минорный цвет информации на светлом фоне */ +export const onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover, #174B6EFF)'; + +/** Минорный цвет информации на светлом фоне */ +export const onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active, #113A55FF)'; + +/** Основной цвет текста на светлом фоне */ +export const onLightTextPrimary = 'var(--on-light-text-primary, #171717F5)'; + +/** Вторичный цвет текста на светлом фоне */ +export const onLightTextSecondary = 'var(--on-light-text-secondary, #1717178F)'; + +/** Третичный цвет текста на светлом фоне */ +export const onLightTextTertiary = 'var(--on-light-text-tertiary, #17171747)'; + +/** Сплошной наборный текст на светлом фоне */ +export const onLightTextParagraph = 'var(--on-light-text-paragraph, #171717CC)'; + +/** Акцентный цвет на светлом фоне */ +export const onLightTextAccent = 'var(--on-light-text-accent, #05996F)'; + +/** Цвет успеха на светлом фоне */ +export const onLightTextPositive = 'var(--on-light-text-positive, #1A9E32)'; + +/** Цвет предупреждения на светлом фоне */ +export const onLightTextWarning = 'var(--on-light-text-warning, #FA5F05)'; + +/** Цвет ошибки на светлом фоне */ +export const onLightTextNegative = 'var(--on-light-text-negative, #FF293E)'; + +/** Инвертированный основной цвет текста */ +export const inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #17171793)'; + +/** Инвертированный основной цвет текста */ +export const inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #171717C4)'; + +/** Инвертированный вторичный цвет текста */ +export const inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #171717FF)'; + +/** Инвертированный вторичный цвет текста */ +export const inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #171717AB)'; + +/** Инвертированный третичный цвет текста */ +export const inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #171717FF)'; + +/** Инвертированный третичный цвет текста */ +export const inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #17171756)'; + +/** Инвертированный сплошной наборный текст */ +export const inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #1717177A)'; + +/** Инвертированный сплошной наборный текст */ +export const inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #171717A3)'; + +/** Инвертированный акцентный цвет */ +export const inverseTextAccentHover = 'var(--inverse-text-accent-hover, #06B785FF)'; + +/** Инвертированный акцентный цвет */ +export const inverseTextAccentActive = 'var(--inverse-text-accent-active, #047C5AFF)'; + +/** Инвертированный минорный акцентный цвет */ +export const inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #10604AFF)'; + +/** Инвертированный минорный акцентный цвет */ +export const inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #0B4636FF)'; + +/** Инвертированный цвет успеха */ +export const inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #1EB83AFF)'; + +/** Инвертированный цвет успеха */ +export const inverseTextPositiveActive = 'var(--inverse-text-positive-active, #15842AFF)'; + +/** Инвертированный цвет предупреждения */ +export const inverseTextWarningHover = 'var(--inverse-text-warning-hover, #FB7223FF)'; + +/** Инвертированный цвет предупреждения */ +export const inverseTextWarningActive = 'var(--inverse-text-warning-active, #DC5304FF)'; + +/** Инвертированный цвет ошибки */ +export const inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #FF475AFF)'; + +/** Инвертированный цвет ошибки */ +export const inverseTextNegativeActive = 'var(--inverse-text-negative-active, #FF0A23FF)'; + +/** Инвертированный цвет информации */ +export const inverseTextInfoHover = 'var(--inverse-text-info-hover, #34A7F4FF)'; + +/** Инвертированный цвет информации */ +export const inverseTextInfoActive = 'var(--inverse-text-info-active, #096CAEFF)'; + +/** Инвертированный минорный цвет успеха */ +export const inverseTextPositiveMinorHover = 'var(--inverse-text-positive-minor-hover, #155B22FF)'; + +/** Инвертированный минорный цвет успеха */ +export const inverseTextPositiveMinorActive = 'var(--inverse-text-positive-minor-active, #104219FF)'; + +/** Инвертированный минорный цвет предупреждения */ +export const inverseTextWarningMinorHover = 'var(--inverse-text-warning-minor-hover, #723613FF)'; + +/** Инвертированный минорный цвет предупреждения */ +export const inverseTextWarningMinorActive = 'var(--inverse-text-warning-minor-active, #58290EFF)'; + +/** Инвертированный минорный цвет ошибки */ +export const inverseTextNegativeMinorHover = 'var(--inverse-text-negative-minor-hover, #7E1621FF)'; + +/** Инвертированный минорный цвет ошибки */ +export const inverseTextNegativeMinorActive = 'var(--inverse-text-negative-minor-active, #64121AFF)'; + +/** Инвертированный минорный цвет информации */ +export const inverseTextInfoMinorHover = 'var(--inverse-text-info-minor-hover, #174B6EFF)'; + +/** Инвертированный минорный цвет информации */ +export const inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active, #113A55FF)'; + +/** Инвертированный основной цвет текста */ +export const inverseTextPrimary = 'var(--inverse-text-primary, #171717F5)'; + +/** Инвертированный вторичный цвет текста */ +export const inverseTextSecondary = 'var(--inverse-text-secondary, #1717178F)'; + +/** Инвертированный третичный цвет текста */ +export const inverseTextTertiary = 'var(--inverse-text-tertiary, #17171747)'; + +/** Инвертированный сплошной наборный текст */ +export const inverseTextParagraph = 'var(--inverse-text-paragraph, #171717CC)'; + +/** Инвертированный акцентный цвет */ +export const inverseTextAccent = 'var(--inverse-text-accent, #05996F)'; + +/** Инвертированный цвет успеха */ +export const inverseTextPositive = 'var(--inverse-text-positive, #1A9E32)'; + +/** Инвертированный цвет предупреждения */ +export const inverseTextWarning = 'var(--inverse-text-warning, #FA5F05)'; + +/** Инвертированный цвет ошибки */ +export const inverseTextNegative = 'var(--inverse-text-negative, #FF293E)'; + +/** Основной непрозрачный фон поверхности/контрола */ +export const surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #1C1C1CFF)'; + +/** Основной непрозрачный фон поверхности/контрола */ +export const surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #121212FF)'; + +/** Вторичный непрозрачный фон поверхности/контрола */ +export const surfaceSolidSecondaryHover = 'var(--surface-solid-secondary-hover, #303030FF)'; + +/** Вторичный непрозрачный фон поверхности/контрола */ +export const surfaceSolidSecondaryActive = 'var(--surface-solid-secondary-active, #212121FF)'; + +/** Третичный непрозрачный фон поверхности/контрола */ +export const surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover, #404040FF)'; + +/** Третичный непрозрачный фон поверхности/контрола */ +export const surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #303030FF)'; + +/** Основной фон для карточек */ +export const surfaceSolidCardHover = 'var(--surface-solid-card-hover, #303030FF)'; + +/** Основной фон для карточек */ +export const surfaceSolidCardActive = 'var(--surface-solid-card-active, #212121FF)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию */ +export const surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFFFFFFF)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию */ +export const surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #F5F5F5FF)'; + +/** Основной прозрачный фон поверхности/контрола */ +export const surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #FFFFFF1F)'; + +/** Основной прозрачный фон поверхности/контрола */ +export const surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFF0A)'; + +/** Вторичный прозрачный фон поверхности/контрола */ +export const surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF3D)'; + +/** Вторичный прозрачный фон поверхности/контрола */ +export const surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF0F)'; + +/** Третичный прозрачный фон поверхности/контрола */ +export const surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFF52)'; + +/** Третичный прозрачный фон поверхности/контрола */ +export const surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FFFFFF24)'; + +/** Глубокий прозрачный фон поверхности/контрола */ +export const surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #FFFFFFC2)'; + +/** Глубокий прозрачный фон поверхности/контрола */ +export const surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #FFFFFF94)'; + +/** Прозрачный фон для карточек */ +export const surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #FFFFFF3D)'; + +/** Прозрачный фон для карточек */ +export const surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #FFFFFF0F)'; + +/** Фон поверхности/контрола без заливки */ +export const surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)'; + +/** Фон поверхности/контрола без заливки */ +export const surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)'; + +/** Акцентный фон поверхности/контрола */ +export const surfaceAccentHover = 'var(--surface-accent-hover, #00C28BFF)'; + +/** Акцентный фон поверхности/контрола */ +export const surfaceAccentActive = 'var(--surface-accent-active, #00A375FF)'; + +/** Акцентный минорный непрозрачный фон поверхности/контрола */ +export const surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #0A3D2FFF)'; + +/** Акцентный минорный непрозрачный фон поверхности/контрола */ +export const surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #06231BFF)'; + +/** Прозрачный акцентный фон поверхности/контрола */ +export const surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #14CC9866)'; + +/** Прозрачный акцентный фон поверхности/контрола */ +export const surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #14CC9838)'; + +/** Цвет фона поверхности/контрола успех */ +export const surfacePositiveHover = 'var(--surface-positive-hover, #28C344FF)'; + +/** Цвет фона поверхности/контрола успех */ +export const surfacePositiveActive = 'var(--surface-positive-active, #23A93BFF)'; + +/** Цвет фона поверхности/контрола предупреждение */ +export const surfaceWarningHover = 'var(--surface-warning-hover, #FF8442FF)'; + +/** Цвет фона поверхности/контрола предупреждение */ +export const surfaceWarningActive = 'var(--surface-warning-active, #FF6A1AFF)'; + +/** Цвет фона поверхности/контрола ошибка */ +export const surfaceNegativeHover = 'var(--surface-negative-hover, #FF5C6CFF)'; + +/** Цвет фона поверхности/контрола ошибка */ +export const surfaceNegativeActive = 'var(--surface-negative-active, #FF3347FF)'; + +/** Цвет фона поверхности/контрола информация */ +export const surfaceInfoHover = 'var(--surface-info-hover, #1798EEFF)'; + +/** Цвет фона поверхности/контрола информация */ +export const surfaceInfoActive = 'var(--surface-info-active, #1086D5FF)'; + +/** Минорный цвет фона поверхности/контрола успех */ +export const surfacePositiveMinorHover = 'var(--surface-positive-minor-hover, #0E3A16FF)'; + +/** Минорный цвет фона поверхности/контрола успех */ +export const surfacePositiveMinorActive = 'var(--surface-positive-minor-active, #08210CFF)'; + +/** Минорный цвет фона поверхности/контрола предупреждение */ +export const surfaceWarningMinorHover = 'var(--surface-warning-minor-hover, #4F250DFF)'; + +/** Минорный цвет фона поверхности/контрола предупреждение */ +export const surfaceWarningMinorActive = 'var(--surface-warning-minor-active, #351909FF)'; + +/** Минорный цвет фона поверхности/контрола ошибка */ +export const surfaceNegativeMinorHover = 'var(--surface-negative-minor-hover, #5B1018FF)'; + +/** Минорный цвет фона поверхности/контрола ошибка */ +export const surfaceNegativeMinorActive = 'var(--surface-negative-minor-active, #410B11FF)'; + +/** Минорный цвет фона поверхности/контрола информация */ +export const surfaceInfoMinorHover = 'var(--surface-info-minor-hover, #10344CFF)'; + +/** Минорный цвет фона поверхности/контрола информация */ +export const surfaceInfoMinorActive = 'var(--surface-info-minor-active, #0A2333FF)'; + +/** Прозрачный цвет фона поверхности/контрола успех */ +export const surfaceTransparentPositiveHover = 'var(--surface-transparent-positive-hover, #1A9E3266)'; + +/** Прозрачный цвет фона поверхности/контрола успех */ +export const surfaceTransparentPositiveActive = 'var(--surface-transparent-positive-active, #1A9E3238)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение */ +export const surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover, #FA5F0566)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение */ +export const surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active, #FA5F0538)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение */ +export const surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #FF293E66)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение */ +export const surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #FF293E38)'; + +/** Прозрачный цвет фона поверхности/контрола информация */ +export const surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover, #118CDF66)'; + +/** Прозрачный цвет фона поверхности/контрола информация */ +export const surfaceTransparentInfoActive = 'var(--surface-transparent-info-active, #118CDF38)'; + +/** Фон поверхности/контрола без заливки */ +export const surfaceClear = 'var(--surface-clear, #FFFFFF00)'; + +/** Основной фон для карточек */ +export const surfaceSolidCard = 'var(--surface-solid-card, #262626)'; + +/** Основной непрозрачный фон поверхности/контрола */ +export const surfaceSolidPrimary = 'var(--surface-solid-primary, #171717)'; + +/** Вторичный непрозрачный фон поверхности/контрола */ +export const surfaceSolidSecondary = 'var(--surface-solid-secondary, #262626)'; + +/** Третичный непрозрачный фон поверхности/контрола */ +export const surfaceSolidTertiary = 'var(--surface-solid-tertiary, #363636)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию */ +export const surfaceSolidDefault = 'var(--surface-solid-default, #F9F9F9)'; + +/** Акцентный фон поверхности/контрола */ +export const surfaceAccent = 'var(--surface-accent, #00AC7B)'; + +/** Цвет фона поверхности/контрола успех */ +export const surfacePositive = 'var(--surface-positive, #24B23E)'; + +/** Цвет фона поверхности/контрола предупреждение */ +export const surfaceWarning = 'var(--surface-warning, #FF7024)'; + +/** Цвет фона поверхности/контрола ошибка */ +export const surfaceNegative = 'var(--surface-negative, #FF3D51)'; + +/** Прозрачный фон для карточек */ +export const surfaceTransparentCard = 'var(--surface-transparent-card, #FFFFFF1F)'; + +/** Основной прозрачный фон поверхности/контрола */ +export const surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF0F)'; + +/** Вторичный прозрачный фон поверхности/контрола */ +export const surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #FFFFFF1F)'; + +/** Третичный прозрачный фон поверхности/контрола */ +export const surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #FFFFFF33)'; + +/** Глубокий прозрачный фон поверхности/контрола */ +export const surfaceTransparentDeep = 'var(--surface-transparent-deep, #FFFFFFA3)'; + +/** Основной непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #1C1C1CFF)'; + +/** Основной непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-active, #121212FF)'; + +/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover, #303030FF)'; + +/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidSecondaryActive = 'var(--on-dark-surface-solid-secondary-active, #212121FF)'; + +/** Третичный непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #404040FF)'; + +/** Третичный непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #303030FF)'; + +/** Основной фон для карточек на темном фоне */ +export const onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #303030FF)'; + +/** Основной фон для карточек на темном фоне */ +export const onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active, #212121FF)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */ +export const onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover, #FFFFFFFF)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */ +export const onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active, #F5F5F5FF)'; + +/** Основной прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FFFFFF1F)'; + +/** Основной прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFF0A)'; + +/** Вторичный прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF3D)'; + +/** Вторичный прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFF0F)'; + +/** Третичный прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFF52)'; + +/** Третичный прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFF24)'; + +/** Глубокий прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #FFFFFFC2)'; + +/** Глубокий прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #FFFFFF94)'; + +/** Прозрачный фон для карточек на темном фоне */ +export const onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FFFFFF3D)'; + +/** Прозрачный фон для карточек на темном фоне */ +export const onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FFFFFF0F)'; + +/** Фон поверхности/контрола без заливки на темном фоне */ +export const onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover, #FFFFFF00)'; + +/** Фон поверхности/контрола без заливки на темном фоне */ +export const onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active, #FFFFFF00)'; + +/** Акцентный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #00C28BFF)'; + +/** Акцентный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #00A375FF)'; + +/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #0A3D2FFF)'; + +/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #06231BFF)'; + +/** Прозрачный акцентный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #14CC9866)'; + +/** Прозрачный акцентный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #14CC9838)'; + +/** Цвет фона поверхности/контрола успех на темном фоне */ +export const onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #28C344FF)'; + +/** Цвет фона поверхности/контрола успех на темном фоне */ +export const onDarkSurfacePositiveActive = 'var(--on-dark-surface-positive-active, #23A93BFF)'; + +/** Цвет фона поверхности/контрола предупреждение на темном фоне */ +export const onDarkSurfaceWarningHover = 'var(--on-dark-surface-warning-hover, #FF8442FF)'; + +/** Цвет фона поверхности/контрола предупреждение на темном фоне */ +export const onDarkSurfaceWarningActive = 'var(--on-dark-surface-warning-active, #FF6A1AFF)'; + +/** Цвет фона поверхности/контрола ошибка на темном фоне */ +export const onDarkSurfaceNegativeHover = 'var(--on-dark-surface-negative-hover, #FF5C6CFF)'; + +/** Цвет фона поверхности/контрола ошибка на темном фоне */ +export const onDarkSurfaceNegativeActive = 'var(--on-dark-surface-negative-active, #FF3347FF)'; + +/** Цвет фона поверхности/контрола информация на темном фоне */ +export const onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover, #1798EEFF)'; + +/** Цвет фона поверхности/контрола информация на темном фоне */ +export const onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active, #1086D5FF)'; + +/** Минорный цвет фона поверхности/контрола успех на темном фоне */ +export const onDarkSurfacePositiveMinorHover = 'var(--on-dark-surface-positive-minor-hover, #0E3A16FF)'; + +/** Минорный цвет фона поверхности/контрола успех на темном фоне */ +export const onDarkSurfacePositiveMinorActive = 'var(--on-dark-surface-positive-minor-active, #08210CFF)'; + +/** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */ +export const onDarkSurfaceWarningMinorHover = 'var(--on-dark-surface-warning-minor-hover, #4F250DFF)'; + +/** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */ +export const onDarkSurfaceWarningMinorActive = 'var(--on-dark-surface-warning-minor-active, #351909FF)'; + +/** Минорный цвет фона поверхности/контрола ошибка на темном фоне */ +export const onDarkSurfaceNegativeMinorHover = 'var(--on-dark-surface-negative-minor-hover, #5B1018FF)'; + +/** Минорный цвет фона поверхности/контрола ошибка на темном фоне */ +export const onDarkSurfaceNegativeMinorActive = 'var(--on-dark-surface-negative-minor-active, #410B11FF)'; + +/** Минорный цвет фона поверхности/контрола информация на темном фоне */ +export const onDarkSurfaceInfoMinorHover = 'var(--on-dark-surface-info-minor-hover, #10344CFF)'; + +/** Минорный цвет фона поверхности/контрола информация на темном фоне */ +export const onDarkSurfaceInfoMinorActive = 'var(--on-dark-surface-info-minor-active, #0A2333FF)'; + +/** Прозрачный цвет фона поверхности/контрола успех на темном фоне */ +export const onDarkSurfaceTransparentPositiveHover = 'var(--on-dark-surface-transparent-positive-hover, #1A9E3266)'; + +/** Прозрачный цвет фона поверхности/контрола успех на темном фоне */ +export const onDarkSurfaceTransparentPositiveActive = 'var(--on-dark-surface-transparent-positive-active, #1A9E3238)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ +export const onDarkSurfaceTransparentWarningHover = 'var(--on-dark-surface-transparent-warning-hover, #FA5F0566)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ +export const onDarkSurfaceTransparentWarningActive = 'var(--on-dark-surface-transparent-warning-active, #FA5F0538)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ +export const onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #FF293E66)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */ +export const onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #FF293E38)'; + +/** Прозрачный цвет фона поверхности/контрола информация на темном фоне */ +export const onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover, #118CDF66)'; + +/** Прозрачный цвет фона поверхности/контрола информация на темном фоне */ +export const onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transparent-info-active, #118CDF38)'; + +/** Фон поверхности/контрола без заливки на темном фоне */ +export const onDarkSurfaceClear = 'var(--on-dark-surface-clear, #FFFFFF00)'; + +/** Основной непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #171717)'; + +/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary, #262626)'; + +/** Третичный непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #363636)'; + +/** Основной фон для карточек на темном фоне */ +export const onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #262626)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */ +export const onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #F9F9F9)'; + +/** Акцентный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #00AC7B)'; + +/** Цвет фона поверхности/контрола успех на темном фоне */ +export const onDarkSurfacePositive = 'var(--on-dark-surface-positive, #24B23E)'; + +/** Цвет фона поверхности/контрола предупреждение на темном фоне */ +export const onDarkSurfaceWarning = 'var(--on-dark-surface-warning, #FF7024)'; + +/** Цвет фона поверхности/контрола ошибка на темном фоне */ +export const onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #FF3D51)'; + +/** Прозрачный фон для карточек на темном фоне */ +export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #FFFFFF1F)'; + +/** Основной прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #FFFFFF0F)'; + +/** Вторичный прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF1F)'; + +/** Третичный прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #FFFFFF33)'; + +/** Глубокий прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #FFFFFFA3)'; + +/** Основной непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #FAFAFAFF)'; + +/** Основной непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active, #F0F0F0FF)'; + +/** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover, #E8E8E8FF)'; + +/** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active, #D9D9D9FF)'; + +/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #D1D1D1FF)'; + +/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #C2C2C2FF)'; + +/** Основной фон для карточек на светлом фоне */ +export const onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover, #FFFFFFFF)'; + +/** Основной фон для карточек на светлом фоне */ +export const onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active, #FFFFFFFF)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ +export const onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #0D0D0DFF)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ +export const onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #030303FF)'; + +/** Основной прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #0808080F)'; + +/** Основной прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #08080800)'; + +/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #0808081F)'; + +/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentSecondaryActive = + 'var(--on-light-surface-transparent-secondary-active, #0808080A)'; + +/** Третичный прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #0808083D)'; + +/** Третичный прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #0808080F)'; + +/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #080808C2)'; + +/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #08080894)'; + +/** Прозрачный фон для карточек на светлом фоне */ +export const onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #FFFFFFFF)'; + +/** Прозрачный фон для карточек на светлом фоне */ +export const onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #FFFFFFFF)'; + +/** Фон поверхности/контрола без заливки на светлом фоне */ +export const onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover, #FFFFFF00)'; + +/** Фон поверхности/контрола без заливки на светлом фоне */ +export const onLightSurfaceClearActive = 'var(--on-light-surface-clear-active, #FFFFFF00)'; + +/** Акцентный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #05AD7EFF)'; + +/** Акцентный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #048F68FF)'; + +/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #7AF5D2FF)'; + +/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #4BF1C2FF)'; + +/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #05996F66)'; + +/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #05996F38)'; + +/** Цвет фона поверхности/контрола успех на светлом фоне */ +export const onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1DAF37FF)'; + +/** Цвет фона поверхности/контрола успех на светлом фоне */ +export const onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active, #18952FFF)'; + +/** Цвет фона поверхности/контрола предупреждение на светлом фоне */ +export const onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover, #FB7223FF)'; + +/** Цвет фона поверхности/контрола предупреждение на светлом фоне */ +export const onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active, #F05B05FF)'; + +/** Цвет фона поверхности/контрола ошибка на светлом фоне */ +export const onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #FF475AFF)'; + +/** Цвет фона поверхности/контрола ошибка на светлом фоне */ +export const onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #FF1F35FF)'; + +/** Цвет фона поверхности/контрола информация на светлом фоне */ +export const onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #1798EEFF)'; + +/** Цвет фона поверхности/контрола информация на светлом фоне */ +export const onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #1086D5FF)'; + +/** Минорный цвет фона поверхности/контрола успех на светлом фоне */ +export const onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #8AF59DFF)'; + +/** Минорный цвет фона поверхности/контрола успех на светлом фоне */ +export const onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active, #6EF286FF)'; + +/** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */ +export const onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FFDECCFF)'; + +/** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */ +export const onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FFCAADFF)'; + +/** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */ +export const onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FED7DBFF)'; + +/** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */ +export const onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active, #FEC3C9FF)'; + +/** Минорный цвет фона поверхности/контрола информация на светлом фоне */ +export const onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover, #C7E9FFFF)'; + +/** Минорный цвет фона поверхности/контрола информация на светлом фоне */ +export const onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #A8DCFFFF)'; + +/** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */ +export const onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover, #1A9E3266)'; + +/** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */ +export const onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active, #1A9E3238)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ +export const onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover, #FA5F0566)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ +export const onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active, #FA5F0538)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ +export const onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #FF293E66)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ +export const onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #FF293E38)'; + +/** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */ +export const onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover, #118CDF66)'; + +/** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */ +export const onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active, #118CDF38)'; + +/** Основной непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #F5F5F5)'; + +/** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary, #DDDDDD)'; + +/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #C7C7C7)'; + +/** Основной фон для карточек на светлом фоне */ +export const onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #FFFFFFFF)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ +export const onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #080808)'; + +/** Фон поверхности/контрола без заливки на светлом фоне */ +export const onLightSurfaceClear = 'var(--on-light-surface-clear, #FFFFFF00)'; + +/** Акцентный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceAccent = 'var(--on-light-surface-accent, #05996F)'; + +/** Цвет фона поверхности/контрола успех на светлом фоне */ +export const onLightSurfacePositive = 'var(--on-light-surface-positive, #1A9E32)'; + +/** Цвет фона поверхности/контрола предупреждение на светлом фоне */ +export const onLightSurfaceWarning = 'var(--on-light-surface-warning, #FA5F05)'; + +/** Цвет фона поверхности/контрола ошибка на светлом фоне */ +export const onLightSurfaceNegative = 'var(--on-light-surface-negative, #FF293E)'; + +/** Прозрачный фон для карточек на светлом фоне */ +export const onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #FFFFFFFF)'; + +/** Основной прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #08080805)'; + +/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #0808080F)'; + +/** Третичный прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #0808081F)'; + +/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #080808A3)'; + +/** Инвертированный основной непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #FAFAFAFF)'; + +/** Инвертированный основной непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active, #F0F0F0FF)'; + +/** Инвертированный вторичный непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #E8E8E8FF)'; + +/** Инвертированный вторичный непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #D9D9D9FF)'; + +/** Инвертированный третичный непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover, #D1D1D1FF)'; + +/** Инвертированный третичный непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active, #C2C2C2FF)'; + +/** Инвертированный основной фон для карточек */ +export const inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover, #FFFFFFFF)'; + +/** Инвертированный основной фон для карточек */ +export const inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active, #FFFFFFFF)'; + +/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ +export const inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #0D0D0DFF)'; + +/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ +export const inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #030303FF)'; + +/** Инвертированный основной прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #0808080F)'; + +/** Инвертированный основной прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #08080800)'; + +/** Инвертированный вторичный прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #0808081F)'; + +/** Инвертированный вторичный прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentSecondaryActive = + 'var(--inverse-surface-transparent-secondary-active, #0808080A)'; + +/** Инвертированный третичный прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #0808083D)'; + +/** Инвертированный третичный прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #0808080F)'; + +/** Инвертированный глубокий прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #080808C2)'; + +/** Инвертированный глубокий прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #08080894)'; + +/** Инвертированный прозрачный фон для карточек */ +export const inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FFFFFFFF)'; + +/** Инвертированный прозрачный фон для карточек */ +export const inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active, #FFFFFFFF)'; + +/** Инвертированный фон поверхности/контрола без заливки */ +export const inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover, #FFFFFF00)'; + +/** Инвертированный фон поверхности/контрола без заливки */ +export const inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFF00)'; + +/** Инвертированный акцентный фон поверхности/контрола */ +export const inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #05AD7EFF)'; + +/** Инвертированный акцентный фон поверхности/контрола */ +export const inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #048F68FF)'; + +/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */ +export const inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #7AF5D2FF)'; + +/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */ +export const inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #4BF1C2FF)'; + +/** Прозрачный инвертированный акцентный фон поверхности/контрола */ +export const inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #05996F66)'; + +/** Прозрачный инвертированный акцентный фон поверхности/контрола */ +export const inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #05996F38)'; + +/** Инвертированный цвет фона поверхности/контрола успех */ +export const inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #1DAF37FF)'; + +/** Инвертированный цвет фона поверхности/контрола успех */ +export const inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #18952FFF)'; + +/** Инвертированный цвет фона поверхности/контрола предупреждение */ +export const inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #FB7223FF)'; + +/** Инвертированный цвет фона поверхности/контрола предупреждение */ +export const inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #F05B05FF)'; + +/** Инвертированный цвет фона поверхности/контрола ошибка */ +export const inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover, #FF475AFF)'; + +/** Инвертированный цвет фона поверхности/контрола ошибка */ +export const inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #FF1F35FF)'; + +/** Инвертированный цвет фона поверхности/контрола информация */ +export const inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #1798EEFF)'; + +/** Инвертированный цвет фона поверхности/контрола информация */ +export const inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #1086D5FF)'; + +/** Инвертированный минорный цвет фона поверхности/контрола успех */ +export const inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #8AF59DFF)'; + +/** Инвертированный минорный цвет фона поверхности/контрола успех */ +export const inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #6EF286FF)'; + +/** Инвертированный минорный цвет фона поверхности/контрола предупреждение */ +export const inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover, #FFDECCFF)'; + +/** Инвертированный минорный цвет фона поверхности/контрола предупреждение */ +export const inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active, #FFCAADFF)'; + +/** Инвертированный минорный цвет фона поверхности/контрола ошибка */ +export const inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover, #FED7DBFF)'; + +/** Инвертированный минорный цвет фона поверхности/контрола ошибка */ +export const inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active, #FEC3C9FF)'; + +/** Инвертированный минорный цвет фона поверхности/контрола информация */ +export const inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover, #C7E9FFFF)'; + +/** Инвертированный минорный цвет фона поверхности/контрола информация */ +export const inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active, #A8DCFFFF)'; + +/** Прозрачный инвертированный цвет фона поверхности/контрола успех */ +export const inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover, #1A9E3266)'; + +/** Прозрачный инвертированный цвет фона поверхности/контрола успех */ +export const inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active, #1A9E3238)'; + +/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ +export const inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover, #FA5F0566)'; + +/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ +export const inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active, #FA5F0538)'; + +/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ +export const inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #FF293E66)'; + +/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ +export const inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #FF293E38)'; + +/** Прозрачный инвертированный цвет фона поверхности/контрола информация */ +export const inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover, #118CDF66)'; + +/** Прозрачный инвертированный цвет фона поверхности/контрола информация */ +export const inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active, #118CDF38)'; + +/** Инвертированный основной непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #F5F5F5)'; + +/** Инвертированный вторичный непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary, #DDDDDD)'; + +/** Инвертированный третичный непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #C7C7C7)'; + +/** Инвертированный основной фон для карточек */ +export const inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card, #FFFFFFFF)'; + +/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ +export const inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #080808)'; + +/** Инвертированный фон поверхности/контрола без заливки */ +export const inverseSurfaceClear = 'var(--inverse-surface-clear, #FFFFFF00)'; + +/** Инвертированный акцентный фон поверхности/контрола */ +export const inverseSurfaceAccent = 'var(--inverse-surface-accent, #05996F)'; + +/** Инвертированный цвет фона поверхности/контрола успех */ +export const inverseSurfacePositive = 'var(--inverse-surface-positive, #1A9E32)'; + +/** Инвертированный цвет фона поверхности/контрола предупреждение */ +export const inverseSurfaceWarning = 'var(--inverse-surface-warning, #FA5F05)'; + +/** Инвертированный цвет фона поверхности/контрола ошибка */ +export const inverseSurfaceNegative = 'var(--inverse-surface-negative, #FF293E)'; + +/** Инвертированный прозрачный фон для карточек */ +export const inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #FFFFFFFF)'; + +/** Инвертированный основной прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #08080805)'; + +/** Инвертированный вторичный прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #0808080F)'; + +/** Инвертированный третичный прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #0808081F)'; + +/** Инвертированный глубокий прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, #080808A3)'; + +/** Основной фон */ +export const backgroundPrimary = 'var(--background-primary, #171717)'; + +/** Основной фон на темном фоне */ +export const darkBackgroundPrimary = 'var(--dark-background-primary, #171717)'; + +/** Основной фон на светлом фоне */ +export const lightBackgroundPrimary = 'var(--light-background-primary, #F5F5F5)'; + +/** Инвертированный основной фон */ +export const inverseBackgroundPrimary = 'var(--inverse-background-primary, #F5F5F5)'; + +/** Цвет фона паранжи светлый */ +export const overlaySoft = 'var(--overlay-soft, #0808088F)'; + +/** Цвет фона паранжи темный */ +export const overlayHard = 'var(--overlay-hard, #080808F5)'; + +/** Цвет фона паранжи размытый */ +export const overlayBlur = 'var(--overlay-blur, #08080833)'; + +/** Цвет фона паранжи светлый на темном фоне */ +export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #0808088F)'; + +/** Цвет фона паранжи темный на темном фоне */ +export const onDarkOverlayHard = 'var(--on-dark-overlay-hard, #080808F5)'; + +/** Цвет фона паранжи размытый на темном фоне */ +export const onDarkOverlayBlur = 'var(--on-dark-overlay-blur, #08080833)'; + +/** Цвет фона паранжи светлый на светлом фоне */ +export const onLightOverlaySoft = 'var(--on-light-overlay-soft, #F9F9F98F)'; + +/** Цвет фона паранжи темный на светлом фоне */ +export const onLightOverlayHard = 'var(--on-light-overlay-hard, #F9F9F9F5)'; + +/** Цвет фона паранжи размытый на светлом фоне */ +export const onLightOverlayBlur = 'var(--on-light-overlay-blur, #F9F9F933)'; + +/** Инвертированный цвет фона паранжи светлый */ +export const inverseOverlaySoft = 'var(--inverse-overlay-soft, #F9F9F98F)'; + +/** Инвертированный цвет фона паранжи темный */ +export const inverseOverlayHard = 'var(--inverse-overlay-hard, #F9F9F9F5)'; + +/** Инвертированный цвет фона паранжи размытый */ +export const inverseOverlayBlur = 'var(--inverse-overlay-blur, #F9F9F933)'; + +/** Акцентный цвет с градиентом */ +export const textAccentGradientHover = 'var(--text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом */ +export const textAccentGradientActive = 'var(--text-accent-gradient-active, #E6E6E6FF)'; + +/** Акцентный цвет с градиентом */ +export const textAccentGradient = + 'var(--text-accent-gradient, linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%))'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradientActive = 'var(--on-dark-text-accent-gradient-active, #E6E6E6FF)'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradient = + 'var(--on-dark-text-accent-gradient, linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%))'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradientHover = 'var(--on-light-text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradientActive = 'var(--on-light-text-accent-gradient-active, #E6E6E6FF)'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradient = + 'var(--on-light-text-accent-gradient, linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%))'; + +/** Инвертированный акцентный цвет с градиентом */ +export const inverseTextAccentGradientHover = 'var(--inverse-text-accent-gradient-hover, #CCCCCCFF)'; + +/** Инвертированный акцентный цвет с градиентом */ +export const inverseTextAccentGradientActive = 'var(--inverse-text-accent-gradient-active, #E6E6E6FF)'; + +/** Инвертированный акцентный цвет с градиентом */ +export const inverseTextAccentGradient = + 'var(--inverse-text-accent-gradient, linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%))'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradient = + 'var(--surface-accent-gradient, linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%))'; + +/** Фон для скелетона */ +export const surfaceSkeletonGradient = + 'var(--surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))'; + +/** Фон для скелетона */ +export const surfaceSkeletonGradientHover = 'var(--surface-skeleton-gradient-hover, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const surfaceSkeletonGradientActive = 'var(--surface-skeleton-gradient-active, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradient = + 'var(--surface-skeleton-deep-gradient, linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%))'; + +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientHover = 'var(--surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientActive = 'var(--surface-skeleton-deep-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradient = + 'var(--on-dark-surface-accent-gradient, linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%))'; + +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradient = + 'var(--on-dark-surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))'; + +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientHover = 'var(--on-dark-surface-skeleton-gradient-hover, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientActive = 'var(--on-dark-surface-skeleton-gradient-active, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradient = + 'var(--on-dark-surface-skeleton-deep-gradient, linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%))'; + +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientHover = 'var(--on-dark-surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientActive = + 'var(--on-dark-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradient = + 'var(--on-light-surface-accent-gradient, linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%))'; + +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradient = + 'var(--on-light-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))'; + +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientHover = 'var(--on-light-surface-skeleton-gradient-hover, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientActive = 'var(--on-light-surface-skeleton-gradient-active, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradient = + 'var(--on-light-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))'; + +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientHover = + 'var(--on-light-surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientActive = + 'var(--on-light-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; + +/** Инвертированный акцентный фон поверхности/контрола с градиентом */ +export const inverseSurfaceAccentGradientHover = 'var(--inverse-surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Инвертированный акцентный фон поверхности/контрола с градиентом */ +export const inverseSurfaceAccentGradientActive = 'var(--inverse-surface-accent-gradient-active, #FFFFFFFF)'; + +/** Инвертированный акцентный фон поверхности/контрола с градиентом */ +export const inverseSurfaceAccentGradient = + 'var(--inverse-surface-accent-gradient, linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%))'; + +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradient = + 'var(--inverse-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))'; + +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientHover = 'var(--inverse-surface-skeleton-gradient-hover, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientActive = 'var(--inverse-surface-skeleton-gradient-active, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradient = + 'var(--inverse-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))'; + +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientHover = 'var(--inverse-surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientActive = + 'var(--inverse-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; + +/** shadow down soft s */ +export const shadowDownSoftS = 'var(--shadow-down-soft-s, 0px 4px 14px -4px #08080814,0px 1px 4px -1px #0000000A)'; + +/** shadow down soft m */ +export const shadowDownSoftM = 'var(--shadow-down-soft-m, 0px 24px 48px -8px #00000014)'; + +/** shadow down soft l */ +export const shadowDownSoftL = 'var(--shadow-down-soft-l, 0px 60px 112px -8px #00000014)'; + +/** shadow down hard s */ +export const shadowDownHardS = 'var(--shadow-down-hard-s, 0px 4px 12px -3px #08080829,0px 1px 4px -2px #00000014)'; + +/** shadow down hard m */ +export const shadowDownHardM = 'var(--shadow-down-hard-m, 0px 16px 32px -8px #0000003D)'; + +/** shadow down hard l */ +export const shadowDownHardL = 'var(--shadow-down-hard-l, 0px 60px 112px -8px #00000066)'; + +/** shadow up soft s */ +export const shadowUpSoftS = 'var(--shadow-up-soft-s, 0px -4px 14px -4px #08080814,0px -1px 4px -1px #00000008)'; + +/** shadow up soft m */ +export const shadowUpSoftM = 'var(--shadow-up-soft-m, 0px -24px 48px -8px #00000014)'; + +/** shadow up soft l */ +export const shadowUpSoftL = 'var(--shadow-up-soft-l, 0px -60px 112px -8px #00000014)'; + +/** shadow up hard s */ +export const shadowUpHardS = 'var(--shadow-up-hard-s, 0px -4px 12px -3px #08080833,0px -1px 4px -1px #00000008)'; + +/** shadow up hard m */ +export const shadowUpHardM = 'var(--shadow-up-hard-m, 0px -16px 32px -8px #0000003D)'; + +/** shadow up hard l */ +export const shadowUpHardL = 'var(--shadow-up-hard-l, 0px -60px 112px -8px #00000066)'; + +/** borderRadius xxs */ +export const borderRadiusXxs = 'var(--border-radius-xxs, 4px)'; + +/** borderRadius xs */ +export const borderRadiusXs = 'var(--border-radius-xs, 8px)'; + +/** borderRadius s */ +export const borderRadiusS = 'var(--border-radius-s, 12px)'; + +/** borderRadius m */ +export const borderRadiusM = 'var(--border-radius-m, 16px)'; + +/** borderRadius l */ +export const borderRadiusL = 'var(--border-radius-l, 20px)'; + +/** borderRadius xl */ +export const borderRadiusXl = 'var(--border-radius-xl, 24px)'; + +/** borderRadius xxl */ +export const borderRadiusXxl = 'var(--border-radius-xxl, 32px)'; + +/** typography s display-l */ +export const dsplL = { + fontFamily: 'var(--plasma-typo-dspl-l-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-line-height)', +}; + +/** typography s display-l-bold */ +export const dsplLBold = { + fontFamily: 'var(--plasma-typo-dspl-l-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-bold-line-height)', +}; + +/** typography s display-m */ +export const dsplM = { + fontFamily: 'var(--plasma-typo-dspl-m-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-line-height)', +}; + +/** typography s display-m-bold */ +export const dsplMBold = { + fontFamily: 'var(--plasma-typo-dspl-m-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-bold-line-height)', +}; + +/** typography s display-s */ +export const dsplS = { + fontFamily: 'var(--plasma-typo-dspl-s-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-line-height)', +}; + +/** typography s display-s-bold */ +export const dsplSBold = { + fontFamily: 'var(--plasma-typo-dspl-s-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-bold-line-height)', +}; + +/** typography s header-h1 */ +export const h1 = { + fontFamily: 'var(--plasma-typo-h1-font-family)', + fontSize: 'var(--plasma-typo-h1-font-size)', + fontStyle: 'var(--plasma-typo-h1-font-style)', + fontWeight: 'var(--plasma-typo-h1-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-line-height)', +}; + +/** typography s header-h1-bold */ +export const h1Bold = { + fontFamily: 'var(--plasma-typo-h1-bold-font-family)', + fontSize: 'var(--plasma-typo-h1-bold-font-size)', + fontStyle: 'var(--plasma-typo-h1-bold-font-style)', + fontWeight: 'var(--plasma-typo-h1-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-bold-line-height)', +}; + +/** typography s header-h2 */ +export const h2 = { + fontFamily: 'var(--plasma-typo-h2-font-family)', + fontSize: 'var(--plasma-typo-h2-font-size)', + fontStyle: 'var(--plasma-typo-h2-font-style)', + fontWeight: 'var(--plasma-typo-h2-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-line-height)', +}; + +/** typography s header-h2-bold */ +export const h2Bold = { + fontFamily: 'var(--plasma-typo-h2-bold-font-family)', + fontSize: 'var(--plasma-typo-h2-bold-font-size)', + fontStyle: 'var(--plasma-typo-h2-bold-font-style)', + fontWeight: 'var(--plasma-typo-h2-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-bold-line-height)', +}; + +/** typography s header-h3 */ +export const h3 = { + fontFamily: 'var(--plasma-typo-h3-font-family)', + fontSize: 'var(--plasma-typo-h3-font-size)', + fontStyle: 'var(--plasma-typo-h3-font-style)', + fontWeight: 'var(--plasma-typo-h3-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-line-height)', +}; + +/** typography s header-h3-bold */ +export const h3Bold = { + fontFamily: 'var(--plasma-typo-h3-bold-font-family)', + fontSize: 'var(--plasma-typo-h3-bold-font-size)', + fontStyle: 'var(--plasma-typo-h3-bold-font-style)', + fontWeight: 'var(--plasma-typo-h3-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-bold-line-height)', +}; + +/** typography s header-h4 */ +export const h4 = { + fontFamily: 'var(--plasma-typo-h4-font-family)', + fontSize: 'var(--plasma-typo-h4-font-size)', + fontStyle: 'var(--plasma-typo-h4-font-style)', + fontWeight: 'var(--plasma-typo-h4-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-line-height)', +}; + +/** typography s header-h4-bold */ +export const h4Bold = { + fontFamily: 'var(--plasma-typo-h4-bold-font-family)', + fontSize: 'var(--plasma-typo-h4-bold-font-size)', + fontStyle: 'var(--plasma-typo-h4-bold-font-style)', + fontWeight: 'var(--plasma-typo-h4-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-bold-line-height)', +}; + +/** typography s header-h5 */ +export const h5 = { + fontFamily: 'var(--plasma-typo-h5-font-family)', + fontSize: 'var(--plasma-typo-h5-font-size)', + fontStyle: 'var(--plasma-typo-h5-font-style)', + fontWeight: 'var(--plasma-typo-h5-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-line-height)', +}; + +/** typography s header-h5-bold */ +export const h5Bold = { + fontFamily: 'var(--plasma-typo-h5-bold-font-family)', + fontSize: 'var(--plasma-typo-h5-bold-font-size)', + fontStyle: 'var(--plasma-typo-h5-bold-font-style)', + fontWeight: 'var(--plasma-typo-h5-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-bold-line-height)', +}; + +/** typography s body-l */ +export const bodyL = { + fontFamily: 'var(--plasma-typo-body-l-font-family)', + fontSize: 'var(--plasma-typo-body-l-font-size)', + fontStyle: 'var(--plasma-typo-body-l-font-style)', + fontWeight: 'var(--plasma-typo-body-l-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-line-height)', +}; + +/** typography s body-l-bold */ +export const bodyLBold = { + fontFamily: 'var(--plasma-typo-body-l-bold-font-family)', + fontSize: 'var(--plasma-typo-body-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-bold-line-height)', +}; + +/** typography s body-m */ +export const bodyM = { + fontFamily: 'var(--plasma-typo-body-m-font-family)', + fontSize: 'var(--plasma-typo-body-m-font-size)', + fontStyle: 'var(--plasma-typo-body-m-font-style)', + fontWeight: 'var(--plasma-typo-body-m-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-line-height)', +}; + +/** typography s body-m-bold */ +export const bodyMBold = { + fontFamily: 'var(--plasma-typo-body-m-bold-font-family)', + fontSize: 'var(--plasma-typo-body-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-bold-line-height)', +}; + +/** typography s body-s */ +export const bodyS = { + fontFamily: 'var(--plasma-typo-body-s-font-family)', + fontSize: 'var(--plasma-typo-body-s-font-size)', + fontStyle: 'var(--plasma-typo-body-s-font-style)', + fontWeight: 'var(--plasma-typo-body-s-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-line-height)', +}; + +/** typography s body-s-bold */ +export const bodySBold = { + fontFamily: 'var(--plasma-typo-body-s-bold-font-family)', + fontSize: 'var(--plasma-typo-body-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-bold-line-height)', +}; + +/** typography s body-xs */ +export const bodyXS = { + fontFamily: 'var(--plasma-typo-body-xs-font-family)', + fontSize: 'var(--plasma-typo-body-xs-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-line-height)', +}; + +/** typography s body-xs-bold */ +export const bodyXSBold = { + fontFamily: 'var(--plasma-typo-body-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-bold-line-height)', +}; + +/** typography s body-xxs */ +export const bodyXXS = { + fontFamily: 'var(--plasma-typo-body-xxs-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-line-height)', +}; + +/** typography s body-xxs-bold */ +export const bodyXXSBold = { + fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-bold-line-height)', +}; + +/** typography s text-l */ +export const textL = { + fontFamily: 'var(--plasma-typo-text-l-font-family)', + fontSize: 'var(--plasma-typo-text-l-font-size)', + fontStyle: 'var(--plasma-typo-text-l-font-style)', + fontWeight: 'var(--plasma-typo-text-l-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-line-height)', +}; + +/** typography s text-l-bold */ +export const textLBold = { + fontFamily: 'var(--plasma-typo-text-l-bold-font-family)', + fontSize: 'var(--plasma-typo-text-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-bold-line-height)', +}; + +/** typography s text-m */ +export const textM = { + fontFamily: 'var(--plasma-typo-text-m-font-family)', + fontSize: 'var(--plasma-typo-text-m-font-size)', + fontStyle: 'var(--plasma-typo-text-m-font-style)', + fontWeight: 'var(--plasma-typo-text-m-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-line-height)', +}; + +/** typography s text-m-bold */ +export const textMBold = { + fontFamily: 'var(--plasma-typo-text-m-bold-font-family)', + fontSize: 'var(--plasma-typo-text-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-bold-line-height)', +}; + +/** typography s text-s */ +export const textS = { + fontFamily: 'var(--plasma-typo-text-s-font-family)', + fontSize: 'var(--plasma-typo-text-s-font-size)', + fontStyle: 'var(--plasma-typo-text-s-font-style)', + fontWeight: 'var(--plasma-typo-text-s-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-line-height)', +}; + +/** typography s text-s-bold */ +export const textSBold = { + fontFamily: 'var(--plasma-typo-text-s-bold-font-family)', + fontSize: 'var(--plasma-typo-text-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-bold-line-height)', +}; + +/** typography s text-xs */ +export const textXS = { + fontFamily: 'var(--plasma-typo-text-xs-font-family)', + fontSize: 'var(--plasma-typo-text-xs-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-line-height)', +}; + +/** typography s text-xs-bold */ +export const textXSBold = { + fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-text-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)', +}; diff --git a/packages/themes/sdds-themes/src/tokens/sdds_serv/index.ts b/packages/themes/sdds-themes/src/tokens/sdds_serv/index.ts index 8b05deb3b5..48de0d9bec 100644 --- a/packages/themes/sdds-themes/src/tokens/sdds_serv/index.ts +++ b/packages/themes/sdds-themes/src/tokens/sdds_serv/index.ts @@ -7,7 +7,7 @@ export const textPrimaryHover = 'var(--text-primary-hover, #F5F5F593)'; export const textPrimaryActive = 'var(--text-primary-active, #F5F5F5C4)'; /** Основной цвет текста */ -export const textPrimary = 'var(--text-primary, #f5f5f5F5)'; +export const textPrimary = 'var(--text-primary, #F5F5F5F5)'; /** Вторичный цвет текста */ export const textSecondaryHover = 'var(--text-secondary-hover, #F5F5F5FF)'; @@ -16,7 +16,7 @@ export const textSecondaryHover = 'var(--text-secondary-hover, #F5F5F5FF)'; export const textSecondaryActive = 'var(--text-secondary-active, #F5F5F5AB)'; /** Вторичный цвет текста */ -export const textSecondary = 'var(--text-secondary, #F5f5f58F)'; +export const textSecondary = 'var(--text-secondary, #F5F5F58F)'; /** Третичный цвет текста */ export const textTertiaryHover = 'var(--text-tertiary-hover, #F5F5F5FF)'; @@ -25,7 +25,7 @@ export const textTertiaryHover = 'var(--text-tertiary-hover, #F5F5F5FF)'; export const textTertiaryActive = 'var(--text-tertiary-active, #F5F5F556)'; /** Третичный цвет текста */ -export const textTertiary = 'var(--text-tertiary, #F5f5f548)'; +export const textTertiary = 'var(--text-tertiary, #F5F5F548)'; /** Сплошной наборный текст */ export const textParagraphHover = 'var(--text-paragraph-hover, #F5F5F57A)'; @@ -34,7 +34,7 @@ export const textParagraphHover = 'var(--text-paragraph-hover, #F5F5F57A)'; export const textParagraphActive = 'var(--text-paragraph-active, #F5F5F5A3)'; /** Сплошной наборный текст */ -export const textParagraph = 'var(--text-paragraph, #f5f5f5cc)'; +export const textParagraph = 'var(--text-paragraph, #F5F5F5CC)'; /** Акцентный цвет */ export const textAccentHover = 'var(--text-accent-hover, #2ACB47FF)'; @@ -45,15 +45,6 @@ export const textAccentActive = 'var(--text-accent-active, #1F9835FF)'; /** Акцентный цвет */ export const textAccent = 'var(--text-accent, #24B23E)'; -/** Акцентный цвет с градиентом */ -export const textAccentGradientHover = 'var(--text-accent-gradient-hover, #CCCCCCFF)'; - -/** Акцентный цвет с градиентом */ -export const textAccentGradientActive = 'var(--text-accent-gradient-active, #E6E6E6FF)'; - -/** Акцентный цвет с градиентом */ -export const textAccentGradient = 'var(--text-accent-gradient, linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%))'; - /** Цвет успеха */ export const textPositiveHover = 'var(--text-positive-hover, #2ACB47FF)'; @@ -88,7 +79,7 @@ export const onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #F5F5F5 export const onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #F5F5F5C4)'; /** Основной цвет текста на темном фоне */ -export const onDarkTextPrimary = 'var(--on-dark-text-primary, #f5f5f5F5)'; +export const onDarkTextPrimary = 'var(--on-dark-text-primary, #F5F5F5F5)'; /** Вторичный цвет текста на темном фоне */ export const onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #F5F5F5FF)'; @@ -97,7 +88,7 @@ export const onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #F5 export const onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #F5F5F5AB)'; /** Вторичный цвет текста на темном фоне */ -export const onDarkTextSecondary = 'var(--on-dark-text-secondary, #F5f5f58F)'; +export const onDarkTextSecondary = 'var(--on-dark-text-secondary, #F5F5F58F)'; /** Третичный цвет текста на темном фоне */ export const onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #F5F5F5FF)'; @@ -106,7 +97,7 @@ export const onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #F5F5 export const onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #F5F5F556)'; /** Третичный цвет текста на темном фоне */ -export const onDarkTextTertiary = 'var(--on-dark-text-tertiary, #F5f5f548)'; +export const onDarkTextTertiary = 'var(--on-dark-text-tertiary, #F5F5F548)'; /** Сплошной наборный текст на темном фоне */ export const onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F5F5F57A)'; @@ -115,7 +106,7 @@ export const onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F5 export const onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #F5F5F5A3)'; /** Сплошной наборный текст на темном фоне */ -export const onDarkTextParagraph = 'var(--on-dark-text-paragraph, #f5f5f5CC)'; +export const onDarkTextParagraph = 'var(--on-dark-text-paragraph, #F5F5F5CC)'; /** Акцентный цвет на темном фоне */ export const onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #2ACB47FF)'; @@ -126,16 +117,6 @@ export const onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #1F9835 /** Акцентный цвет на темном фоне */ export const onDarkTextAccent = 'var(--on-dark-text-accent, #24B23E)'; -/** Акцентный цвет с градиентом на темном фоне */ -export const onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient-hover, #CCCCCCFF)'; - -/** Акцентный цвет с градиентом на темном фоне */ -export const onDarkTextAccentGradientActive = 'var(--on-dark-text-accent-gradient-active, #E6E6E6FF)'; - -/** Акцентный цвет с градиентом на темном фоне */ -export const onDarkTextAccentGradient = - 'var(--on-dark-text-accent-gradient, linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%))'; - /** Цвет успеха на темном фоне */ export const onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #2ACB47FF)'; @@ -208,16 +189,6 @@ export const onLightTextAccentActive = 'var(--on-light-text-accent-active, #0D73 /** Акцентный цвет на светлом фоне */ export const onLightTextAccent = 'var(--on-light-text-accent, #108E26)'; -/** Акцентный цвет с градиентом на светлом фоне */ -export const onLightTextAccentGradientHover = 'var(--on-light-text-accent-gradient-hover, #CCCCCCFF)'; - -/** Акцентный цвет с градиентом на светлом фоне */ -export const onLightTextAccentGradientActive = 'var(--on-light-text-accent-gradient-active, #E6E6E6FF)'; - -/** Акцентный цвет с градиентом на светлом фоне */ -export const onLightTextAccentGradient = - 'var(--on-light-text-accent-gradient, linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%))'; - /** Цвет успеха на светлом фоне */ export const onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #13AA2CFF)'; @@ -290,16 +261,6 @@ export const inverseTextAccentActive = 'var(--inverse-text-accent-active, #0D731 /** Инвертированный акцентный цвет */ export const inverseTextAccent = 'var(--inverse-text-accent, #108E26)'; -/** Инвертированный акцентный цвет с градиентом */ -export const inverseTextAccentGradientHover = 'var(--inverse-text-accent-gradient-hover, #CCCCCCFF)'; - -/** Инвертированный акцентный цвет с градиентом */ -export const inverseTextAccentGradientActive = 'var(--inverse-text-accent-gradient-active, #E6E6E6FF)'; - -/** Инвертированный акцентный цвет с градиентом */ -export const inverseTextAccentGradient = - 'var(--inverse-text-accent-gradient, linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%))'; - /** Инвертированный цвет успеха */ export const inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #13AA2CFF)'; @@ -388,7 +349,7 @@ export const surfaceTransparentSecondaryHover = 'var(--surface-transparent-secon export const surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF0F)'; /** Вторичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentSecondary = 'var(--surface-transparent-secondary, rgba(255, 255, 255, 0.12))'; +export const surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #FFFFFF1F)'; /** Третичный прозрачный фон поверхности/контрола */ export const surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFF52)'; @@ -397,7 +358,7 @@ export const surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertia export const surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FFFFFF24)'; /** Третичный прозрачный фон поверхности/контрола */ -export const surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, rgba(255, 255, 255, 0.2))'; +export const surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #FFFFFF33)'; /** Прозрачный фон поверхности/контрола по умолчанию */ export const surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #FFFFFFC2)'; @@ -424,7 +385,7 @@ export const surfaceClearHover = 'var(--surface-clear-hover, #00000000)'; export const surfaceClearActive = 'var(--surface-clear-active, #00000000)'; /** Фон поверхности/контрола без заливки */ -export const surfaceClear = 'var(--surface-clear, rgba(0, 0, 0, 0))'; +export const surfaceClear = 'var(--surface-clear, #00000000)'; /** Акцентный фон поверхности/контрола */ export const surfaceAccentHover = 'var(--surface-accent-hover, #1DAF37FF)'; @@ -435,15 +396,6 @@ export const surfaceAccentActive = 'var(--surface-accent-active, #18952FFF)'; /** Акцентный фон поверхности/контрола */ export const surfaceAccent = 'var(--surface-accent, #1A9E32)'; -/** Акцентный фон поверхности/контрола с градиентом */ -export const surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, #FFFFFFFF)'; - -/** Акцентный фон поверхности/контрола с градиентом */ -export const surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #FFFFFFFF)'; - -/** Акцентный фон поверхности/контрола с градиентом */ -export const surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%))'; - /** Цвет фона поверхности/контрола успех */ export const surfacePositiveHover = 'var(--surface-positive-hover, #1DAF37FF)'; @@ -478,7 +430,7 @@ export const surfaceTransparentPositiveHover = 'var(--surface-transparent-positi export const surfaceTransparentPositiveActive = 'var(--surface-transparent-positive-active, #1A9E320F)'; /** Прозрачный цвет фона поверхности/контрола успех */ -export const surfaceTransparentPositive = 'var(--surface-transparent-positive, rgba(26,158,50,0.12))'; +export const surfaceTransparentPositive = 'var(--surface-transparent-positive, #1A9E321F)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ export const surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover, #FA5F053D)'; @@ -487,7 +439,7 @@ export const surfaceTransparentWarningHover = 'var(--surface-transparent-warning export const surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active, #FA5F050F)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentWarning = 'var(--surface-transparent-warning, rgba(250,95,5,0.12))'; +export const surfaceTransparentWarning = 'var(--surface-transparent-warning, #FA5F051F)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ export const surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #FF293E3D)'; @@ -496,7 +448,7 @@ export const surfaceTransparentNegativeHover = 'var(--surface-transparent-negati export const surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #FF293E0F)'; /** Прозрачный цвет фона поверхности/контрола предупреждение */ -export const surfaceTransparentNegative = 'var(--surface-transparent-negative, rgba(255,41,62,0.12))'; +export const surfaceTransparentNegative = 'var(--surface-transparent-negative, #FF293E1F)'; /** Основной непрозрачный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #1C1C1CFF)'; @@ -550,7 +502,7 @@ export const onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-trans export const onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFF0A)'; /** Основной прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, rgba(255, 255, 255, 0.06))'; +export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #FFFFFF0F)'; /** Вторичный прозрачный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF3D)'; @@ -559,8 +511,7 @@ export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-tra export const onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFF0F)'; /** Вторичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentSecondary = - 'var(--on-dark-surface-transparent-secondary, rgba(255, 255, 255, 0.12))'; +export const onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF1F)'; /** Третичный прозрачный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFF52)'; @@ -569,7 +520,7 @@ export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-tran export const onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFF24)'; /** Третичный прозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, rgba(255, 255, 255, 0.2))'; +export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #FFFFFF33)'; /** Прозрачный фон поверхности по умолчанию на темном фоне */ export const onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #FFFFFFC2)'; @@ -596,7 +547,7 @@ export const onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover, #0000 export const onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active, #00000000)'; /** Фон поверхности/контрола без заливки на темном фоне */ -export const onDarkSurfaceClear = 'var(--on-dark-surface-clear, rgba(0, 0, 0, 0))'; +export const onDarkSurfaceClear = 'var(--on-dark-surface-clear, #00000000)'; /** Акцентный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #1DAF37FF)'; @@ -607,16 +558,6 @@ export const onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, # /** Акцентный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #1A9E32)'; -/** Акцентный фон поверхности/контрола с градиентом на темном фоне */ -export const onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-hover, #FFFFFFFF)'; - -/** Акцентный фон поверхности/контрола с градиентом на темном фоне */ -export const onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #FFFFFFFF)'; - -/** Акцентный фон поверхности/контрола с градиентом на темном фоне */ -export const onDarkSurfaceAccentGradient = - 'var(--on-dark-surface-accent-gradient, linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%))'; - /** Цвет фона поверхности/контрола успех на темном фоне */ export const onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #1DAF37FF)'; @@ -696,7 +637,7 @@ export const onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-tra export const onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #08080800)'; /** Основной прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, rgba(8, 8, 8, 0.02))'; +export const onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #08080805)'; /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ export const onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #0808081F)'; @@ -706,7 +647,7 @@ export const onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #0808080A)'; /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, rgba(8, 8, 8, 0.06))'; +export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #0808080F)'; /** Третичный прозрачный фон поверхности/контрола на светлом фоне */ export const onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #0808083D)'; @@ -715,7 +656,7 @@ export const onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-tr export const onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #0808080F)'; /** Третичный прозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, rgba(8, 8, 8, 0.12))'; +export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #0808081F)'; /** Прозрачный фон поверхности по умолчанию на светлом фоне */ export const onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #080808C2)'; @@ -733,7 +674,7 @@ export const onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transp export const onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #0808080A)'; /** Прозрачный фон для карточек на светлом фоне */ -export const onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, rgba(8, 8, 8, 0.06))'; +export const onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #0808080F)'; /** Фон поверхности/контрола без заливки на светлом фоне */ export const onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover, #00000000)'; @@ -742,7 +683,7 @@ export const onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover, #00 export const onLightSurfaceClearActive = 'var(--on-light-surface-clear-active, #00000000)'; /** Фон поверхности/контрола без заливки на светлом фоне */ -export const onLightSurfaceClear = 'var(--on-light-surface-clear, rgba(0, 0, 0, 0))'; +export const onLightSurfaceClear = 'var(--on-light-surface-clear, #00000000)'; /** Акцентный фон поверхности/контрола на светлом фоне */ export const onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #1DAF37FF)'; @@ -753,16 +694,6 @@ export const onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, /** Акцентный фон поверхности/контрола на светлом фоне */ export const onLightSurfaceAccent = 'var(--on-light-surface-accent, #1A9E32)'; -/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */ -export const onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #FFFFFFFF)'; - -/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */ -export const onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #FFFFFFFF)'; - -/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */ -export const onLightSurfaceAccentGradient = - 'var(--on-light-surface-accent-gradient, linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%))'; - /** Цвет фона поверхности/контрола успех на светлом фоне */ export const onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1DAF37FF)'; @@ -842,7 +773,7 @@ export const inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-tran export const inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #08080800)'; /** Инвертированный основной прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, rgba(8, 8, 8, 0.02))'; +export const inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #08080805)'; /** Инвертированный вторичный прозрачный фон поверхности/контрола */ export const inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #0808081F)'; @@ -852,7 +783,7 @@ export const inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active, #0808080A)'; /** Инвертированный вторичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, rgba(8, 8, 8, 0.06))'; +export const inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #0808080F)'; /** Инвертированный третичный прозрачный фон поверхности/контрола */ export const inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #0808083D)'; @@ -861,7 +792,7 @@ export const inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-tra export const inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #0808080F)'; /** Инвертированный третичный прозрачный фон поверхности/контрола */ -export const inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, rgba(8, 8, 8, 0.12))'; +export const inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #0808081F)'; /** Инвертированный прозрачный фон поверхности по умолчанию */ export const inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #080808C2)'; @@ -888,7 +819,7 @@ export const inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover, #000 export const inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #00000000)'; /** Инвертированный фон поверхности/контрола без заливки */ -export const inverseSurfaceClear = 'var(--inverse-surface-clear, rgba(0, 0, 0, 0))'; +export const inverseSurfaceClear = 'var(--inverse-surface-clear, #00000000)'; /** Инвертированный акцентный фон поверхности/контрола */ export const inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #1DAF37FF)'; @@ -899,16 +830,6 @@ export const inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, /** Инвертированный акцентный фон поверхности/контрола */ export const inverseSurfaceAccent = 'var(--inverse-surface-accent, #1A9E32)'; -/** Инвертированный акцентный фон поверхности/контрола с градиентом */ -export const inverseSurfaceAccentGradientHover = 'var(--inverse-surface-accent-gradient-hover, #FFFFFFFF)'; - -/** Инвертированный акцентный фон поверхности/контрола с градиентом */ -export const inverseSurfaceAccentGradientActive = 'var(--inverse-surface-accent-gradient-active, #FFFFFFFF)'; - -/** Инвертированный акцентный фон поверхности/контрола с градиентом */ -export const inverseSurfaceAccentGradient = - 'var(--inverse-surface-accent-gradient, linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%))'; - /** Инвертированный цвет фона поверхности/контрола успех */ export const inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #1DAF37FF)'; @@ -952,36 +873,594 @@ export const inverseBackgroundPrimary = 'var(--inverse-background-primary, #F9F9 export const overlaySoft = 'var(--overlay-soft, #0808088F)'; /** Цвет фона паранжи темный */ -export const overlayHard = 'var(--overlay-hard, #080808f5)'; +export const overlayHard = 'var(--overlay-hard, #080808F5)'; -export const overlayBlur = 'var(--overlay-blur, rgba(8,8,8,0.28))'; +/** dark overlay default overlayBlur */ +export const overlayBlur = 'var(--overlay-blur, #08080847)'; /** Цвет фона паранжи светлый на темном фоне */ -export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #0808088f)'; +export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #0808088F)'; /** Цвет фона паранжи темный на темном фоне */ -export const onDarkOverlayHard = 'var(--on-dark-overlay-hard, #080808f5)'; +export const onDarkOverlayHard = 'var(--on-dark-overlay-hard, #080808F5)'; -export const onDarkOverlayBlur = 'var(--on-dark-overlay-blur, rgba(8,8,8,0.28))'; +/** dark overlay onDark overlayBlur */ +export const onDarkOverlayBlur = 'var(--on-dark-overlay-blur, #08080847)'; /** Цвет фона паранжи светлый на светлом фоне */ -export const onLightOverlaySoft = 'var(--on-light-overlay-soft, rgba(249,249,249,0.56))'; +export const onLightOverlaySoft = 'var(--on-light-overlay-soft, #F9F9F98F)'; /** Цвет фона паранжи темный на светлом фоне */ -export const onLightOverlayHard = 'var(--on-light-overlay-hard, #f9f9f9f5)'; +export const onLightOverlayHard = 'var(--on-light-overlay-hard, #F9F9F9F5)'; -export const onLightOverlayBlur = 'var(--on-light-overlay-blur, rgba(249,249,249,0.28))'; +/** dark overlay onLight overlayBlur */ +export const onLightOverlayBlur = 'var(--on-light-overlay-blur, #F9F9F947)'; /** Инвертированный цвет фона паранжи светлый */ -export const inverseOverlaySoft = 'var(--inverse-overlay-soft, #f9f9f98F)'; +export const inverseOverlaySoft = 'var(--inverse-overlay-soft, #F9F9F98F)'; /** Инвертированный цвет фона паранжи темный */ -export const inverseOverlayHard = 'var(--inverse-overlay-hard, #f9f9f9f5)'; +export const inverseOverlayHard = 'var(--inverse-overlay-hard, #F9F9F9F5)'; + +/** dark overlay inverse overlayBlur */ +export const inverseOverlayBlur = 'var(--inverse-overlay-blur, #F9F9F947)'; + +/** Акцентный цвет с градиентом */ +export const textAccentGradientHover = 'var(--text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом */ +export const textAccentGradientActive = 'var(--text-accent-gradient-active, #E6E6E6FF)'; + +/** Акцентный цвет с градиентом */ +export const textAccentGradient = 'var(--text-accent-gradient, linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%))'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradientActive = 'var(--on-dark-text-accent-gradient-active, #E6E6E6FF)'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradient = + 'var(--on-dark-text-accent-gradient, linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%))'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradientHover = 'var(--on-light-text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradientActive = 'var(--on-light-text-accent-gradient-active, #E6E6E6FF)'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradient = + 'var(--on-light-text-accent-gradient, linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%))'; + +/** Инвертированный акцентный цвет с градиентом */ +export const inverseTextAccentGradientHover = 'var(--inverse-text-accent-gradient-hover, #CCCCCCFF)'; + +/** Инвертированный акцентный цвет с градиентом */ +export const inverseTextAccentGradientActive = 'var(--inverse-text-accent-gradient-active, #E6E6E6FF)'; + +/** Инвертированный акцентный цвет с градиентом */ +export const inverseTextAccentGradient = + 'var(--inverse-text-accent-gradient, linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%))'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradient = + 'var(--surface-accent-gradient, linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%))'; + +/** Фон для скелетона */ +export const surfaceSkeletonGradient = + 'var(--surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))'; + +/** Фон для скелетона */ +export const surfaceSkeletonGradientHover = 'var(--surface-skeleton-gradient-hover, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const surfaceSkeletonGradientActive = 'var(--surface-skeleton-gradient-active, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradient = + 'var(--surface-skeleton-deep-gradient, linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%))'; + +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientHover = 'var(--surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const surfaceSkeletonDeepGradientActive = 'var(--surface-skeleton-deep-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradient = + 'var(--on-dark-surface-accent-gradient, linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%))'; + +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradient = + 'var(--on-dark-surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))'; + +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientHover = 'var(--on-dark-surface-skeleton-gradient-hover, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const onDarkSurfaceSkeletonGradientActive = 'var(--on-dark-surface-skeleton-gradient-active, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradient = + 'var(--on-dark-surface-skeleton-deep-gradient, linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%))'; + +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientHover = 'var(--on-dark-surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const onDarkSurfaceSkeletonDeepGradientActive = + 'var(--on-dark-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradient = + 'var(--on-light-surface-accent-gradient, linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%))'; + +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradient = + 'var(--on-light-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))'; + +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientHover = 'var(--on-light-surface-skeleton-gradient-hover, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const onLightSurfaceSkeletonGradientActive = 'var(--on-light-surface-skeleton-gradient-active, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradient = + 'var(--on-light-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))'; + +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientHover = + 'var(--on-light-surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const onLightSurfaceSkeletonDeepGradientActive = + 'var(--on-light-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; + +/** Инвертированный акцентный фон поверхности/контрола с градиентом */ +export const inverseSurfaceAccentGradientHover = 'var(--inverse-surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Инвертированный акцентный фон поверхности/контрола с градиентом */ +export const inverseSurfaceAccentGradientActive = 'var(--inverse-surface-accent-gradient-active, #FFFFFFFF)'; + +/** Инвертированный акцентный фон поверхности/контрола с градиентом */ +export const inverseSurfaceAccentGradient = + 'var(--inverse-surface-accent-gradient, linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%))'; + +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradient = + 'var(--inverse-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))'; + +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientHover = 'var(--inverse-surface-skeleton-gradient-hover, #FFFFFFFF)'; + +/** Фон для скелетона */ +export const inverseSurfaceSkeletonGradientActive = 'var(--inverse-surface-skeleton-gradient-active, #FFFFFFFF)'; + +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradient = + 'var(--inverse-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))'; -export const inverseOverlayBlur = 'var(--inverse-overlay-blur, rgba(249,249,249,0.28))'; +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientHover = 'var(--inverse-surface-skeleton-deep-gradient-hover, #FFFFFFFF)'; -export const skeletonGradient = - 'var(--skeleton-gradient, linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ))'; +/** Яркий фон для скелетона */ +export const inverseSurfaceSkeletonDeepGradientActive = + 'var(--inverse-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; -export const skeletonGradientLighter = - 'var(--skeleton-gradient-lighter, linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ))'; +/** shadow down soft s */ +export const shadowDownSoftS = 'var(--shadow-down-soft-s, 0px 4px 14px -4px #08080814,0px 1px 4px -1px #0000000A)'; + +/** shadow down soft m */ +export const shadowDownSoftM = 'var(--shadow-down-soft-m, 0px 24px 48px -8px #00000014)'; + +/** shadow down soft l */ +export const shadowDownSoftL = 'var(--shadow-down-soft-l, 0px 60px 112px -8px #00000014)'; + +/** shadow down hard s */ +export const shadowDownHardS = 'var(--shadow-down-hard-s, 0px 4px 12px -3px #08080829,0px 1px 4px -2px #00000014)'; + +/** shadow down hard m */ +export const shadowDownHardM = 'var(--shadow-down-hard-m, 0px 16px 32px -8px #0000003D)'; + +/** shadow down hard l */ +export const shadowDownHardL = 'var(--shadow-down-hard-l, 0px 60px 112px -8px #00000066)'; + +/** shadow up soft s */ +export const shadowUpSoftS = 'var(--shadow-up-soft-s, 0px -4px 14px -4px #08080814,0px -1px 4px -1px #00000008)'; + +/** shadow up soft m */ +export const shadowUpSoftM = 'var(--shadow-up-soft-m, 0px -24px 48px -8px #00000014)'; + +/** shadow up soft l */ +export const shadowUpSoftL = 'var(--shadow-up-soft-l, 0px -60px 112px -8px #00000014)'; + +/** shadow up hard s */ +export const shadowUpHardS = 'var(--shadow-up-hard-s, 0px -4px 12px -3px #08080833,0px -1px 4px -1px #00000008)'; + +/** shadow up hard m */ +export const shadowUpHardM = 'var(--shadow-up-hard-m, 0px -16px 32px -8px #0000003D)'; + +/** shadow up hard l */ +export const shadowUpHardL = 'var(--shadow-up-hard-l, 0px -60px 112px -8px #00000066)'; + +/** borderRadius xxs */ +export const borderRadiusXxs = 'var(--border-radius-xxs, 4px)'; + +/** borderRadius xs */ +export const borderRadiusXs = 'var(--border-radius-xs, 8px)'; + +/** borderRadius s */ +export const borderRadiusS = 'var(--border-radius-s, 12px)'; + +/** borderRadius m */ +export const borderRadiusM = 'var(--border-radius-m, 16px)'; + +/** borderRadius l */ +export const borderRadiusL = 'var(--border-radius-l, 20px)'; + +/** borderRadius xl */ +export const borderRadiusXl = 'var(--border-radius-xl, 24px)'; + +/** borderRadius xxl */ +export const borderRadiusXxl = 'var(--border-radius-xxl, 32px)'; + +/** typography s display-l */ +export const dsplL = { + fontFamily: 'var(--plasma-typo-dspl-l-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-line-height)', +}; + +/** typography s display-l-bold */ +export const dsplLBold = { + fontFamily: 'var(--plasma-typo-dspl-l-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-bold-line-height)', +}; + +/** typography s display-m */ +export const dsplM = { + fontFamily: 'var(--plasma-typo-dspl-m-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-line-height)', +}; + +/** typography s display-m-bold */ +export const dsplMBold = { + fontFamily: 'var(--plasma-typo-dspl-m-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-bold-line-height)', +}; + +/** typography s display-s */ +export const dsplS = { + fontFamily: 'var(--plasma-typo-dspl-s-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-line-height)', +}; + +/** typography s display-s-bold */ +export const dsplSBold = { + fontFamily: 'var(--plasma-typo-dspl-s-bold-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-bold-line-height)', +}; + +/** typography s header-h1 */ +export const h1 = { + fontFamily: 'var(--plasma-typo-h1-font-family)', + fontSize: 'var(--plasma-typo-h1-font-size)', + fontStyle: 'var(--plasma-typo-h1-font-style)', + fontWeight: 'var(--plasma-typo-h1-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-line-height)', +}; + +/** typography s header-h1-bold */ +export const h1Bold = { + fontFamily: 'var(--plasma-typo-h1-bold-font-family)', + fontSize: 'var(--plasma-typo-h1-bold-font-size)', + fontStyle: 'var(--plasma-typo-h1-bold-font-style)', + fontWeight: 'var(--plasma-typo-h1-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-bold-line-height)', +}; + +/** typography s header-h2 */ +export const h2 = { + fontFamily: 'var(--plasma-typo-h2-font-family)', + fontSize: 'var(--plasma-typo-h2-font-size)', + fontStyle: 'var(--plasma-typo-h2-font-style)', + fontWeight: 'var(--plasma-typo-h2-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-line-height)', +}; + +/** typography s header-h2-bold */ +export const h2Bold = { + fontFamily: 'var(--plasma-typo-h2-bold-font-family)', + fontSize: 'var(--plasma-typo-h2-bold-font-size)', + fontStyle: 'var(--plasma-typo-h2-bold-font-style)', + fontWeight: 'var(--plasma-typo-h2-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-bold-line-height)', +}; + +/** typography s header-h3 */ +export const h3 = { + fontFamily: 'var(--plasma-typo-h3-font-family)', + fontSize: 'var(--plasma-typo-h3-font-size)', + fontStyle: 'var(--plasma-typo-h3-font-style)', + fontWeight: 'var(--plasma-typo-h3-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-line-height)', +}; + +/** typography s header-h3-bold */ +export const h3Bold = { + fontFamily: 'var(--plasma-typo-h3-bold-font-family)', + fontSize: 'var(--plasma-typo-h3-bold-font-size)', + fontStyle: 'var(--plasma-typo-h3-bold-font-style)', + fontWeight: 'var(--plasma-typo-h3-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-bold-line-height)', +}; + +/** typography s header-h4 */ +export const h4 = { + fontFamily: 'var(--plasma-typo-h4-font-family)', + fontSize: 'var(--plasma-typo-h4-font-size)', + fontStyle: 'var(--plasma-typo-h4-font-style)', + fontWeight: 'var(--plasma-typo-h4-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-line-height)', +}; + +/** typography s header-h4-bold */ +export const h4Bold = { + fontFamily: 'var(--plasma-typo-h4-bold-font-family)', + fontSize: 'var(--plasma-typo-h4-bold-font-size)', + fontStyle: 'var(--plasma-typo-h4-bold-font-style)', + fontWeight: 'var(--plasma-typo-h4-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-bold-line-height)', +}; + +/** typography s header-h5 */ +export const h5 = { + fontFamily: 'var(--plasma-typo-h5-font-family)', + fontSize: 'var(--plasma-typo-h5-font-size)', + fontStyle: 'var(--plasma-typo-h5-font-style)', + fontWeight: 'var(--plasma-typo-h5-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-line-height)', +}; + +/** typography s header-h5-bold */ +export const h5Bold = { + fontFamily: 'var(--plasma-typo-h5-bold-font-family)', + fontSize: 'var(--plasma-typo-h5-bold-font-size)', + fontStyle: 'var(--plasma-typo-h5-bold-font-style)', + fontWeight: 'var(--plasma-typo-h5-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-bold-line-height)', +}; + +/** typography s body-l */ +export const bodyL = { + fontFamily: 'var(--plasma-typo-body-l-font-family)', + fontSize: 'var(--plasma-typo-body-l-font-size)', + fontStyle: 'var(--plasma-typo-body-l-font-style)', + fontWeight: 'var(--plasma-typo-body-l-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-line-height)', +}; + +/** typography s body-l-bold */ +export const bodyLBold = { + fontFamily: 'var(--plasma-typo-body-l-bold-font-family)', + fontSize: 'var(--plasma-typo-body-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-bold-line-height)', +}; + +/** typography s body-m */ +export const bodyM = { + fontFamily: 'var(--plasma-typo-body-m-font-family)', + fontSize: 'var(--plasma-typo-body-m-font-size)', + fontStyle: 'var(--plasma-typo-body-m-font-style)', + fontWeight: 'var(--plasma-typo-body-m-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-line-height)', +}; + +/** typography s body-m-bold */ +export const bodyMBold = { + fontFamily: 'var(--plasma-typo-body-m-bold-font-family)', + fontSize: 'var(--plasma-typo-body-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-bold-line-height)', +}; + +/** typography s body-s */ +export const bodyS = { + fontFamily: 'var(--plasma-typo-body-s-font-family)', + fontSize: 'var(--plasma-typo-body-s-font-size)', + fontStyle: 'var(--plasma-typo-body-s-font-style)', + fontWeight: 'var(--plasma-typo-body-s-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-line-height)', +}; + +/** typography s body-s-bold */ +export const bodySBold = { + fontFamily: 'var(--plasma-typo-body-s-bold-font-family)', + fontSize: 'var(--plasma-typo-body-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-bold-line-height)', +}; + +/** typography s body-xs */ +export const bodyXS = { + fontFamily: 'var(--plasma-typo-body-xs-font-family)', + fontSize: 'var(--plasma-typo-body-xs-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-line-height)', +}; + +/** typography s body-xs-bold */ +export const bodyXSBold = { + fontFamily: 'var(--plasma-typo-body-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-bold-line-height)', +}; + +/** typography s body-xxs */ +export const bodyXXS = { + fontFamily: 'var(--plasma-typo-body-xxs-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-line-height)', +}; + +/** typography s body-xxs-bold */ +export const bodyXXSBold = { + fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-bold-line-height)', +}; + +/** typography s text-l */ +export const textL = { + fontFamily: 'var(--plasma-typo-text-l-font-family)', + fontSize: 'var(--plasma-typo-text-l-font-size)', + fontStyle: 'var(--plasma-typo-text-l-font-style)', + fontWeight: 'var(--plasma-typo-text-l-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-line-height)', +}; + +/** typography s text-l-bold */ +export const textLBold = { + fontFamily: 'var(--plasma-typo-text-l-bold-font-family)', + fontSize: 'var(--plasma-typo-text-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-bold-line-height)', +}; + +/** typography s text-m */ +export const textM = { + fontFamily: 'var(--plasma-typo-text-m-font-family)', + fontSize: 'var(--plasma-typo-text-m-font-size)', + fontStyle: 'var(--plasma-typo-text-m-font-style)', + fontWeight: 'var(--plasma-typo-text-m-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-line-height)', +}; + +/** typography s text-m-bold */ +export const textMBold = { + fontFamily: 'var(--plasma-typo-text-m-bold-font-family)', + fontSize: 'var(--plasma-typo-text-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-bold-line-height)', +}; + +/** typography s text-s */ +export const textS = { + fontFamily: 'var(--plasma-typo-text-s-font-family)', + fontSize: 'var(--plasma-typo-text-s-font-size)', + fontStyle: 'var(--plasma-typo-text-s-font-style)', + fontWeight: 'var(--plasma-typo-text-s-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-line-height)', +}; + +/** typography s text-s-bold */ +export const textSBold = { + fontFamily: 'var(--plasma-typo-text-s-bold-font-family)', + fontSize: 'var(--plasma-typo-text-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-bold-line-height)', +}; + +/** typography s text-xs */ +export const textXS = { + fontFamily: 'var(--plasma-typo-text-xs-font-family)', + fontSize: 'var(--plasma-typo-text-xs-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-line-height)', +}; + +/** typography s text-xs-bold */ +export const textXSBold = { + fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-text-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)', +}; diff --git a/packages/themes/sdds-themes/tsconfig.json b/packages/themes/sdds-themes/tsconfig.json index b708fb2826..fed3dbbcbc 100644 --- a/packages/themes/sdds-themes/tsconfig.json +++ b/packages/themes/sdds-themes/tsconfig.json @@ -14,5 +14,5 @@ "rootDir": "./src" }, "include": ["./src"], - "exclude": ["./data"] + "exclude": [] } diff --git a/scaffold/Readme.md b/scaffold/Readme.md index ad329d9c14..b56bf98821 100644 --- a/scaffold/Readme.md +++ b/scaffold/Readme.md @@ -56,3 +56,19 @@ npm run scaffold:docs --package="plasma-asdk" --vertical="plasma-themes" --theme Чтобы избежать данного warning нужно использовать экранирование `\`. Например: `style=\{{flexDirection: 'column'}}` + +### Как обновить список компонентов в уже имеющейся документации? + +Есть отдельная команда - `npm run scaffold:update-components-docs`. + +Например, для пакета `caldera-online`: + +```console +npm run scaffold:update-components-docs --vertical="caldera-online-themes" --package="caldera-online" --exclude="sheet" +``` + +Обновит/добавит/синхронизирует список компонентов документации и библиотеки, при этом **исключит** компонент `Sheet`. + +**Примечание:** + +Аргумент `exclude` принимает перечисление компонентов через запятую: `--exclude="sheet,textarea,etc"` diff --git a/scaffold/scaffold-components.js b/scaffold/scaffold-components.js index acba162fde..b7916de807 100644 --- a/scaffold/scaffold-components.js +++ b/scaffold/scaffold-components.js @@ -7,7 +7,13 @@ const fg = require('fast-glob'); // INFO: Генерация компонентов по шаблону и на основе списка компонентов на основе пакета // INFO: для которого делается документация async function main() { - const { npm_config_package: npmConfigPackage, npm_config_vertical: npmConfigVertical } = process.env || {}; + const { + npm_config_package: npmConfigPackage, + npm_config_vertical: npmConfigVertical, + npm_config_exclude: npmConfigExclude, + } = process.env || {}; + + const excludeList = npmConfigExclude ? npmConfigExclude.split(',').map((component) => component?.trim()) : []; if (!npmConfigPackage) { return; @@ -25,7 +31,9 @@ async function main() { // INFO: Получаем актуальный список директорий компонентов // например ['AutoComplete','Avatar','AvatarGroup','Badge','Button','ButtonGroup','Cell'] - const components = await readdir(packageDir); + const components = (await readdir(packageDir)).filter( + (component) => !excludeList.includes(component.toLowerCase()), + ); // INFO: Собираем шаблоны документации для компонентов // [ diff --git a/utils/plasma-cy-utils/package-lock.json b/utils/plasma-cy-utils/package-lock.json index 5eb5d100b9..095376c341 100644 --- a/utils/plasma-cy-utils/package-lock.json +++ b/utils/plasma-cy-utils/package-lock.json @@ -1,19 +1,19 @@ { "name": "@salutejs/plasma-cy-utils", - "version": "0.92.0", + "version": "0.94.0-dev.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@salutejs/plasma-cy-utils", - "version": "0.92.0", + "version": "0.94.0-dev.0", "license": "MIT", "devDependencies": { "@cypress/react": "5.10.1", - "@salutejs/plasma-tokens": "1.81.0", - "@salutejs/plasma-tokens-b2b": "1.40.0", - "@salutejs/plasma-tokens-b2c": "0.50.0", - "@salutejs/plasma-tokens-web": "1.55.0", + "@salutejs/plasma-tokens": "1.83.0-dev.0", + "@salutejs/plasma-tokens-b2b": "1.41.0-dev.0", + "@salutejs/plasma-tokens-b2c": "0.51.0-dev.0", + "@salutejs/plasma-tokens-web": "1.56.0-dev.0", "@salutejs/plasma-typo": "0.40.0", "@types/react": "18.0.28", "@types/react-dom": "18.0.11", @@ -422,30 +422,30 @@ } }, "node_modules/@salutejs/plasma-tokens": { - "version": "1.81.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens/-/plasma-tokens-1.81.0.tgz", - "integrity": "sha512-IK9RK3eC4hIES9+bZ3lzq5x0M0vyX7zpsWmIYUIx2PIE8j/E7heQvqJQAW6d3O5RtpgKFoyDomeVX2nr78ffdA==", + "version": "1.83.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens/-/plasma-tokens-1.83.0-dev.0.tgz", + "integrity": "sha512-6Yau3W/9b9ZGeYPdWM8gVk187ThnqRIlvcfWsio7iFOtr8maFc1MRabd+rgsZBXMSRlqMTUSF3VmA5WO06ABFg==", "dev": true, "peerDependencies": { "styled-components": "^5.1.1" } }, "node_modules/@salutejs/plasma-tokens-b2b": { - "version": "1.40.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2b/-/plasma-tokens-b2b-1.40.0.tgz", - "integrity": "sha512-/jN5XNEMv8zP1vRqHw2EndeyC6yVT6d+BD9HFnXpqmA7SYiuVfHF9NAtFnK1GvQqgu1uEdiG1AJmIaO/yr/fDA==", + "version": "1.41.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2b/-/plasma-tokens-b2b-1.41.0-dev.0.tgz", + "integrity": "sha512-1U+tQLppSiADU4c+VhEztQXxlvWEO2/4FfkTuK5nVTl2A7Jbf8Qhh3SHVym5GWAXFd0MrSxSla4EshgMoA4yDA==", "dev": true }, "node_modules/@salutejs/plasma-tokens-b2c": { - "version": "0.50.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2c/-/plasma-tokens-b2c-0.50.0.tgz", - "integrity": "sha512-gMn3NXuUJA46nNh7wMJydpQx4301Ozq7F46Pitwn5tG87IUIDlOU83QihyWqCKPQvp3bx5htx9TF/CjiDRtg6A==", + "version": "0.51.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2c/-/plasma-tokens-b2c-0.51.0-dev.0.tgz", + "integrity": "sha512-BqSUKqHgAd2I38HeEQjm3+3y0FWcRyCCGkrQ+PCzNQa3s6Oc1zsFUu5MAjcXF5oS/3zIJvUJBjSIg/837xz29w==", "dev": true }, "node_modules/@salutejs/plasma-tokens-web": { - "version": "1.55.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-web/-/plasma-tokens-web-1.55.0.tgz", - "integrity": "sha512-B0gZeGaupBMiZpK02ZAIMFSOGDImd2D3qkwtpy51lb2InSuoG2qaxggqpQgQzKAvxKrz2boPebpN+vq4yaxNzQ==", + "version": "1.56.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-web/-/plasma-tokens-web-1.56.0-dev.0.tgz", + "integrity": "sha512-LHU3tkS0Cem00DEP8PFIEoWM/PGaI8r20x/zkpc8GFaCdF0AYWfrZ9ecPhgJKKxBR530RL5sCiYdMO2z5CnSjQ==", "dev": true }, "node_modules/@salutejs/plasma-typo": { @@ -3569,27 +3569,27 @@ } }, "@salutejs/plasma-tokens": { - "version": "1.81.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens/-/plasma-tokens-1.81.0.tgz", - "integrity": "sha512-IK9RK3eC4hIES9+bZ3lzq5x0M0vyX7zpsWmIYUIx2PIE8j/E7heQvqJQAW6d3O5RtpgKFoyDomeVX2nr78ffdA==", + "version": "1.83.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens/-/plasma-tokens-1.83.0-dev.0.tgz", + "integrity": "sha512-6Yau3W/9b9ZGeYPdWM8gVk187ThnqRIlvcfWsio7iFOtr8maFc1MRabd+rgsZBXMSRlqMTUSF3VmA5WO06ABFg==", "dev": true }, "@salutejs/plasma-tokens-b2b": { - "version": "1.40.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2b/-/plasma-tokens-b2b-1.40.0.tgz", - "integrity": "sha512-/jN5XNEMv8zP1vRqHw2EndeyC6yVT6d+BD9HFnXpqmA7SYiuVfHF9NAtFnK1GvQqgu1uEdiG1AJmIaO/yr/fDA==", + "version": "1.41.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2b/-/plasma-tokens-b2b-1.41.0-dev.0.tgz", + "integrity": "sha512-1U+tQLppSiADU4c+VhEztQXxlvWEO2/4FfkTuK5nVTl2A7Jbf8Qhh3SHVym5GWAXFd0MrSxSla4EshgMoA4yDA==", "dev": true }, "@salutejs/plasma-tokens-b2c": { - "version": "0.50.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2c/-/plasma-tokens-b2c-0.50.0.tgz", - "integrity": "sha512-gMn3NXuUJA46nNh7wMJydpQx4301Ozq7F46Pitwn5tG87IUIDlOU83QihyWqCKPQvp3bx5htx9TF/CjiDRtg6A==", + "version": "0.51.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2c/-/plasma-tokens-b2c-0.51.0-dev.0.tgz", + "integrity": "sha512-BqSUKqHgAd2I38HeEQjm3+3y0FWcRyCCGkrQ+PCzNQa3s6Oc1zsFUu5MAjcXF5oS/3zIJvUJBjSIg/837xz29w==", "dev": true }, "@salutejs/plasma-tokens-web": { - "version": "1.55.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-web/-/plasma-tokens-web-1.55.0.tgz", - "integrity": "sha512-B0gZeGaupBMiZpK02ZAIMFSOGDImd2D3qkwtpy51lb2InSuoG2qaxggqpQgQzKAvxKrz2boPebpN+vq4yaxNzQ==", + "version": "1.56.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-web/-/plasma-tokens-web-1.56.0-dev.0.tgz", + "integrity": "sha512-LHU3tkS0Cem00DEP8PFIEoWM/PGaI8r20x/zkpc8GFaCdF0AYWfrZ9ecPhgJKKxBR530RL5sCiYdMO2z5CnSjQ==", "dev": true }, "@salutejs/plasma-typo": { diff --git a/utils/plasma-cy-utils/package.json b/utils/plasma-cy-utils/package.json index bd016a791f..ab8cfa235c 100644 --- a/utils/plasma-cy-utils/package.json +++ b/utils/plasma-cy-utils/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-cy-utils", - "version": "0.92.0", + "version": "0.94.0-dev.0", "description": "Test helpers shared between ui libraries.", "author": "Salute Frontend Team <salute.developers@gmail.com>", "license": "MIT", @@ -26,10 +26,10 @@ }, "devDependencies": { "@cypress/react": "5.10.1", - "@salutejs/plasma-tokens": "1.81.0", - "@salutejs/plasma-tokens-b2b": "1.40.0", - "@salutejs/plasma-tokens-b2c": "0.50.0", - "@salutejs/plasma-tokens-web": "1.55.0", + "@salutejs/plasma-tokens": "1.83.0-dev.0", + "@salutejs/plasma-tokens-b2b": "1.41.0-dev.0", + "@salutejs/plasma-tokens-b2c": "0.51.0-dev.0", + "@salutejs/plasma-tokens-web": "1.56.0-dev.0", "@salutejs/plasma-typo": "0.40.0", "@types/react": "18.0.28", "@types/react-dom": "18.0.11", @@ -53,4 +53,4 @@ "files": [ "lib" ] -} +} \ No newline at end of file diff --git a/utils/plasma-docs-ui/package.json b/utils/plasma-docs-ui/package.json index 628c931477..492f6a7f1e 100644 --- a/utils/plasma-docs-ui/package.json +++ b/utils/plasma-docs-ui/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-docs-ui", - "version": "0.250.0", + "version": "0.261.1-dev.0", "description": "Plasma Documentation.", "author": "Salute Frontend Team <salute.developers@gmail.com>", "license": "MIT", @@ -18,9 +18,9 @@ "lint": "../../node_modules/.bin/eslint ./src --ext .ts,.tsx --quiet" }, "dependencies": { - "@salutejs/plasma-core": "1.160.0", - "@salutejs/plasma-tokens-b2b": "1.40.0", - "@salutejs/plasma-web": "1.339.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "@salutejs/plasma-tokens-b2b": "1.41.0-dev.0", + "@salutejs/plasma-web": "1.350.1-dev.0", "@types/marked": "3.0.1", "codesandbox": "2.2.3", "marked": "3.0.7", @@ -49,4 +49,4 @@ "files": [ "lib" ] -} +} \ No newline at end of file diff --git a/utils/plasma-sb-utils/package-lock.json b/utils/plasma-sb-utils/package-lock.json index c267efab74..b5470e3572 100644 --- a/utils/plasma-sb-utils/package-lock.json +++ b/utils/plasma-sb-utils/package-lock.json @@ -1,16 +1,16 @@ { "name": "@salutejs/plasma-sb-utils", - "version": "0.158.0", + "version": "0.160.0-dev.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@salutejs/plasma-sb-utils", - "version": "0.158.0", + "version": "0.160.0-dev.0", "license": "MIT", "dependencies": { "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "param-case": "^3.0.4" }, "devDependencies": { @@ -687,9 +687,9 @@ "integrity": "sha512-EUhA9QJ2/uTwGVrqH0He3qq+d7h3x5aEVb8VfOwDlT9oF5gpT6DMWfQ6dzJcEAnXIAY8TSXLYQJI4iWAwCAd+w==" }, "node_modules/@salutejs/plasma-core": { - "version": "1.160.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.160.0.tgz", - "integrity": "sha512-ddpmy2lmCjPY0SQAcVma/rjqV+yzXY512MC6WtC6qq5RGZi+x/QKFGyL6eLVZbVE7QqxvvqSed/YiA22OaAXUA==", + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", "dependencies": { "@popperjs/core": "2.9.2", "@salutejs/plasma-typo": "0.40.0", @@ -3770,9 +3770,9 @@ "integrity": "sha512-EUhA9QJ2/uTwGVrqH0He3qq+d7h3x5aEVb8VfOwDlT9oF5gpT6DMWfQ6dzJcEAnXIAY8TSXLYQJI4iWAwCAd+w==" }, "@salutejs/plasma-core": { - "version": "1.160.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.160.0.tgz", - "integrity": "sha512-ddpmy2lmCjPY0SQAcVma/rjqV+yzXY512MC6WtC6qq5RGZi+x/QKFGyL6eLVZbVE7QqxvvqSed/YiA22OaAXUA==", + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", "requires": { "@popperjs/core": "2.9.2", "@salutejs/plasma-typo": "0.40.0", diff --git a/utils/plasma-sb-utils/package.json b/utils/plasma-sb-utils/package.json index fea9252155..99ac0dfee5 100644 --- a/utils/plasma-sb-utils/package.json +++ b/utils/plasma-sb-utils/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-sb-utils", - "version": "0.158.0", + "version": "0.160.0-dev.0", "description": "Code shared between ui libraries.", "author": "Salute Frontend Team <salute.developers@gmail.com>", "license": "MIT", @@ -20,7 +20,7 @@ }, "dependencies": { "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "param-case": "^3.0.4" }, "peerDependencies": { @@ -44,4 +44,4 @@ "files": [ "lib" ] -} +} \ No newline at end of file diff --git a/utils/plasma-tokens-native/package.json b/utils/plasma-tokens-native/package.json index f28e0a0cf7..4911d847fc 100644 --- a/utils/plasma-tokens-native/package.json +++ b/utils/plasma-tokens-native/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-tokens-native", - "version": "1.32.0", + "version": "1.34.0-dev.0", "description": "Plasma tokens for swift, kotlin, react-native", "private": true, "files": [ @@ -27,8 +27,8 @@ "lint": "../../node_modules/.bin/eslint ./src --ext .ts,.tsx --quiet" }, "devDependencies": { - "@salutejs/plasma-tokens": "1.81.0", - "@salutejs/plasma-tokens-utils": "0.42.0", + "@salutejs/plasma-tokens": "1.83.0-dev.0", + "@salutejs/plasma-tokens-utils": "0.43.0-dev.0", "@salutejs/plasma-typo": "0.40.0", "style-dictionary": "^3.7.2", "styled-components": "^5.3.10", @@ -42,4 +42,4 @@ "bugs": { "url": "https://github.com/salute-developers/plasma/issues" } -} +} \ No newline at end of file diff --git a/utils/plasma-tokens-utils/package-lock.json b/utils/plasma-tokens-utils/package-lock.json index be84f34871..1417ff696c 100644 --- a/utils/plasma-tokens-utils/package-lock.json +++ b/utils/plasma-tokens-utils/package-lock.json @@ -1,12 +1,12 @@ { "name": "@salutejs/plasma-tokens-utils", - "version": "0.42.0", + "version": "0.43.0-dev.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@salutejs/plasma-tokens-utils", - "version": "0.42.0", + "version": "0.43.0-dev.0", "license": "MIT", "dependencies": { "@salutejs/plasma-colors": "0.13.0", diff --git a/utils/plasma-tokens-utils/package.json b/utils/plasma-tokens-utils/package.json index 61bc01d6ff..08cbf071b5 100644 --- a/utils/plasma-tokens-utils/package.json +++ b/utils/plasma-tokens-utils/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-tokens-utils", - "version": "0.42.0", + "version": "0.43.0-dev.0", "description": "Code shared between token libraries.", "author": "Salute Frontend Team <salute.developers@gmail.com>", "license": "MIT", @@ -43,4 +43,4 @@ "files": [ "lib" ] -} +} \ No newline at end of file diff --git a/utils/plasma-tokens-utils/src/generators/getRestoredColorFromPalette.ts b/utils/plasma-tokens-utils/src/generators/getRestoredColorFromPalette.ts index 2061225ffa..b91a53d860 100644 --- a/utils/plasma-tokens-utils/src/generators/getRestoredColorFromPalette.ts +++ b/utils/plasma-tokens-utils/src/generators/getRestoredColorFromPalette.ts @@ -7,7 +7,8 @@ const paletteMap: Record<string, Record<string, Record<string, string>>> = { additional, }; -export const getRestoredColorFromPalette = (value: string) => { +// TODO: удалить alphaSign после того, как избавимся от старого формата тем +export const getRestoredColorFromPalette = (value: string, alphaSign = 0) => { if (typeof value === 'string' && value.startsWith('[') && value.endsWith(']')) { const [, color, opacity] = extractColors(value); const [palette, shade, saturation] = color.split('.'); @@ -16,7 +17,7 @@ export const getRestoredColorFromPalette = (value: string) => { const format = 'hexa'; const isRaw = true; - return opacity ? alphenColor(resultColor, Number(opacity), format, isRaw) : resultColor; + return opacity ? alphenColor(resultColor, Number(opacity) + alphaSign, format, isRaw) : resultColor; } return value; diff --git a/utils/plasma-tokens-utils/src/utils/getMediaQuery.ts b/utils/plasma-tokens-utils/src/utils/getMediaQuery.ts index 110234ca2a..4368cc7d49 100644 --- a/utils/plasma-tokens-utils/src/utils/getMediaQuery.ts +++ b/utils/plasma-tokens-utils/src/utils/getMediaQuery.ts @@ -1,3 +1,4 @@ +// TODO: Переделать, т.к. первый и третий ифы перепутаны местами по смыслу export const getMediaQuery = (from?: number, to?: number) => { if (from && !to) { return `@media (max-width: ${from}px)`; diff --git a/website/caldera-online-docs/docs/components/Popup.mdx b/website/caldera-online-docs/docs/components/Popup.mdx index a97a3d9fea..4595dd20c4 100644 --- a/website/caldera-online-docs/docs/components/Popup.mdx +++ b/website/caldera-online-docs/docs/components/Popup.mdx @@ -15,7 +15,7 @@ import { PropsTable, Description } from '@site/src/components'; ```tsx title="index.ts" import ReactDOM from 'react-dom'; -import { PopupProvider } from '@salutejs/sdds-serv'; +import { PopupProvider } from '@salutejs/caldera-online'; import { App } from './App'; diff --git a/website/caldera-online-docs/docs/components/Portal.mdx b/website/caldera-online-docs/docs/components/Portal.mdx new file mode 100644 index 0000000000..c6287c984c --- /dev/null +++ b/website/caldera-online-docs/docs/components/Portal.mdx @@ -0,0 +1,66 @@ +--- +id: portal +title: Portal +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Portal +<Description name="Portal" /> +<PropsTable name="Portal" /> + +## Использование + +```tsx live +import React, { useState, useRef } from 'react'; +import { Portal, Button, BodyM } from '@salutejs/caldera-online'; + +export function App() { + const [show, setShow] = useState(false); + const containerRef = useRef(null); + + return ( + <> + <Button onClick={() => setShow(!show)}>{show ? 'Скрыть' : 'Показать'}</Button> + <div style={{padding: '1.25rem', marginBottom: '0.625rem', marginTop: '0.625rem', border: '1px solid'}}> + <BodyM style={{ marginBottom: '1.25rem' }}>Содержимое портала появится в нижнем блоке.</BodyM> + {show && containerRef.current && ( + <Portal container={containerRef.current}> + <BodyM bold>Содержимое портала</BodyM> + </Portal> + )} + </div> + <div style={{padding: '1.25rem', marginBottom: '0.625rem', marginTop: '0.625rem', border: '1px solid'}} ref={containerRef} /> + </> + ); +} +``` + +### Disabled +Отключить портал можно с помощью свойства `disabled`. +В этом случае содержимое портала добавится внутрь родительского элемента. + +```tsx live +import React, { useState, useRef } from 'react'; +import { Portal, Button, BodyM } from '@salutejs/caldera-online'; + +export function App() { + const [show, setShow] = useState(false); + const containerRef = useRef(null); + + return ( + <> + <Button onClick={() => setShow(!show)}>{show ? 'Скрыть' : 'Показать'}</Button> + <div style={{padding: '1.25rem', marginBottom: '0.625rem', marginTop: '0.625rem', border: '1px solid'}}> + <BodyM style={{ marginBottom: '1.25rem' }}>Содержимое портала появится в данном блоке.</BodyM> + {show && containerRef.current && ( + <Portal disabled container={containerRef.current}> + <BodyM bold>Содержимое портала</BodyM> + </Portal> + )} + </div> + <div style={{padding: '1.25rem', marginBottom: '0.625rem', marginTop: '0.625rem', border: '1px solid'}} ref={containerRef} /> + </> + ); +} +``` \ No newline at end of file diff --git a/website/caldera-online-docs/docs/components/Sheet.mdx b/website/caldera-online-docs/docs/components/Sheet.mdx new file mode 100644 index 0000000000..8c0933018f --- /dev/null +++ b/website/caldera-online-docs/docs/components/Sheet.mdx @@ -0,0 +1,139 @@ +--- +id: sheet +title: Sheet +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Sheet +<Description name="Sheet" /> +<PropsTable name="Sheet" /> + +## Использование +Компонент `Sheet` может содержать любой контент напрямую через `children`. + +Также есть возможность добавить любой контент в заголовок и футер с помощью свойств `contentHeader` и `contentFooter`. + +```tsx live +import React, { useState } from 'react'; +import { Sheet, Button } from '@salutejs/caldera-online'; + +export function App() { + const [opened, setOpened] = useState(false); + + return ( + <> + <Button onClick={() => setOpened(true)}>Открыть</Button> + + <Sheet opened={opened} + onClose={() => setOpened(false)} + contentHeader={ + <div> + <h4>header</h4> + </div> + } + contentFooter={ + <div> + <p>footer</p> + </div> + } + > + <div style={{ 'padding-bottom': '300px' }}>body</div> + </Sheet> + </> + ); +} +``` + +## Примеры + +### Закрепление заголовка и футера + +С помощью свойств `isHeaderFixed` и `isFooterFixed` можно закрепить заголовок и футер. +В этом случае при появлении прокрутки контент будет скроллится под них. + +```tsx live +import React, { useState } from 'react'; +import { Sheet, Button } from '@salutejs/caldera-online'; + +export function App() { + const [opened, setOpened] = useState(false); + + return ( + <> + <Button onClick={() => setOpened(true)}>Открыть</Button> + <Sheet opened={opened} + onClose={() => setOpened(false)} + contentHeader={ + <div> + <h4>header</h4> + </div> + } + contentFooter={ + <div> + <p>footer</p> + </div> + } + isFooterFixed + isHeaderFixed + > + <div style={{ 'padding-bottom': '300px' }}>body</div> + </Sheet> + </> + ); +} +``` + +### Подложка + +Наличие или отсутствие подложки задается с помощью свойства `withOverlay`. + +В случае, когда подложка отсутствует, у пользователя появляется возможность взаимодействовать с контентом вне шторки. + +```tsx live +import React, { useState } from 'react'; +import { Sheet, Button } from '@salutejs/caldera-online'; + +export function App() { + const [opened, setOpened] = useState(false); + + return ( + <> + <Button onClick={() => setOpened(!opened)}> + {opened ? 'Закрыть' : 'Открыть'} + </Button> + <Sheet opened={opened} + onClose={() => setOpened(false)} + withOverlay={false} + > + <div style={{ 'padding-bottom': '300px' }}>body</div> + </Sheet> + </> + ); +} +``` + +К подложке можно добавить эффект размытия при помощи свойства `withBlur`. + +```tsx live +import React, { useState } from 'react'; +import { Sheet, Button } from '@salutejs/caldera-online'; + +export function App() { + const [opened, setOpened] = useState(false); + + return ( + <> + <Button onClick={() => setOpened(!opened)}> + {opened ? 'Закрыть' : 'Открыть'} + </Button> + <Sheet opened={opened} + onClose={() => setOpened(false)} + withBlur + > + <div style={{ 'padding-bottom': '300px' }}>body</div> + </Sheet> + </> + ); +} +``` diff --git a/website/caldera-online-docs/package.json b/website/caldera-online-docs/package.json index c49c29e036..4c67edff1c 100644 --- a/website/caldera-online-docs/package.json +++ b/website/caldera-online-docs/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/caldera-online-docs", - "version": "0.6.0", + "version": "0.17.1-dev.0", "description": "CALDERA-ONLINE documentation", "author": "Salute Frontend Team <salute.developers@gmail.com>", "license": "MIT", @@ -30,10 +30,10 @@ "@docusaurus/preset-classic": "3.1.1", "@docusaurus/theme-live-codeblock": "3.1.1", "@mdx-js/react": "3.0.0", - "@salutejs/caldera-online": "0.53.0", - "@salutejs/caldera-online-themes": "0.12.0", - "@salutejs/plasma-docs-ui": "0.250.0", - "@salutejs/plasma-icons": "1.198.0", + "@salutejs/caldera-online": "0.64.1-dev.0", + "@salutejs/caldera-online-themes": "0.13.0-dev.0", + "@salutejs/plasma-docs-ui": "0.261.1-dev.0", + "@salutejs/plasma-icons": "1.198.3-dev.0", "@salutejs/plasma-typo": "0.40.0", "@svgr/webpack": "8.1.0", "clsx": "^1.1.1", @@ -68,4 +68,4 @@ "last 1 safari version" ] } -} +} \ No newline at end of file diff --git a/website/plasma-theme-builder/package.json b/website/plasma-theme-builder/package.json index 65efb034c4..c12acf9ffe 100644 --- a/website/plasma-theme-builder/package.json +++ b/website/plasma-theme-builder/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-theme-builder", - "version": "1.191.0", + "version": "1.202.1-dev.0", "description": "Plasma Theme Builder.", "author": "Salute Frontend Team <salute.developers@gmail.com>", "private": true, @@ -10,13 +10,13 @@ "lint": "../../node_modules/.bin/eslint ./src --ext .ts,.tsx --quiet" }, "dependencies": { - "@salutejs/plasma-b2c": "1.338.0", + "@salutejs/plasma-b2c": "1.349.1-dev.0", "@salutejs/plasma-colors": "0.13.0", - "@salutejs/plasma-icons": "1.198.0", - "@salutejs/plasma-tokens-b2b": "1.40.0", - "@salutejs/plasma-tokens-b2c": "0.50.0", - "@salutejs/plasma-tokens-utils": "0.42.0", - "@salutejs/plasma-tokens-web": "1.55.0", + "@salutejs/plasma-icons": "1.198.3-dev.0", + "@salutejs/plasma-tokens-b2b": "1.41.0-dev.0", + "@salutejs/plasma-tokens-b2c": "0.51.0-dev.0", + "@salutejs/plasma-tokens-utils": "0.43.0-dev.0", + "@salutejs/plasma-tokens-web": "1.56.0-dev.0", "@salutejs/plasma-typo": "0.40.0", "jszip": "^3.10.1", "octokit": "^1.7.1", @@ -58,4 +58,4 @@ "last 1 safari version" ] } -} +} \ No newline at end of file diff --git a/website/plasma-ui-docs/package.json b/website/plasma-ui-docs/package.json index 91c28cf4d6..4c1065134d 100644 --- a/website/plasma-ui-docs/package.json +++ b/website/plasma-ui-docs/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-ui-docs", - "version": "0.326.0", + "version": "0.337.1-dev.0", "description": "Plasma Documentation.", "author": "Salute Frontend Team <salute.developers@gmail.com>", "license": "MIT", @@ -30,10 +30,10 @@ "@docusaurus/preset-classic": "3.1.1", "@docusaurus/theme-live-codeblock": "3.1.1", "@mdx-js/react": "3.0.0", - "@salutejs/plasma-docs-ui": "0.250.0", - "@salutejs/plasma-icons": "1.198.0", - "@salutejs/plasma-tokens": "1.81.0", - "@salutejs/plasma-ui": "1.255.0", + "@salutejs/plasma-docs-ui": "0.261.1-dev.0", + "@salutejs/plasma-icons": "1.198.3-dev.0", + "@salutejs/plasma-tokens": "1.83.0-dev.0", + "@salutejs/plasma-ui": "1.257.1-dev.0", "@salutejs/use-virtual": "2.0.0", "@svgr/webpack": "8.1.0", "clsx": "^1.1.1", @@ -66,4 +66,4 @@ "react-docgen-typescript": "2.2.2", "typescript": "5.2.2" } -} +} \ No newline at end of file diff --git a/website/plasma-ui-docs/src/components/Storybook.tsx b/website/plasma-ui-docs/src/components/Storybook.tsx index 9e86a5dd37..8be04ea7ba 100644 --- a/website/plasma-ui-docs/src/components/Storybook.tsx +++ b/website/plasma-ui-docs/src/components/Storybook.tsx @@ -1,6 +1,7 @@ import React, { FC } from 'react'; import { StorybookLink as BaseLink } from '@salutejs/plasma-docs-ui'; +// INFO: Список должен совпадать со списком компонентов в библиотеки const storyLinks = { Badge: 'content-badge--default', Button: 'controls-button--default', @@ -33,6 +34,8 @@ const storyLinks = { Typography: 'content-typography--default', }; -export const StorybookLink: FC<{ name: keyof typeof storyLinks }> = ({ name }) => { - return <BaseLink link={`https://bit.ly/3xRatFG?path=/story/${storyLinks[name]}`} />; +// INFO: Временно убираем кнопку +export const StorybookLink: FC<{ name: keyof typeof storyLinks }> = () => { + // INFO: short links работает с ошибкой + return <BaseLink link={null} />; }; diff --git a/website/plasma-web-docs/docs/components/DatePicker.mdx b/website/plasma-web-docs/docs/components/DatePicker.mdx new file mode 100644 index 0000000000..d49ad10f87 --- /dev/null +++ b/website/plasma-web-docs/docs/components/DatePicker.mdx @@ -0,0 +1,151 @@ +--- +id: datepicker +title: DatePicker +--- + +import { PropsTable, Description, StorybookLink } from '@site/src/components'; + +# DatePicker +<Description name="DatePicker" /> +<PropsTable name="DatePicker" exclude={['css']} /> +<StorybookLink name="DatePicker" /> + +## Использование +Компонент `DatePicker` представляет собой поле ввода даты с выпадающим календарем. + +Размер `DatePicker` задаётся с помощью свойства `size`. +Возможные значения свойтсва: `"l"`, `"m"`, `"s"`, `"xs"`. + +```tsx live +import React, {useState} from 'react'; +import { DatePicker, IconButton } from '@salutejs/plasma-web'; +import { IconDone } from '@salutejs/plasma-icons'; + +export function App() { + return ( + <div style={{ height: "450px" }}> + <DatePicker + label="Лейбл" + leftHelper="Подсказка к полю" + placeholder="Введите дату" + contentRight={<IconDone size="s" />} + size="l" + /> + </div> + ); +} +``` + +### Формат даты +Формат даты задается с помощью свойства `format`. +При выборе даты в календаре или вводе даты через поле ввода, дата будет приводиться к заданному формату. +Свойство `maskWithFormat` позволяет маскировать ввод: + +```tsx live +import React, {useState} from 'react'; +import { DatePicker, IconButton } from '@salutejs/plasma-web'; +import { IconDone } from '@salutejs/plasma-icons'; + +export function App() { + return ( + <div style={{ height: "450px" }}> + <DatePicker + label="Лейбл" + leftHelper="Подсказка к полю" + placeholder="Введите дату" + format="DD-MM-YYYY" + maskWithFormat + contentRight={<IconDone size="s" />} + /> + </div> + ); +} +``` + +### Валидация и индикация успешного ввода даты. +За индикацию ошибки или успешного ввода отвечают `valueError`, `valueSuccess`. +В данном примере валидация происходит при нажатии клавиши `Enter` после ввода значений: + +```tsx live +import React, {useState} from 'react'; +import { DatePicker, IconButton } from '@salutejs/plasma-web'; +import { IconDone } from '@salutejs/plasma-icons'; + +export function App() { + const [isOpen, setIsOpen] = useState(false); + const [error, setError] = useState(false); + const [success, setSuccess] = useState(false); + + const handleCommitDate = (newDate: Date | string, dateError?: boolean, dateSuccess?: boolean) => { + if (dateError) { + setError(true); + return; + } + + if (dateSuccess) { + setSuccess(true); + } + + setIsOpen(false); + }; + + return ( + <div style={{ height: "450px" }}> + <DatePicker + isOpen={isOpen} + label="Лейбл" + leftHelper="Подсказка к полю" + placeholder="Введите дату" + format="DD-MM-YYYY" + maskWithFormat + valueError={error} + valueSuccess={success} + contentRight={<IconDone size="s" />} + onChangeValue={() => { + setError(false); + setSuccess(false); + }} + onCommitDate={handleCommitDate} + /> + </div> + ); +} +``` + +## DatePickerRange +<Description name="DatePickerRange" /> +<PropsTable name="DatePickerRange" exclude={['css']} /> + +## Использование +Компонент `DatePickerRange` представляет собой `Range` с выпадающим календарем. +Календарь может быть одиночным или двойным. За это отвечает свойство `isDoubleCalendar`. + +```tsx live +import React, {useState} from 'react'; +import { DatePickerRange, IconButton } from '@salutejs/plasma-web'; +import { IconDone } from '@salutejs/plasma-icons'; + +export function App() { + const ActionButton = () => { + return ( + <IconButton view="clear" size="l"> + <IconDone size="s" /> + </IconButton> + ); + }; + + return ( + <div style={{ height: "500px" }}> + <DatePickerRange + size="l" + label="Лейбл" + leftHelper="Подсказка к полю" + firstPlaceholder="Введите дату 1" + secondPlaceholder="Введите дату 2" + contentRight={<ActionButton />} + isDoubleCalendar + /> + </div> + ); +} +``` \ No newline at end of file diff --git a/website/plasma-web-docs/docs/components/Dropdown.mdx b/website/plasma-web-docs/docs/components/Dropdown.mdx index 18a7604b4e..ae096a9e95 100644 --- a/website/plasma-web-docs/docs/components/Dropdown.mdx +++ b/website/plasma-web-docs/docs/components/Dropdown.mdx @@ -306,7 +306,6 @@ type Items = Array<{ }, ]; - return ( <div style={{ height:"300px" }}> <Dropdown @@ -320,6 +319,59 @@ type Items = Array<{ } ``` </TabItem> + + <TabItem value="portal" label="Portal"> + Иногда возникает необходимость вынесения выпадающего списка на уровни выше в DOM. К примеру, когда у родительского блока имеется скролл, и список будет обрезаться, чего хотелось бы избежать.\ + Для такой реализации имеется пропс `portal`, который принимает либо `ref` либо `id` html-тега. + + ```tsx live + import React, { useRef } from 'react'; + import { Select } from '@salutejs/plasma-web'; + + export function App() { + const items = [ + { + value: 'north_america', + label: 'Северная Америка', + }, + { + value: 'south_america', + label: 'Южная Америка', + items: [ + { + value: 'brazil', + label: 'Бразилия', + items: [ + { + value: 'rio_de_janeiro', + label: 'Рио-де-Жанейро', + }, + { + value: 'sao_paulo', + label: 'Сан-Паулу', + }, + ], + }, + { + value: 'argentina', + label: 'Аргентина', + }, + ], + }, + ]; + + const ref = useRef(null) + + return ( + <div style={{ height: '300px' }} ref={ref}> + <Dropdown items={items} portal={ref}> + <Button text="Список стран" /> + </Dropdown> + </div> + ); + } + ``` + </TabItem> </Tabs> ## Клавиатурная навигация diff --git a/website/plasma-web-docs/docs/components/Popover.mdx b/website/plasma-web-docs/docs/components/Popover.mdx index 76d4cda37c..93fc1c72c2 100644 --- a/website/plasma-web-docs/docs/components/Popover.mdx +++ b/website/plasma-web-docs/docs/components/Popover.mdx @@ -19,24 +19,6 @@ import { Popover, Button } from '@salutejs/plasma-web'; export function App() { const [isOpen, setIsOpen] = React.useState(false); - const StyledArrow = styled.div` - visibility: hidden; - - &, - &::before { - position: absolute; - width: 0.5rem; - height: 0.5rem; - background: ${surfaceSolid03}; - } - - &::before { - visibility: visible; - content: ''; - transform: rotate(45deg); - } - `; - const StyledContent = styled.div` background: ${surfaceSolid03}; padding: 1rem; @@ -55,7 +37,7 @@ export function App() { id="popover" target={<Button>Target</Button>} offset={[0, 6]} - arrow={<StyledArrow/>} + hasArrow placement='bottom' trigger='click' closeOnOverlayClick diff --git a/website/plasma-web-docs/docs/components/Portal.mdx b/website/plasma-web-docs/docs/components/Portal.mdx new file mode 100644 index 0000000000..d1ff2ca611 --- /dev/null +++ b/website/plasma-web-docs/docs/components/Portal.mdx @@ -0,0 +1,67 @@ +--- +id: portal +title: Portal +--- + +import { PropsTable, Description, StorybookLink } from '@site/src/components'; + +# Portal +<Description name="Portal" /> +<PropsTable name="Portal" /> +<StorybookLink name="Portal" /> + +## Использование + +```tsx live +import React, { useState, useRef } from 'react'; +import { Portal, Button, BodyM } from '@salutejs/plasma-web'; + +export function App() { + const [show, setShow] = useState(false); + const containerRef = useRef(null); + + return ( + <> + <Button onClick={() => setShow(!show)}>{show ? 'Скрыть' : 'Показать'}</Button> + <div style={{padding: '1.25rem', marginBottom: '0.625rem', marginTop: '0.625rem', border: '1px solid'}}> + <BodyM style={{ marginBottom: '1.25rem' }}>Содержимое портала появится в нижнем блоке.</BodyM> + {show && containerRef.current && ( + <Portal container={containerRef.current}> + <BodyM bold>Содержимое портала</BodyM> + </Portal> + )} + </div> + <div style={{padding: '1.25rem', marginBottom: '0.625rem', marginTop: '0.625rem', border: '1px solid'}} ref={containerRef} /> + </> + ); +} +``` + +### Disabled +Отключить портал можно с помощью свойства `disabled`. +В этом случае содержимое портала добавится внутрь родительского элемента. + +```tsx live +import React, { useState, useRef } from 'react'; +import { Portal, Button, BodyM } from '@salutejs/plasma-web'; + +export function App() { + const [show, setShow] = useState(false); + const containerRef = useRef(null); + + return ( + <> + <Button onClick={() => setShow(!show)}>{show ? 'Скрыть' : 'Показать'}</Button> + <div style={{padding: '1.25rem', marginBottom: '0.625rem', marginTop: '0.625rem', border: '1px solid'}}> + <BodyM style={{ marginBottom: '1.25rem' }}>Содержимое портала появится в данном блоке.</BodyM> + {show && containerRef.current && ( + <Portal disabled container={containerRef.current}> + <BodyM bold>Содержимое портала</BodyM> + </Portal> + )} + </div> + <div style={{padding: '1.25rem', marginBottom: '0.625rem', marginTop: '0.625rem', border: '1px solid'}} ref={containerRef} /> + </> + ); +} +``` \ No newline at end of file diff --git a/website/plasma-web-docs/package.json b/website/plasma-web-docs/package.json index fbc96f05b5..5e21041976 100644 --- a/website/plasma-web-docs/package.json +++ b/website/plasma-web-docs/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-web-docs", - "version": "0.293.0", + "version": "0.304.1-dev.0", "description": "Plasma Documentation.", "author": "Salute Frontend Team <salute.developers@gmail.com>", "license": "MIT", @@ -30,13 +30,13 @@ "@docusaurus/preset-classic": "3.1.1", "@docusaurus/theme-live-codeblock": "3.1.1", "@mdx-js/react": "3.0.0", - "@salutejs/plasma-docs-ui": "0.250.0", - "@salutejs/plasma-icons": "1.198.0", - "@salutejs/plasma-tokens-b2b": "1.40.0", - "@salutejs/plasma-tokens-b2c": "0.50.0", - "@salutejs/plasma-tokens-web": "1.55.0", + "@salutejs/plasma-docs-ui": "0.261.1-dev.0", + "@salutejs/plasma-icons": "1.198.3-dev.0", + "@salutejs/plasma-tokens-b2b": "1.41.0-dev.0", + "@salutejs/plasma-tokens-b2c": "0.51.0-dev.0", + "@salutejs/plasma-tokens-web": "1.56.0-dev.0", "@salutejs/plasma-typo": "0.40.0", - "@salutejs/plasma-web": "1.339.0", + "@salutejs/plasma-web": "1.350.1-dev.0", "@svgr/webpack": "8.1.0", "clsx": "^1.1.1", "file-loader": "^6.2.0", @@ -70,4 +70,4 @@ "last 1 safari version" ] } -} +} \ No newline at end of file diff --git a/website/plasma-web-docs/src/components/Storybook.tsx b/website/plasma-web-docs/src/components/Storybook.tsx index a3012bdcab..1c74ea22c6 100644 --- a/website/plasma-web-docs/src/components/Storybook.tsx +++ b/website/plasma-web-docs/src/components/Storybook.tsx @@ -1,6 +1,7 @@ import React, { FC } from 'react'; import { StorybookLink as BaseLink } from '@salutejs/plasma-docs-ui'; +// INFO: Список должен совпадать со списком компонентов в библиотеки const storyLinks = { Badge: 'content-badge--default', Button: 'controls-button--default', @@ -28,6 +29,8 @@ const storyLinks = { Toolbar: 'controls-toolbar--default', }; -export const StorybookLink: FC<{ name: keyof typeof storyLinks }> = ({ name }) => { - return <BaseLink link={`https://bit.ly/3OtwX5v-storybook/?path=/story/${storyLinks[name]}`} />; +// INFO: Временно убираем кнопку +export const StorybookLink: FC<{ name: keyof typeof storyLinks }> = () => { + // INFO: short links работает с ошибкой + return <BaseLink link={null} />; }; diff --git a/website/plasma-website/components/palette/GradientScroll.tsx b/website/plasma-website/components/palette/GradientScroll.tsx new file mode 100644 index 0000000000..2d2fae6ca6 --- /dev/null +++ b/website/plasma-website/components/palette/GradientScroll.tsx @@ -0,0 +1,110 @@ +import React, { useEffect, useState } from 'react'; +import styled from 'styled-components'; + +const fixPadding = 212; + +const GradientScrollContainer = styled.div<{ padding: number }>` + position: fixed; + top: 7.5rem; + height: calc(100vh - ${({ padding }) => padding}px); + left: 0; + width: 4rem; + padding-left: 1.875rem; + box-sizing: border-box; + display: flex; + align-items: center; + z-index: 3; +`; + +const GradientScrollContainerScroll = styled.div` + width: 2.125rem; + height: 100%; + position: relative; +`; + +const GradientScrollHeight = styled.div<{ colors: string[] }>` + width: 0.25rem; + height: 100%; + position: absolute; + top: 0; + left: 0; + border-radius: 0.125rem; + /* stylelint-disable */ + background: linear-gradient( + 180deg, + ${({ colors }) => + colors.map((color: string, index: number) => `${color} ${(100 / colors.length) * index}%`).join(',')} + ); + /* stylelint-enable */ +`; + +const GradientScrollScroll = styled.div<{ height: number; top: number }>` + background: rgba(255, 255, 255, 0.56); + width: 0.125rem; + height: ${({ height }) => height}px; + position: absolute; + top: ${({ top }) => top}px; + right: 0; + border-radius: 0.125rem; +`; +const GradientScrollTopText = styled.div` + top: -1.25rem; + font-size: 0.75rem; + left: 100%; + position: absolute; + opacity: 0.8; +`; + +const GradientScrollBottomText = styled.div` + bottom: -1.25rem; + font-size: 0.75rem; + left: 100%; + position: absolute; + opacity: 0.8; +`; + +export const GradientScroll: React.FC<{ + hsl: number[]; + colors: string[]; + scrollRef: React.RefObject<HTMLDivElement>; +}> = ({ hsl, colors, scrollRef }) => { + const [scrollPosition, setScrollPosition] = useState(0); + + const scrollHeight = scrollRef?.current?.scrollHeight ?? 0; + const clientHeight = scrollRef?.current?.scrollHeight ?? 0; + + const heightAllScroll = clientHeight - fixPadding; + const heightScroll = heightAllScroll / (scrollHeight / clientHeight); + const topScroll = heightAllScroll * (scrollPosition / scrollHeight) + 2; + + const handlerScroll = () => { + if (scrollRef.current) { + const { scrollTop } = scrollRef.current; + setScrollPosition(scrollTop); + } + }; + + useEffect(() => { + if (scrollRef?.current) { + scrollRef.current.addEventListener('scroll', handlerScroll); + handlerScroll(); + + return () => { + if (scrollRef.current) { + scrollRef.current.removeEventListener('scroll', handlerScroll); + } + }; + } + }, []); + + return ( + <GradientScrollContainer padding={fixPadding}> + <GradientScrollContainerScroll> + <GradientScrollTopText>H:{hsl[0]}</GradientScrollTopText> + <GradientScrollHeight colors={colors} /> + <GradientScrollScroll top={topScroll} height={heightScroll} /> + <GradientScrollBottomText>H:{hsl[hsl.length - 1]}</GradientScrollBottomText> + </GradientScrollContainerScroll> + </GradientScrollContainer> + ); +}; diff --git a/website/plasma-website/components/palette/Header.tsx b/website/plasma-website/components/palette/Header.tsx new file mode 100644 index 0000000000..bd2267681f --- /dev/null +++ b/website/plasma-website/components/palette/Header.tsx @@ -0,0 +1,38 @@ +import React from 'react'; +import styled from 'styled-components'; + +const HeaderWrapper = styled.a` + display: flex; + top: 2rem; + left: 1.625rem; + gap: 1.75rem; + position: fixed; + align-items: center; + cursor: pointer; + z-index: 99999; + color: rgba(255, 255, 255, 1); + text-decoration: none; + + &:hover .hoverHeader { + opacity: 1; + } +`; + +const HeaderText = styled.div` + font-size: 1rem; + color: rgba(255, 255, 255, 1); + opacity: 0.7; +`; +const HeaderTextBold = styled(HeaderText)` + font-weight: var(--plasma-typo-headline1-font-weight); + opacity: 1; +`; + +export const Header: React.FC<{ text?: string; link?: string }> = ({ text, link }) => { + return ( + <HeaderWrapper href={link}> + <HeaderText className="hoverHeader">←</HeaderText> + <HeaderTextBold>{text}</HeaderTextBold> + </HeaderWrapper> + ); +}; diff --git a/website/plasma-website/components/palette/PaletteColorPage.tsx b/website/plasma-website/components/palette/PaletteColorPage.tsx new file mode 100644 index 0000000000..58f925ec05 --- /dev/null +++ b/website/plasma-website/components/palette/PaletteColorPage.tsx @@ -0,0 +1,276 @@ +import React from 'react'; +import styled from 'styled-components'; +import { useToast } from '@salutejs/plasma-b2c'; +import type { ShowToastArgs } from '@salutejs/plasma-b2c'; +import { IconCopyOutline } from '@salutejs/plasma-icons'; +import { ContrastRatioChecker } from 'contrast-ratio-checker'; +import { useRouter } from 'next/router'; + +import { convertHexToRgb, paletteColors, checkColor } from '../../utils'; + +import { TextReadble } from './TextReadble'; +import { Header } from './Header'; + +const widthText = 570; + +const toastData: ShowToastArgs = { + text: '', + position: 'bottom', + role: 'status', + size: 'm', + view: 'dark', + timeout: 1000, +}; + +const ColorWrapper = styled.div<{ background: string }>` + position: fixed; + inset: 0; + background: ${({ background }) => background}; + z-index: 99; + transition: 400ms; +`; + +const ColorPalette = styled.div` + position: relative; + width: 100%; + height: calc(100vh - 15rem); + box-sizing: border-box; + padding: 0.125rem; + display: flex; + gap: 0.125rem; +`; + +const ColorItem = styled.div<{ color: string; colorText: boolean }>` + font-size: 0.75rem; + width: calc(100% / 15); + height: 100%; + border-radius: 0.5rem; + display: flex; + align-items: flex-end; + padding-left: 0.375rem; + padding-bottom: 0.375rem; + /* stylelint-disable */ + background: linear-gradient( + 180deg, + ${({ color }) => { + return color; + }} + 12%, + ${({ color }) => { + return color; + }}85 + 40%, + ${({ color }) => { + return color; + }}76 + 45%, + ${({ color }) => { + return color; + }}66 + 50%, + ${({ color }) => { + return color; + }}55 + 54.5%, + ${({ color }) => { + return color; + }}44 + 59.75%, + ${({ color }) => { + return color; + }}33 + 65%, + ${({ color }) => { + return color; + }}23 + 69.5%, + ${({ color }) => { + return color; + }}14 + 75%, + ${({ color }) => { + return color; + }}08 + 80%, + ${({ color }) => { + return color; + }}03 + 85%, + ${({ color }) => { + return color; + }}01 + 89.6%, + transparent 95% + ); + /* stylelint-enable */ + cursor: pointer; + position: relative; + transition: 400ms; + color: ${({ colorText }) => (colorText ? 'rgba(255, 255, 255,0.28)' : 'rgba(0, 0, 0,0.28)')}; + font-weight: var(--plasma-typo-body1-font-weight); + + &:hover { + font-weight: var(--plasma-typo-headline1-font-weight); + color: ${({ colorText }) => (colorText ? 'rgba(255, 255, 255,0.56)' : 'rgba(0, 0, 0, 0.56)')}; + } + + &.selected { + font-weight: var(--plasma-typo-headline1-font-weight); + width: calc(100% / 7.5); + color: ${({ colorText }) => (colorText ? 'rgba(255, 255, 255,1)' : 'rgba(0, 0, 0, 1)')}; + } +`; + +const ColorItemText = styled.div<{ direction: string }>` + position: absolute; + bottom: 10%; + height: 11rem; + gap: 1rem; + display: flex; + flex-direction: column; + font-size: 4rem; + ${({ direction }) => direction}: 0.5rem; + z-index: 9998; + transition: 200ms; +`; + +const ColorIndex = styled.div<{ colorText: boolean; direction: string }>` + font-size: 4rem; + height: 4rem; + z-index: 9999; + font-weight: var(--plasma-typo-body1-font-weight); + display: flex; + align-items: center; + gap: 2rem; + flex-direction: ${({ direction }) => (direction === 'left' ? 'row' : 'row-reverse')}; + color: ${({ colorText }) => (colorText ? 'rgba(255, 255, 255,1)' : 'rgba(0, 0, 0, 1)')}; + + &:hover .copyIcon { + opacity: 0.6; + visibility: visible; + transition-delay: 0s; + } +`; + +const ColorItemWrapperText = styled.div` + display: flex; + font-family: var(--plasma-typo-headline1-font-family); +`; +const ColorItemWrapperOpacityText = styled.div` + opacity: 0.6; +`; + +const ColorItemWrapperIconCopy = styled(IconCopyOutline)` + scale: 1.7; + opacity: 0; + visibility: hidden; + transition: opacity 0.2s, visibility 0s linear 0.2s; +`; + +const TextReadableWrapper = styled.div` + width: 100%; + height: 15rem; + display: grid; + grid-template-columns: 50% 50%; + grid-template-rows: 7.5rem 7.5rem; +`; + +export const PaletteColorPage: React.FC<{ + query: string | string[] | undefined; +}> = ({ query }) => { + const checker = new ContrastRatioChecker(); + + const color = query?.[1] ?? ''; + const colorCode = query?.[3] ?? ''; + + const router = useRouter(); + const { showToast } = useToast(); + + if (!checkColor(color, colorCode)) { + return null; + } + + const copyToClipboard = async (text: string) => { + try { + await navigator.clipboard.writeText(text); + + showToast({ + ...toastData, + text: 'Скопировано', + }); + } catch (err) { + showToast({ + ...toastData, + text: 'Ошибка при копировании текста', + }); + } + }; + + const handlerSetColor = (code: string) => { + router.push(`/palette/color/${color}/code/${code}`); + }; + + const paletteColor = paletteColors[color]; + const selectedColor = paletteColor[colorCode]; + const colorCodes = Object.keys(paletteColor).reverse(); + + const rgb = convertHexToRgb(selectedColor); + const colorIndex = colorCodes.findIndex((code) => paletteColor[code] === selectedColor); + const colorText = + Math.round(checker.getContrastRatioByHex(paletteColors[color][colorCode], '#FFFFFF') * 100) / 100 > 3.5; + + const windowWidth = window.innerWidth; + const item = windowWidth / 15; + const direction = item * colorIndex < windowWidth - widthText ? 'left' : 'right'; + + return ( + <ColorWrapper background={selectedColor}> + <Header text={`${color} ${colorCode}`} link="/palette" /> + <ColorPalette> + {colorCodes.map((code) => ( + <ColorItem + onClick={() => handlerSetColor(code)} + color={paletteColor[code]} + colorText={colorText} + className={selectedColor === paletteColor[code] ? 'selected' : ''} + key={code} + > + {selectedColor === paletteColor[code] && direction && ( + <ColorItemText direction={direction}> + <ColorIndex + direction={direction} + colorText={colorText} + onClick={() => copyToClipboard(`rgb(${rgb.red},${rgb.green},${rgb.blue})`)} + > + <ColorItemWrapperText> + <ColorItemWrapperOpacityText>rgb </ColorItemWrapperOpacityText> + {`${rgb.red},${rgb.green},${rgb.blue}`} + </ColorItemWrapperText> + <ColorItemWrapperIconCopy className="copyIcon" color="inhert" size="m" /> + </ColorIndex> + <ColorIndex + direction={direction} + colorText={colorText} + onClick={() => copyToClipboard(selectedColor)} + > + <ColorItemWrapperText> + <ColorItemWrapperOpacityText>#</ColorItemWrapperOpacityText> + {selectedColor.slice(1)} + </ColorItemWrapperText> + <ColorItemWrapperIconCopy className="copyIcon" color="inhert" size="m" /> + </ColorIndex> + </ColorItemText> + )} + {code} + </ColorItem> + ))} + </ColorPalette> + <TextReadableWrapper> + <TextReadble color="#000000" background={selectedColor} alignX="left" alignY="top" /> + <TextReadble color="#FFFFFF" background={selectedColor} alignX="right" alignY="top" /> + <TextReadble color={selectedColor} background="#000000" alignX="left" alignY="bottom" /> + <TextReadble color={selectedColor} background="#FFFFFF" alignX="right" alignY="bottom" /> + </TextReadableWrapper> + </ColorWrapper> + ); +}; diff --git a/website/plasma-website/components/palette/PaletteItem.tsx b/website/plasma-website/components/palette/PaletteItem.tsx new file mode 100644 index 0000000000..f4c50ccba1 --- /dev/null +++ b/website/plasma-website/components/palette/PaletteItem.tsx @@ -0,0 +1,202 @@ +import React from 'react'; +import styled from 'styled-components'; +import { useRouter } from 'next/router'; + +export type colorItemType = { + colors: { + ratio: number; + color: string; + code: string; + }[]; + name: string; + h: number; +}; + +const classes = { + active: 'palette-item-active', + mask: 'styled-mask', + maskItem: 'styled-mask-item', + nameColor: 'styled-name-color', + text: 'styled-text', + smallText: 'styled-text-small', +}; + +const StyledColorItem = styled.div<{ colors: colorItemType['colors'] }>` + /* stylelint-disable */ + background: linear-gradient( + 90deg, + ${({ colors }) => colors?.find((c) => c.code === '1000')?.color ?? ''} 5%, + ${({ colors }) => colors?.find((c) => c.code === '800')?.color ?? ''} 30%, + ${({ colors }) => colors?.find((c) => c.code === '500')?.color ?? ''} 50%, + ${({ colors }) => colors?.find((c) => c.code === '250')?.color ?? ''} 70%, + ${({ colors }) => colors?.find((c) => c.code === '100')?.color ?? ''} 95% + ); + /* stylelint-enable */ + width: 100%; + height: 13.125rem; + border-radius: 0.5rem; + position: relative; + cursor: pointer; + + &:hover .${classes.mask} { + opacity: 1; + visibility: visible; + transition-delay: 0s; + } + + &:hover .${classes.maskItem} { + transition: 0.2s; + + &::before { + box-shadow: 0rem 0rem 0 1rem rgba(0, 0, 0, 1); + border-radius: 0.5rem; + border-left: 0.062rem solid rgba(0, 0, 0, 1); + border-right: 0.062rem solid rgba(0, 0, 0, 1); + inset: 0; + transition: ease-in 0.3s; + } + } + + &:hover .${classes.text} { + opacity: 1; + visibility: visible; + transition-delay: 0s; + } + + &:hover .${classes.smallText} { + opacity: 0.56; + visibility: visible; + transition-delay: 0s; + } +`; + +const StyledMask = styled.div` + display: flex; + width: 100%; + height: 100%; + flex: 1; + overflow: hidden; + opacity: 0; + z-index: 2; + position: absolute; + inset: 0; + visibility: hidden; + transition: opacity 1s, visibility 0s linear 1s; + cursor: pointer; +`; + +const StyledMaskItem = styled.div` + height: 100%; + width: 100%; + overflow: hidden; + position: relative; + display: flex; + align-items: flex-end; + box-sizing: border-box; + padding-bottom: 0.125rem; + padding-left: 0.5rem; + transition: 0.2s; + font-size: 0.75rem; + font-weight: var(--plasma-typo-body1-font-weight); + cursor: pointer; + + &::before { + content: ''; + position: absolute; + inset: -0.062rem; + box-shadow: 0; + border-radius: 0rem; + box-sizing: border-box; + border-left: 0rem solid transparent; + border-right: 0rem solid transparent; + cursor: pointer; + transition: ease-in 0.3s; + } + + &:hover .${classes.nameColor} { + opacity: 1; + visibility: visible; + transition-delay: 0s; + } +`; + +const StyledNameColor = styled.div<{ color: string }>` + color: ${({ color }) => color}; + opacity: 0; + visibility: hidden; + transition: opacity 0.3s, visibility 0s linear 0.3s; +`; + +const StyledContent = styled.div` + position: absolute; + inset: 0; + padding: 2rem; + display: flex; + z-index: 1; + flex-direction: column; + align-items: flex-end; +`; + +const StyledText = styled.div` + opacity: 0.28; + font-size: 4rem; + padding: 1rem 0 1.65rem; + color: rgba(0, 0, 0, 1); + font-weight: var(--plasma-typo-body1-font-weight); + transition: opacity 0.3s, visibility 0s linear 0.3s; + overflow: hidden; + font-family: var(--plasma-typo-headline1-font-family); +`; + +const StyledSmall = styled.div` + opacity: 0.28; + font-size: 0.75rem; + color: rgba(0, 0, 0, 1); + font-weight: var(--plasma-typo-body1-font-weight); + transition: opacity 0.3s, visibility 0s linear 0.3s; + overflow: hidden; + margin-top: 0.2rem; +`; + +export const PaletteItem: React.FC<{ + paletteColor: colorItemType; +}> = ({ paletteColor }) => { + const router = useRouter(); + + const handlerColorClick = (code: string) => { + router.push(`/palette/color/${paletteColor.name}/code/${code}`); + }; + + return ( + <StyledColorItem colors={paletteColor.colors}> + <StyledMask className={classes.mask}> + {paletteColor.colors.map((item, index) => ( + <StyledMaskItem + className={classes.maskItem} + key={index} + onClick={() => { + handlerColorClick(item.code); + }} + > + <StyledNameColor + className={classes.nameColor} + color={ + paletteColor.colors[paletteColor.colors.length - 1 - index].ratio > 3.5 + ? 'rgba(255, 255, 255, 0.56)' + : 'rgba(0, 0, 0, 0.56)' + } + > + {item.code} + </StyledNameColor> + </StyledMaskItem> + ))} + </StyledMask> + <StyledContent> + <StyledText className={classes.text}> + {paletteColor.name.charAt(0).toUpperCase() + paletteColor.name.slice(1)} + </StyledText> + <StyledSmall className={classes.smallText}>H:{paletteColor.h}</StyledSmall> + </StyledContent> + </StyledColorItem> + ); +}; diff --git a/website/plasma-website/components/palette/PalettePage.tsx b/website/plasma-website/components/palette/PalettePage.tsx new file mode 100644 index 0000000000..01cedd61cb --- /dev/null +++ b/website/plasma-website/components/palette/PalettePage.tsx @@ -0,0 +1,43 @@ +import React, { useRef } from 'react'; +import styled from 'styled-components'; + +import { formatedPaletteColors, colorsForGradient, colorsHSL } from '../../utils'; + +import { Header } from './Header'; +import { PaletteItem } from './PaletteItem'; +import { GradientScroll } from './GradientScroll'; + +const PaletteWrapper = styled.div` + width: 100%; + height: 100vh; + overflow-y: scroll; + overflow-x: hidden; + box-sizing: content-box; + padding-right: 17px; +`; +const PaletteColors = styled.div` + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: 0.125rem; + padding: 2px; + box-sizing: border-box; + overflow-x: hidden; +`; + +export const Palette: React.FC = () => { + const scrollRef = useRef<null | HTMLDivElement>(null); + + return ( + <PaletteWrapper ref={scrollRef}> + <Header text="Палитра" link="/" /> + <GradientScroll hsl={colorsHSL} colors={colorsForGradient} scrollRef={scrollRef} /> + <PaletteColors> + {formatedPaletteColors.map((color, index) => ( + <PaletteItem key={index} paletteColor={color} /> + ))} + </PaletteColors> + </PaletteWrapper> + ); +}; diff --git a/website/plasma-website/components/palette/TextReadble.tsx b/website/plasma-website/components/palette/TextReadble.tsx new file mode 100644 index 0000000000..5f7fde6afa --- /dev/null +++ b/website/plasma-website/components/palette/TextReadble.tsx @@ -0,0 +1,119 @@ +import React from 'react'; +import styled from 'styled-components'; +import { ContrastRatioChecker } from 'contrast-ratio-checker'; +import { IconAttentionCircleOutline } from '@salutejs/plasma-icons'; + +const justify: { [key: string]: string } = { + left: 'flex-end', + right: 'flex-start', +}; + +const columnDirection: { [key: string]: string } = { + top: 'column', + bottom: 'column-reverse', +}; + +const rowDirection: { [key: string]: string } = { + left: 'row', + right: 'row-reverse', +}; + +const text = { + AAA: 'Отлично', + AA: 'Нормально', + Poor: 'Плохо', +}; + +const TextReadbleWrapper = styled.div<{ alignX: string }>` + padding: 1rem; + display: flex; + align-items: center; + justify-content: ${({ alignX }) => justify?.[alignX]}; + transition: 400ms; +`; + +const TextReadbleTextWrapper = styled.div<{ alignX: string; alignY: string }>` + display: flex; + flex-direction: ${({ alignY }) => columnDirection?.[alignY]}; + align-items: ${({ alignX }) => justify?.[alignX]}; + gap: 0.75rem; + transition: 100ms; +`; + +const TextReadbleTextSmall = styled.div<{ alignX: string; score: string }>` + font-size: 0.875rem; + font-weight: var(--plasma-typo-body1-font-weight); + display: flex; + align-items: center; + flex-direction: ${({ alignX }) => rowDirection[alignX]}; + gap: 0.5rem; + cursor: default; + transition: 0.15s; + font-family: var(--plasma-typo-headline1-font-family); + + &:hover { + color: ${({ score }) => (score === 'Poor' ? 'red' : 'inhert')}; + transition: 0.15s; + } +`; +const TextReadbleTextLarge = styled.div<{ alignX: string; score: string }>` + font-size: 2rem; + font-weight: var(--plasma-typo-body1-font-weight); + display: flex; + align-items: center; + gap: 0.5rem; + flex-direction: ${({ alignX }) => rowDirection[alignX]}; + cursor: default; + transition: 0.15s; + font-family: var(--plasma-typo-headline1-font-family); + + &:hover { + color: ${({ score }) => (score === 'Poor' ? 'red' : 'inhert')}; + transition: 0.15s; + } +`; + +const getWCAGIndex = (ratio: number, type: 'small' | 'lagre') => { + if (ratio > 7) { + return 'AAA'; + } + if (ratio > 4.5) { + return type === 'small' ? 'AA' : 'AAA'; + } + if (ratio > 3 && type === 'lagre') { + return 'AA'; + } + return 'Poor'; +}; + +export const TextReadble: React.FC<{ + background: string; + color: string; + alignX: 'left' | 'right'; + alignY: 'top' | 'bottom'; +}> = ({ background, color, alignX, alignY }) => { + const checker = new ContrastRatioChecker(); + + const ratio = Math.round(checker.getContrastRatioByHex(background, color) * 100) / 100; + + const small = getWCAGIndex(ratio, 'small'); + const large = getWCAGIndex(ratio, 'lagre'); + + const smallText = [text[small], small !== 'Poor' ? small : '', ratio.toFixed(2)]; + const lagreText = [text[large], large !== 'Poor' ? large : '', ratio.toFixed(2)]; + + return ( + <TextReadbleWrapper alignX={alignX} style={{ background }}> + <TextReadbleTextWrapper alignX={alignX} alignY={alignY} style={{ color }}> + <TextReadbleTextLarge score={large} alignX={alignX}> + {large === 'Poor' && <IconAttentionCircleOutline color="red" />} + {alignX === 'right' ? lagreText.reverse().join(' ') : lagreText.join(' ')} + </TextReadbleTextLarge> + <TextReadbleTextSmall score={small} alignX={alignX}> + {small === 'Poor' && <IconAttentionCircleOutline color="red" size="xs" />} + {alignX === 'right' ? smallText.reverse().join(' ') : smallText.join(' ')} + </TextReadbleTextSmall> + </TextReadbleTextWrapper> + </TextReadbleWrapper> + ); +}; diff --git a/website/plasma-website/components/roster/AbstractIcon.tsx b/website/plasma-website/components/roster/AbstractIcon.tsx index 140a9ad22e..5e714ecb0e 100644 --- a/website/plasma-website/components/roster/AbstractIcon.tsx +++ b/website/plasma-website/components/roster/AbstractIcon.tsx @@ -8,10 +8,10 @@ import { Context } from '../../store'; type AbstractIconProps = { name: string; component: FC<IconProps>; - isDeprecate: boolean; + isDeprecated: boolean; }; -export const AbstractIcon = ({ name, component: Component, isDeprecate }: AbstractIconProps) => { +export const AbstractIcon = ({ name, component: Component, isDeprecated }: AbstractIconProps) => { const { state } = useContext(Context); const props = { @@ -22,5 +22,5 @@ export const AbstractIcon = ({ name, component: Component, isDeprecate }: Abstra // INFO: В том случае когда у нас иконка из старого набора (нет фактического файла для нужного размера), // INFO: используем обертку IconRoot. // INFO: В противном случае используем компонент иконки. - return isDeprecate ? <IconRoot icon={Component} {...props} /> : <Component {...props} />; + return isDeprecated ? <IconRoot icon={Component} {...props} /> : <Component {...props} />; }; diff --git a/website/plasma-website/components/roster/Header.tsx b/website/plasma-website/components/roster/Header.tsx index 02ce255678..1617ea553a 100644 --- a/website/plasma-website/components/roster/Header.tsx +++ b/website/plasma-website/components/roster/Header.tsx @@ -1,68 +1,63 @@ import React from 'react'; import type { FC, HTMLAttributes } from 'react'; -import styled from 'styled-components'; -import { Container, Image, BodyM } from '@salutejs/plasma-b2c'; -import { background, text } from '@salutejs/plasma-tokens-b2c'; +import styled, { css } from 'styled-components'; +import { textSecondary } from '@salutejs/plasma-tokens/brands'; +import { BodyXS, LineSkeleton, BodyM } from '@salutejs/plasma-b2c'; -import logo from '../../public/plasma-logo.png'; - -import { FlatButton } from './FlatButton'; - -const basePath = process.env.BASE_PATH || ''; +import { multipleMediaQuery } from '../../mixins'; export interface HeaderProps extends HTMLAttributes<HTMLDivElement> { children?: never; } -const StyledRoot = styled.header` - background: ${background}; - box-shadow: -1px 0 1px rgb(0 0 0 / 5%), -4px 0 14px rgb(0 0 0 / 8%); -`; +type PackagesInfo = { + [k: string]: readonly [string, string]; +}; -const StyledInner = styled.div` +const StyledHeader = styled.header` display: flex; align-items: center; - height: 3.75rem; -`; + justify-content: space-between; -const StyledImageWrapper = styled.a` - display: flex; - align-items: center; - margin-right: 1.25rem; - text-decoration: none; - color: ${text}; - user-select: none; + padding: 2rem var(--page-padding-y); + background-color: transparent; `; -const StyledImage = styled(Image)` - margin-right: 0.5rem; +const StyledHeading = styled(BodyM)` + color: rgba(255, 255, 255, 0.96); + + ${multipleMediaQuery(['S'])(css` + font-size: 0.875rem; + padding-left: 1rem; + `)} `; -const activeMenuItemId = 'icons'; +const MetaInfo = styled.div` + display: flex; + gap: 1rem; + + color: ${textSecondary}; -const menu = [{ id: 'icons', text: 'Icons', href: `${basePath}/icons` }]; + ${multipleMediaQuery(['S'])(css` + margin-right: 2rem; + `)} +`; + +const StyledLineSkeleton = styled(LineSkeleton)` + width: 6rem; +`; export const Header: FC<HeaderProps> = () => { + const PACKAGES_INFO: PackagesInfo = (process.env.PACKAGES_INFO as unknown) as PackagesInfo; + const [latestVersion, releaseDate] = PACKAGES_INFO['@salutejs/plasma-icons']; + return ( - <StyledRoot> - <Container> - <StyledInner> - {logo && ( - <StyledImageWrapper href={`${basePath}/`}> - <StyledImage - src={`${basePath}/plasma-logo.png`} - width="32px" - height="32px" - alt="SberDevices Plasma" - /> - <BodyM bold>Plasma</BodyM> - </StyledImageWrapper> - )} - {menu.map((item) => ( - <FlatButton key={item.id} text={item.text} isActive={item.id === activeMenuItemId} /> - ))} - </StyledInner> - </Container> - </StyledRoot> + <StyledHeader> + <StyledHeading bold>Пиктограммы</StyledHeading> + <MetaInfo> + <BodyXS>{latestVersion || <StyledLineSkeleton size="caption" />}</BodyXS> + <BodyXS>{releaseDate || <StyledLineSkeleton size="caption" />}</BodyXS> + </MetaInfo> + </StyledHeader> ); }; diff --git a/website/plasma-website/components/roster/IconExtendedInfo.tsx b/website/plasma-website/components/roster/IconExtendedInfo.tsx index 2ab3930555..0215a09a7c 100644 --- a/website/plasma-website/components/roster/IconExtendedInfo.tsx +++ b/website/plasma-website/components/roster/IconExtendedInfo.tsx @@ -14,7 +14,7 @@ import { IconOptionsColors } from './IconOptionsColors'; type IconInfoProps = { onClose: () => void; offset: number; - isDeprecate: boolean; + isDeprecated: boolean; }; const StyledHeader = styled.header` @@ -61,7 +61,7 @@ const StyledIconClose = styled.span` height: 2.25rem; margin-right: 1.5rem; color: rgba(255, 255, 255, 0.28); - transition: color 120ms ease-in; + transition: var(--color-transition); cursor: pointer; @@ -87,12 +87,12 @@ const StyledClipboardWrapper = styled.div` flex-direction: column; `; -const StyledDeprecateIcon = styled.span` +const StyledDeprecatedIcon = styled.span` margin-left: 1rem; color: var(--text-negative); `; -export const IconExtendedInfo = ({ offset, onClose, isDeprecate }: IconInfoProps) => { +export const IconExtendedInfo = ({ offset, onClose, isDeprecated }: IconInfoProps) => { const { state } = useContext(Context); if (!state.wizardItemName) { @@ -111,7 +111,7 @@ export const IconExtendedInfo = ({ offset, onClose, isDeprecate }: IconInfoProps </StyledIconClose> <H2 bold={false}> {state.wizardItemName} - {isDeprecate && <StyledDeprecateIcon>[deprecate]</StyledDeprecateIcon>} + {isDeprecated && <StyledDeprecatedIcon>[deprecated]</StyledDeprecatedIcon>} </H2> </StyledHeader> <StyledContent> diff --git a/website/plasma-website/components/roster/IconFilterMenu.tsx b/website/plasma-website/components/roster/IconFilterMenu.tsx index 7c3c52b6d7..9b642b328b 100644 --- a/website/plasma-website/components/roster/IconFilterMenu.tsx +++ b/website/plasma-website/components/roster/IconFilterMenu.tsx @@ -1,21 +1,35 @@ import React, { useContext } from 'react'; import styled, { css } from 'styled-components'; +import { IconSearch } from '@salutejs/plasma-icons'; import { Context, setIconGridSize, setIconSize } from '../../store'; import { listSizes } from '../../utils/listSizes'; +import { StyledActionIcon } from './StyledActionIcon'; + +type IconFilterMenuProps = { + setInputFocus: () => void; +}; + const StyledFilterMenu = styled.div` position: sticky; - top: 3rem; + top: 2.125rem; display: inline-flex; row-gap: 0.75rem; flex-direction: column; - align-self: self-end; + align-items: center; +`; + +const StyledIconSearch = styled.span` + margin-bottom: 2.5rem; + + ${StyledActionIcon}; `; const StyledFilterMenuItem = styled.div<{ isActive?: boolean }>` display: inline-flex; align-items: center; + justify-content: center; width: 1.25rem; height: 1.25rem; font-size: 0.75rem; @@ -24,7 +38,7 @@ const StyledFilterMenuItem = styled.div<{ isActive?: boolean }>` cursor: pointer; - transition: color 120ms ease-in; + transition: var(--color-transition); &:hover { color: rgba(255, 255, 255, 1); @@ -43,11 +57,23 @@ const StyledFilterMenuItem = styled.div<{ isActive?: boolean }>` `} `; -export const IconFilterMenu = () => { +export const IconFilterMenu = ({ setInputFocus }: IconFilterMenuProps) => { const { state, dispatch } = useContext(Context); + const scrollToTop = () => { + window.scrollTo({ + top: 0, + behavior: 'smooth', + }); + + setInputFocus(); + }; + return ( <StyledFilterMenu> + <StyledIconSearch onClick={scrollToTop}> + <IconSearch size="xs" color="inherit" /> + </StyledIconSearch> {listSizes.map(({ value, label }) => ( <StyledFilterMenuItem key={label} diff --git a/website/plasma-website/components/roster/IconHoverDetails.tsx b/website/plasma-website/components/roster/IconHoverDetails.tsx index 45dd8ccb16..b323744666 100644 --- a/website/plasma-website/components/roster/IconHoverDetails.tsx +++ b/website/plasma-website/components/roster/IconHoverDetails.tsx @@ -1,11 +1,33 @@ -import React from 'react'; +import React, { useRef, useEffect } from 'react'; +import type { RefObject } from 'react'; import styled, { css } from 'styled-components'; +import { AnimationSlideUp } from './AnimationSlideUp'; + type IconInfoProps = { name: string; sizes: Record<'16' | '24' | '36', boolean>; + pageRef: RefObject<HTMLDivElement>; }; +export const StyledIconHoverDetails = styled.div` + position: absolute; + z-index: 2; + top: -4.25rem; + left: 0.625rem; + display: none; + flex-direction: column; + padding: 0.75rem; + border-radius: 1rem; + + font-size: 0.75rem; + line-height: 0.875rem; + + background-color: rgba(23, 23, 23, 1); + + ${AnimationSlideUp}; +`; + const StyledSizeList = styled.div` display: flex; column-gap: 0.75rem; @@ -21,9 +43,43 @@ const StyleSizeItem = styled.span<{ isDisable?: boolean }>` `} `; -export const IconHoverDetails = ({ name, sizes }: IconInfoProps) => { +export const IconHoverDetails = ({ name, sizes, pageRef }: IconInfoProps) => { + const ref = useRef<HTMLDivElement>(null); + + useEffect(() => { + if (!pageRef?.current || !ref?.current) { + return; + } + + const observer = new IntersectionObserver( + (entries) => { + entries.forEach(({ isIntersecting, intersectionRatio }) => { + if (ref?.current && isIntersecting && intersectionRatio < 1) { + ref.current.style.left = 'auto'; + ref.current.style.right = '0'; + } + }); + }, + { + root: pageRef.current, + threshold: [0, 1], + }, + ); + + observer.observe(ref.current); + + return () => { + if (ref.current) { + observer.unobserve(ref.current); + + ref.current.style.left = '0.625rem'; + ref.current.style.right = 'auto'; + } + }; + }, []); + return ( - <> + <StyledIconHoverDetails ref={ref}> {name} <StyledSizeList> {Object.entries(sizes).map(([key, value]) => ( @@ -32,6 +88,6 @@ export const IconHoverDetails = ({ name, sizes }: IconInfoProps) => { </StyleSizeItem> ))} </StyledSizeList> - </> + </StyledIconHoverDetails> ); }; diff --git a/website/plasma-website/components/roster/IconsList.tsx b/website/plasma-website/components/roster/IconsList.tsx index 553a60292b..f6f209b813 100644 --- a/website/plasma-website/components/roster/IconsList.tsx +++ b/website/plasma-website/components/roster/IconsList.tsx @@ -1,20 +1,20 @@ import React, { useMemo, useContext, useRef, useState, useEffect } from 'react'; -import type { FC } from 'react'; +import type { FC, RefObject } from 'react'; import styled, { css } from 'styled-components'; -import { Headline4, applyNoSelect } from '@salutejs/plasma-b2c'; -import { secondary } from '@salutejs/plasma-tokens-b2c'; +import { applyNoSelect, H4 } from '@salutejs/plasma-b2c'; -import { Context, setWizardItem, setIconColor, setIconSize, initColorState, initSizeState } from '../../store'; +import { Context, setWizardItem, setIconColor, setIconSize, initColorState } from '../../store'; import { iconsList } from '../../utils'; +import { multipleMediaQuery } from '../../mixins'; import { IconGroupHeading } from './IconGroupHeading'; -import { IconHoverDetails } from './IconHoverDetails'; +import { IconHoverDetails, StyledIconHoverDetails } from './IconHoverDetails'; import { IconExtendedInfo } from './IconExtendedInfo'; -import { AnimationSlideUp } from './AnimationSlideUp'; import { AbstractIcon } from './AbstractIcon'; import { Grid } from './Grid'; export interface IconsListProps { + pageRef: RefObject<HTMLDivElement>; searchQuery?: string; /** * Item click handler @@ -43,37 +43,28 @@ const StyledGridWrapper = styled.div` } `; -const StyledIconList = styled.div` - margin-top: 4rem; -`; +const StyledIconList = styled.div``; + +const StyledEmptySearch = styled(H4)` + font-size: 3rem; + line-height: 3.25rem; + color: rgba(255, 255, 255, 0.96); -const StyledHeadline4 = styled(Headline4).attrs(() => ({ as: 'h4', mt: '8x', mb: '6x' }))` - color: ${secondary}; + ${multipleMediaQuery(['M'])(css` + font-size: 2rem; + `)} + + ${multipleMediaQuery(['S'])(css` + font-size: 1.25rem; + max-width: calc(100% - 1rem); + `)} `; const StyledCell = styled.div` position: relative; `; -const StyledIconHoverDetails = styled.div` - position: absolute; - z-index: 2; - top: -4.25rem; - left: 0.625rem; - display: none; - flex-direction: column; - padding: 0.75rem; - border-radius: 1rem; - - font-size: 0.75rem; - line-height: 0.875rem; - - background-color: rgba(23, 23, 23, 1); - - ${AnimationSlideUp}; -`; - -const StyledIcon = styled.div<{ isDeprecate: boolean; isActive?: boolean; hasOpacity?: boolean }>` +const StyledIcon = styled.div<{ isDeprecated: boolean; isActive?: boolean; hasOpacity?: boolean }>` ${applyNoSelect}; display: flex; @@ -100,7 +91,7 @@ const StyledIcon = styled.div<{ isDeprecate: boolean; isActive?: boolean; hasOpa opacity: 1; &::before { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.28); + box-shadow: 0 0 0 0.063rem rgba(255, 255, 255, 0.28); } & + ${StyledIconHoverDetails} { @@ -108,8 +99,8 @@ const StyledIcon = styled.div<{ isDeprecate: boolean; isActive?: boolean; hasOpa } } - ${({ isDeprecate }) => - isDeprecate && + ${({ isDeprecated }) => + isDeprecated && css` &::after { content: ''; @@ -127,12 +118,12 @@ const StyledIcon = styled.div<{ isDeprecate: boolean; isActive?: boolean; hasOpa isActive && css` &::before { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 1); + box-shadow: 0 0 0 0.063rem rgba(255, 255, 255, 1); } &:hover { &::before { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 1); + box-shadow: 0 0 0 0.063rem rgba(255, 255, 255, 1); } } `} @@ -145,7 +136,7 @@ const StyledIcon = styled.div<{ isDeprecate: boolean; isActive?: boolean; hasOpa `} `; -export const IconsList: FC<IconsListProps> = ({ searchQuery, onItemClick }) => { +export const IconsList: FC<IconsListProps> = ({ searchQuery, onItemClick, pageRef }) => { const { state, dispatch } = useContext(Context); const [offset, setOffset] = useState(0); const [cellIndex, setCellIndex] = useState(1); @@ -158,13 +149,13 @@ export const IconsList: FC<IconsListProps> = ({ searchQuery, onItemClick }) => { return iconsList; } - const regExp = new RegExp(searchQuery.toLocaleLowerCase().replace(/\W/g, '')); + const regExp = new RegExp(searchQuery.toLocaleLowerCase().replace(/[^\w\u0400-\u04FF]/g, '')); return iconsList .map((group) => ({ ...group, - items: group.items.filter((item) => { - return item.name.toLocaleLowerCase().search(regExp) !== -1; + items: group.items.filter(({ name }) => { + return name.toLocaleLowerCase().search(regExp) !== -1; }), })) .filter((group) => { @@ -224,7 +215,9 @@ export const IconsList: FC<IconsListProps> = ({ searchQuery, onItemClick }) => { }; if (!items.length) { - return <StyledHeadline4>Nothing found</StyledHeadline4>; + return ( + <StyledEmptySearch bold={false}>У нас нет иконки с таким именем, а по тегам пока не ищем</StyledEmptySearch> + ); } return ( @@ -237,12 +230,12 @@ export const IconsList: FC<IconsListProps> = ({ searchQuery, onItemClick }) => { count={group.items.length} /> <Grid ref={(el) => el && handleRefInit(el, indexGroup)}> - {group.items.map(({ name, component, groupName, isDeprecate = false }, index) => ( + {group.items.map(({ name, component, groupName, isDeprecated = false }, index) => ( <StyledCell key={name}> <StyledIcon hasOpacity={groupName === currentGridRowLabel && name !== state.wizardItemName} isActive={name === state.wizardItemName} - isDeprecate={isDeprecate} + isDeprecated={isDeprecated} onClick={(event) => { event.stopPropagation(); @@ -270,15 +263,17 @@ export const IconsList: FC<IconsListProps> = ({ searchQuery, onItemClick }) => { } }} > - <AbstractIcon isDeprecate={isDeprecate} component={component} name={name} /> + <AbstractIcon isDeprecated={isDeprecated} component={component} name={name} /> </StyledIcon> - <StyledIconHoverDetails> - <IconHoverDetails name={name} sizes={{ 36: true, 24: true, 16: true }} /> - </StyledIconHoverDetails> + <IconHoverDetails + pageRef={pageRef} + name={name} + sizes={{ 36: true, 24: true, 16: true }} + /> {name === state.wizardItemName && ( <IconExtendedInfo onClose={handleCloseExtendInfo} - isDeprecate={isDeprecate} + isDeprecated={isDeprecated} offset={offset} /> )} diff --git a/website/plasma-website/components/roster/SearchForm.tsx b/website/plasma-website/components/roster/SearchForm.tsx index 42e894f338..396e7d8bb6 100644 --- a/website/plasma-website/components/roster/SearchForm.tsx +++ b/website/plasma-website/components/roster/SearchForm.tsx @@ -1,38 +1,173 @@ -import { memo, useCallback, useRef } from 'react'; -import styled from 'styled-components'; -import { TextField, TextFieldProps, Button } from '@salutejs/plasma-b2c'; -import { IconSearch } from '@salutejs/plasma-icons'; -import { tertiary } from '@salutejs/plasma-tokens-b2c'; +import React, { memo, useRef, useEffect, useState, KeyboardEventHandler, forwardRef } from 'react'; +import type { FormEvent } from 'react'; +import styled, { css } from 'styled-components'; +import { IconClose } from '@salutejs/plasma-icons'; + +import { multipleMediaQuery } from '../../mixins'; + +import { StyledActionIcon } from './StyledActionIcon'; interface SearchFormProps { - onInput: TextFieldProps['onInput']; + onInput: (e: FormEvent<HTMLInputElement> | string) => void; + searchQuery: string; } -const StyledForm = styled.form``; -const StyledButton = styled(Button)` - cursor: text; +const minWidth = 64; + +const StyledForm = styled.form` + padding-top: 5rem; + padding-bottom: 7.5rem; + + ${multipleMediaQuery(['M'])(css` + padding-top: 3rem; + padding-bottom: 4rem; + `)} + + ${multipleMediaQuery(['S'])(css` + padding-top: 1rem; + padding-bottom: 2.5rem; + `)} `; -export const SearchForm = memo<SearchFormProps>(({ onInput }) => { - const inputRef = useRef<HTMLInputElement>(null); - const onIconClick = useCallback(() => inputRef.current?.focus(), []); - - return ( - <StyledForm> - <TextField - ref={inputRef} - placeholder="Search" - onInput={onInput} - contentLeft={ - <StyledButton - type="button" - view="clear" - shiftLeft - contentLeft={<IconSearch color={tertiary} />} - onClick={onIconClick} - /> +const StyledInputWrapper = styled.div` + position: relative; + max-width: calc(100vw - var(--page-padding-y) * 2); +`; + +const TypoSettings = css` + font-size: 5.5rem; + font-family: var(--plasma-typo-h2-font-family); + line-height: 7.125rem; + color: rgba(255, 255, 255, 0.96); + + ${multipleMediaQuery(['M'])(css` + font-size: 4rem; + line-height: 4rem; + `)} + + ${multipleMediaQuery(['S'])(css` + font-size: 3rem; + line-height: 3rem; + `)} +`; + +const StyledHiddenEl = styled.span` + position: absolute; + left: -999; + visibility: hidden; + opacity: 0; + height: 0; + + white-space: pre; + + ${TypoSettings}; +`; + +const StyledSearchInput = styled.input<{ width: number | 'auto' }>` + padding: 0; + + width: ${({ width }) => `${width !== 'auto' ? `${width}px` : width}`}; + max-width: calc(100% - var(--page-padding-y) - var(--page-padding-y) * 0.5); + height: 7.125rem; + + background-color: transparent; + border: none; + outline: none; + caret-color: rgba(64, 82, 246, 1); + + ${TypoSettings}; + + &::placeholder { + font-family: inherit; + color: rgba(255, 255, 255, 0.12); + } + + ${multipleMediaQuery(['L'])(css` + --page-padding-y: 3.5rem; + `)} + + ${multipleMediaQuery(['S'])(css` + height: 5rem; + + &:not([value='']) { + max-width: calc(100% - 5.375rem); + } + `)} +`; + +const StyleIconClose = styled.span` + --icon-size: 6.75rem; + + position: absolute; + + width: var(--icon-size); + height: var(--icon-size); + + margin-left: 1rem; + + ${StyledActionIcon}; + + & > div { + width: inherit; + height: inherit; + } + + ${multipleMediaQuery(['L'])(css` + margin-left: 0.5rem; + `)} + + ${multipleMediaQuery(['S'])(css` + --icon-size: 4rem; + + top: 0.625rem; + margin-left: 0; + `)} +`; + +export const SearchForm = memo( + forwardRef<HTMLInputElement, SearchFormProps>(({ onInput, searchQuery }, inputRef) => { + const hiddenElRef = useRef<HTMLSpanElement>(null); + + const [width, setWidth] = useState<number | 'auto'>('auto'); + + const handleKeyPress: KeyboardEventHandler<HTMLInputElement> = (event) => { + if (event.key === 'Enter') { + event.preventDefault(); + } + }; + + useEffect(() => { + if (hiddenElRef.current && inputRef) { + const { clientWidth } = hiddenElRef.current; + + if (searchQuery.length !== 0) { + setWidth(clientWidth > minWidth ? clientWidth : minWidth); + } else { + setWidth('auto'); } - /> - </StyledForm> - ); -}); + } + }, [searchQuery, width]); + + return ( + <StyledForm> + <StyledInputWrapper> + <StyledHiddenEl ref={hiddenElRef}>{searchQuery}</StyledHiddenEl> + <StyledSearchInput + width={width} + type="text" + ref={inputRef} + value={searchQuery} + placeholder="Знаю, что ищу" + onInput={onInput} + onKeyDown={handleKeyPress} + /> + {searchQuery && ( + <StyleIconClose onClick={() => onInput?.('')}> + <IconClose size="m" color="inherit" /> + </StyleIconClose> + )} + </StyledInputWrapper> + </StyledForm> + ); + }), +); diff --git a/website/plasma-website/components/roster/StyledActionIcon.tsx b/website/plasma-website/components/roster/StyledActionIcon.tsx new file mode 100644 index 0000000000..df28da74c4 --- /dev/null +++ b/website/plasma-website/components/roster/StyledActionIcon.tsx @@ -0,0 +1,12 @@ +import { css } from 'styled-components'; + +export const StyledActionIcon = css` + color: rgba(255, 255, 255, 0.28); + cursor: pointer; + + transition: var(--color-transition); + + &:hover { + color: rgba(255, 255, 255, 1); + } +`; diff --git a/website/plasma-website/getPackageInfo.js b/website/plasma-website/getPackageInfo.js index 61963bbfd2..8c83af0e5f 100644 --- a/website/plasma-website/getPackageInfo.js +++ b/website/plasma-website/getPackageInfo.js @@ -12,6 +12,7 @@ const getLatestReleaseVersion = (name) => { const stats = statSync(path); const date = stats.mtime; const isCurrentYear = new Date().getFullYear() === date.getFullYear(); + releaseDate = new Date(date).toLocaleString('ru', { year: isCurrentYear ? undefined : 'numeric', month: 'long', @@ -29,4 +30,5 @@ module.exports = { '@salutejs/plasma-b2c': getLatestReleaseVersion('plasma-b2c'), '@salutejs/plasma-web': getLatestReleaseVersion('plasma-web'), '@salutejs/plasma-ui': getLatestReleaseVersion('plasma-ui'), + '@salutejs/plasma-icons': getLatestReleaseVersion('plasma-icons'), }; diff --git a/website/plasma-website/package-lock.json b/website/plasma-website/package-lock.json index b7b936b947..d0d9d724cf 100644 --- a/website/plasma-website/package-lock.json +++ b/website/plasma-website/package-lock.json @@ -1,19 +1,21 @@ { "name": "@salutejs/plasma-website", - "version": "0.300.0", + "version": "0.312.0-dev.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@salutejs/plasma-website", - "version": "0.300.0", + "version": "0.312.0-dev.0", "license": "MIT", "dependencies": { - "@salutejs/plasma-b2c": "1.338.0", - "@salutejs/plasma-icons": "1.198.0", - "@salutejs/plasma-tokens": "1.81.0", - "@salutejs/plasma-tokens-b2c": "0.50.0", + "@salutejs/plasma-b2c": "1.349.0-dev.0", + "@salutejs/plasma-colors": "0.13.0", + "@salutejs/plasma-icons": "1.198.3-dev.0", + "@salutejs/plasma-tokens": "1.83.0-dev.0", + "@salutejs/plasma-tokens-b2c": "0.51.0-dev.0", "@salutejs/plasma-typo": "0.40.0", + "contrast-ratio-checker": "^1.1.7", "next": "^12.3.4", "react": "17.0.2", "react-dom": "17.0.2", @@ -675,9 +677,9 @@ } }, "node_modules/@linaria/react/node_modules/minimatch": { - "version": "9.0.4", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.4.tgz", - "integrity": "sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==", + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", "dependencies": { "brace-expansion": "^2.0.1" }, @@ -730,9 +732,9 @@ } }, "node_modules/@linaria/utils/node_modules/minimatch": { - "version": "9.0.4", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.4.tgz", - "integrity": "sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==", + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", "dependencies": { "brace-expansion": "^2.0.1" }, @@ -1000,15 +1002,15 @@ "dev": true }, "node_modules/@salutejs/plasma-b2c": { - "version": "1.335.0-dev.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-b2c/-/plasma-b2c-1.335.0-dev.0.tgz", - "integrity": "sha512-SqAVrWmY1UlN/viKOiTSI+v1hxz3cTOrkopiXPW/AGGWSgvYZp/rYqrPE97OhHKaj/lpT/M9pnZFLkrSWGI9IQ==", - "dependencies": { - "@salutejs/plasma-core": "1.160.0", - "@salutejs/plasma-hope": "1.285.0-dev.0", - "@salutejs/plasma-new-hope": "0.90.0-dev.0", - "@salutejs/plasma-tokens-b2c": "0.50.0", - "@salutejs/plasma-tokens-web": "1.55.0", + "version": "1.349.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-b2c/-/plasma-b2c-1.349.0-dev.0.tgz", + "integrity": "sha512-KBjb9hML7/3LlP0b6rnVsVY03ZbjSJzNmqBNR0FfXFf146Q6yNtV6PhCWWEqwQPbdQ7ALyBOEsdaRGFOD3S/gA==", + "dependencies": { + "@salutejs/plasma-core": "1.162.0-dev.0", + "@salutejs/plasma-hope": "1.287.1-dev.0", + "@salutejs/plasma-new-hope": "0.104.0-dev.0", + "@salutejs/plasma-tokens-b2c": "0.51.0-dev.0", + "@salutejs/plasma-tokens-web": "1.56.0-dev.0", "@salutejs/plasma-typo": "0.40.0" }, "peerDependencies": { @@ -1018,10 +1020,15 @@ "styled-components": "^5.1.1" } }, + "node_modules/@salutejs/plasma-colors": { + "version": "0.13.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-colors/-/plasma-colors-0.13.0.tgz", + "integrity": "sha512-EUhA9QJ2/uTwGVrqH0He3qq+d7h3x5aEVb8VfOwDlT9oF5gpT6DMWfQ6dzJcEAnXIAY8TSXLYQJI4iWAwCAd+w==" + }, "node_modules/@salutejs/plasma-core": { - "version": "1.160.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.160.0.tgz", - "integrity": "sha512-ddpmy2lmCjPY0SQAcVma/rjqV+yzXY512MC6WtC6qq5RGZi+x/QKFGyL6eLVZbVE7QqxvvqSed/YiA22OaAXUA==", + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", "dependencies": { "@popperjs/core": "2.9.2", "@salutejs/plasma-typo": "0.40.0", @@ -1037,12 +1044,12 @@ } }, "node_modules/@salutejs/plasma-hope": { - "version": "1.285.0-dev.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-hope/-/plasma-hope-1.285.0-dev.0.tgz", - "integrity": "sha512-6rGxT8BxYrgOY147cH5A5Bj7LKXE+EdziW8pDSFkyL8NPd1lmbv2BZ3g3CsOraaf/jtkX1tkBm1DTm1ImYt7ZQ==", + "version": "1.287.1-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-hope/-/plasma-hope-1.287.1-dev.0.tgz", + "integrity": "sha512-0xPWIRhNzfixFv5eHQ2hmpXDYRI80sXJHZ8wyoA7/W/13+cJDJ1VjavVX8Klw7+283DnOPoiQmFZE9PrqyoQDA==", "dependencies": { "@popperjs/core": "2.9.2", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "@salutejs/plasma-typo": "0.40.0", "react-file-drop": "3.1.6", "react-popper": "2.3.0", @@ -1057,9 +1064,9 @@ } }, "node_modules/@salutejs/plasma-icons": { - "version": "1.198.0-dev.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.0-dev.0.tgz", - "integrity": "sha512-PZo5Llod+6MCcq1WxNFf1hOOkpyexsupg189zI14v5it987makOheQq61VoheBSDGqDL0vkeEIs3Rv9fWlQ1Nw==", + "version": "1.198.3-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.3-dev.0.tgz", + "integrity": "sha512-pQv0PUF3280wVvZKxGriCozqgdQcx1xjPfQhYkbugu1WCU+/lPNb/FwfOnsfZRmIU0B9v7Moo0vwzxp/8sCfuA==", "peerDependencies": { "react": ">=16.13.1", "react-dom": ">=16.13.1", @@ -1067,14 +1074,15 @@ } }, "node_modules/@salutejs/plasma-new-hope": { - "version": "0.90.0-dev.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.90.0-dev.0.tgz", - "integrity": "sha512-nKAmzRK4+z87PXEiUuEwm8phApJvtPQYSGR9GNSn1sYqIX0Df2RTxMav61fsTcJpBKIGpBEphAEj03at3n4WFw==", + "version": "0.104.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.104.0-dev.0.tgz", + "integrity": "sha512-9W5AVYI0+mm/fASdtzoQ8CDqcGSCGf7G16n+piZnBQgj59VlAyu5gFL4A+FnrV1GHerF2zw8FPGm+qwec9QNfQ==", "dependencies": { "@linaria/core": "5.0.2", "@linaria/react": "5.0.3", "@popperjs/core": "2.11.8", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "dayjs": "1.11.11", "focus-visible": "5.2.0", "lodash.throttle": "4.1.1", "react-draggable": "4.4.3", @@ -1116,22 +1124,22 @@ } }, "node_modules/@salutejs/plasma-tokens": { - "version": "1.81.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens/-/plasma-tokens-1.81.0.tgz", - "integrity": "sha512-IK9RK3eC4hIES9+bZ3lzq5x0M0vyX7zpsWmIYUIx2PIE8j/E7heQvqJQAW6d3O5RtpgKFoyDomeVX2nr78ffdA==", + "version": "1.83.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens/-/plasma-tokens-1.83.0-dev.0.tgz", + "integrity": "sha512-6Yau3W/9b9ZGeYPdWM8gVk187ThnqRIlvcfWsio7iFOtr8maFc1MRabd+rgsZBXMSRlqMTUSF3VmA5WO06ABFg==", "peerDependencies": { "styled-components": "^5.1.1" } }, "node_modules/@salutejs/plasma-tokens-b2c": { - "version": "0.50.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2c/-/plasma-tokens-b2c-0.50.0.tgz", - "integrity": "sha512-gMn3NXuUJA46nNh7wMJydpQx4301Ozq7F46Pitwn5tG87IUIDlOU83QihyWqCKPQvp3bx5htx9TF/CjiDRtg6A==" + "version": "0.51.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2c/-/plasma-tokens-b2c-0.51.0-dev.0.tgz", + "integrity": "sha512-BqSUKqHgAd2I38HeEQjm3+3y0FWcRyCCGkrQ+PCzNQa3s6Oc1zsFUu5MAjcXF5oS/3zIJvUJBjSIg/837xz29w==" }, "node_modules/@salutejs/plasma-tokens-web": { - "version": "1.55.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-web/-/plasma-tokens-web-1.55.0.tgz", - "integrity": "sha512-B0gZeGaupBMiZpK02ZAIMFSOGDImd2D3qkwtpy51lb2InSuoG2qaxggqpQgQzKAvxKrz2boPebpN+vq4yaxNzQ==" + "version": "1.56.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-web/-/plasma-tokens-web-1.56.0-dev.0.tgz", + "integrity": "sha512-LHU3tkS0Cem00DEP8PFIEoWM/PGaI8r20x/zkpc8GFaCdF0AYWfrZ9ecPhgJKKxBR530RL5sCiYdMO2z5CnSjQ==" }, "node_modules/@salutejs/plasma-typo": { "version": "0.40.0", @@ -1634,9 +1642,9 @@ } }, "node_modules/browserslist": { - "version": "4.23.1", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.1.tgz", - "integrity": "sha512-TUfofFo/KsK/bWZ9TWQ5O26tsWW4Uhmt8IYklbnUa70udB6P2wA7w7o4PY4muaEPBQaAX+CEnmmIA41NVHtPVw==", + "version": "4.23.2", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.2.tgz", + "integrity": "sha512-qkqSyistMYdxAcw+CzbZwlBy8AGmS/eEWs+sEV5TnLRGDOL+C5M2EnH6tlZyg0YoAxGJAFKh61En9BR941GnHA==", "funding": [ { "type": "opencollective", @@ -1652,10 +1660,10 @@ } ], "dependencies": { - "caniuse-lite": "^1.0.30001629", - "electron-to-chromium": "^1.4.796", + "caniuse-lite": "^1.0.30001640", + "electron-to-chromium": "^1.4.820", "node-releases": "^2.0.14", - "update-browserslist-db": "^1.0.16" + "update-browserslist-db": "^1.1.0" }, "bin": { "browserslist": "cli.js" @@ -1692,9 +1700,9 @@ "integrity": "sha1-FkpUg+Yw+kMh5a8HAg5TGDGyYJs=" }, "node_modules/caniuse-lite": { - "version": "1.0.30001636", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001636.tgz", - "integrity": "sha512-bMg2vmr8XBsbL6Lr0UHXy/21m84FTxDLWn2FSqMd5PrlbMxwJlQnC2YWYxVgp66PZE+BBNF2jYQUBKCo1FDeZg==", + "version": "1.0.30001641", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001641.tgz", + "integrity": "sha512-Phv5thgl67bHYo1TtMY/MurjkHhV4EDaCosezRXgZ8jzA/Ub+wjxAvbGvjoFENStinwi5kCyOYV3mi5tOGykwA==", "funding": [ { "type": "opencollective", @@ -1747,6 +1755,11 @@ "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=", "dev": true }, + "node_modules/contrast-ratio-checker": { + "version": "1.1.7", + "resolved": "https://registry.npmjs.org/contrast-ratio-checker/-/contrast-ratio-checker-1.1.7.tgz", + "integrity": "sha512-uTWkg4c2XKuHS+wpcdvCltwV9pGVD+jTNBxzehzIbs/h9hAFHMXm/BXacgOieYoOfLstGqsJishdfjJmgTso0A==" + }, "node_modules/convert-source-map": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", @@ -1808,6 +1821,11 @@ "integrity": "sha512-VvdQIPGdWP0SqFXghj79Wf/5LArmreyMsGLa6FG6iC4t3j7j5s71TrwWmT/4akbDQIqjfACkLZmjXhA7g2oUZw==", "dev": true }, + "node_modules/dayjs": { + "version": "1.11.11", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz", + "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==" + }, "node_modules/debug": { "version": "2.6.9", "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", @@ -1868,9 +1886,9 @@ } }, "node_modules/electron-to-chromium": { - "version": "1.4.807", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.807.tgz", - "integrity": "sha512-kSmJl2ZwhNf/bcIuCH/imtNOKlpkLDn2jqT5FJ+/0CXjhnFaOa9cOe9gHKKy71eM49izwuQjZhKk+lWQ1JxB7A==" + "version": "1.4.823", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.823.tgz", + "integrity": "sha512-4h+oPeAiGQOHFyUJOqpoEcPj/xxlicxBzOErVeYVMMmAiXUXsGpsFd0QXBMaUUbnD8hhSfLf9uw+MlsoIA7j5w==" }, "node_modules/emoji-regex": { "version": "8.0.0", @@ -4784,9 +4802,9 @@ } }, "node_modules/update-browserslist-db": { - "version": "1.0.16", - "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.16.tgz", - "integrity": "sha512-KVbTxlBYlckhF5wgfyZXTWnMn7MMZjMu9XG8bPlliUOP9ThaF4QnhP8qrjrH7DRzHfSk0oQv1wToW+iA5GajEQ==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz", + "integrity": "sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==", "funding": [ { "type": "opencollective", @@ -5412,9 +5430,9 @@ } }, "minimatch": { - "version": "9.0.4", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.4.tgz", - "integrity": "sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==", + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", "requires": { "brace-expansion": "^2.0.1" } @@ -5457,9 +5475,9 @@ } }, "minimatch": { - "version": "9.0.4", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.4.tgz", - "integrity": "sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==", + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", "requires": { "brace-expansion": "^2.0.1" } @@ -5593,22 +5611,27 @@ "dev": true }, "@salutejs/plasma-b2c": { - "version": "1.335.0-dev.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-b2c/-/plasma-b2c-1.335.0-dev.0.tgz", - "integrity": "sha512-SqAVrWmY1UlN/viKOiTSI+v1hxz3cTOrkopiXPW/AGGWSgvYZp/rYqrPE97OhHKaj/lpT/M9pnZFLkrSWGI9IQ==", - "requires": { - "@salutejs/plasma-core": "1.160.0", - "@salutejs/plasma-hope": "1.285.0-dev.0", - "@salutejs/plasma-new-hope": "0.90.0-dev.0", - "@salutejs/plasma-tokens-b2c": "0.50.0", - "@salutejs/plasma-tokens-web": "1.55.0", + "version": "1.349.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-b2c/-/plasma-b2c-1.349.0-dev.0.tgz", + "integrity": "sha512-KBjb9hML7/3LlP0b6rnVsVY03ZbjSJzNmqBNR0FfXFf146Q6yNtV6PhCWWEqwQPbdQ7ALyBOEsdaRGFOD3S/gA==", + "requires": { + "@salutejs/plasma-core": "1.162.0-dev.0", + "@salutejs/plasma-hope": "1.287.1-dev.0", + "@salutejs/plasma-new-hope": "0.104.0-dev.0", + "@salutejs/plasma-tokens-b2c": "0.51.0-dev.0", + "@salutejs/plasma-tokens-web": "1.56.0-dev.0", "@salutejs/plasma-typo": "0.40.0" } }, + "@salutejs/plasma-colors": { + "version": "0.13.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-colors/-/plasma-colors-0.13.0.tgz", + "integrity": "sha512-EUhA9QJ2/uTwGVrqH0He3qq+d7h3x5aEVb8VfOwDlT9oF5gpT6DMWfQ6dzJcEAnXIAY8TSXLYQJI4iWAwCAd+w==" + }, "@salutejs/plasma-core": { - "version": "1.160.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.160.0.tgz", - "integrity": "sha512-ddpmy2lmCjPY0SQAcVma/rjqV+yzXY512MC6WtC6qq5RGZi+x/QKFGyL6eLVZbVE7QqxvvqSed/YiA22OaAXUA==", + "version": "1.162.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.162.0-dev.0.tgz", + "integrity": "sha512-kq+KEXchmisgJngeK4JtyJ14EkAEDc31KTZTnVvE0VMt07k90UuL08nKAbe0p8bDBLzzSEU3E85nmsB4zcY+Ug==", "requires": { "@popperjs/core": "2.9.2", "@salutejs/plasma-typo": "0.40.0", @@ -5619,12 +5642,12 @@ } }, "@salutejs/plasma-hope": { - "version": "1.285.0-dev.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-hope/-/plasma-hope-1.285.0-dev.0.tgz", - "integrity": "sha512-6rGxT8BxYrgOY147cH5A5Bj7LKXE+EdziW8pDSFkyL8NPd1lmbv2BZ3g3CsOraaf/jtkX1tkBm1DTm1ImYt7ZQ==", + "version": "1.287.1-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-hope/-/plasma-hope-1.287.1-dev.0.tgz", + "integrity": "sha512-0xPWIRhNzfixFv5eHQ2hmpXDYRI80sXJHZ8wyoA7/W/13+cJDJ1VjavVX8Klw7+283DnOPoiQmFZE9PrqyoQDA==", "requires": { "@popperjs/core": "2.9.2", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", "@salutejs/plasma-typo": "0.40.0", "react-file-drop": "3.1.6", "react-popper": "2.3.0", @@ -5633,19 +5656,20 @@ } }, "@salutejs/plasma-icons": { - "version": "1.198.0-dev.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.0-dev.0.tgz", - "integrity": "sha512-PZo5Llod+6MCcq1WxNFf1hOOkpyexsupg189zI14v5it987makOheQq61VoheBSDGqDL0vkeEIs3Rv9fWlQ1Nw==" + "version": "1.198.3-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.3-dev.0.tgz", + "integrity": "sha512-pQv0PUF3280wVvZKxGriCozqgdQcx1xjPfQhYkbugu1WCU+/lPNb/FwfOnsfZRmIU0B9v7Moo0vwzxp/8sCfuA==" }, "@salutejs/plasma-new-hope": { - "version": "0.90.0-dev.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.90.0-dev.0.tgz", - "integrity": "sha512-nKAmzRK4+z87PXEiUuEwm8phApJvtPQYSGR9GNSn1sYqIX0Df2RTxMav61fsTcJpBKIGpBEphAEj03at3n4WFw==", + "version": "0.104.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.104.0-dev.0.tgz", + "integrity": "sha512-9W5AVYI0+mm/fASdtzoQ8CDqcGSCGf7G16n+piZnBQgj59VlAyu5gFL4A+FnrV1GHerF2zw8FPGm+qwec9QNfQ==", "requires": { "@linaria/core": "5.0.2", "@linaria/react": "5.0.3", "@popperjs/core": "2.11.8", - "@salutejs/plasma-core": "1.160.0", + "@salutejs/plasma-core": "1.162.0-dev.0", + "dayjs": "1.11.11", "focus-visible": "5.2.0", "lodash.throttle": "4.1.1", "react-draggable": "4.4.3", @@ -5666,19 +5690,19 @@ } }, "@salutejs/plasma-tokens": { - "version": "1.81.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens/-/plasma-tokens-1.81.0.tgz", - "integrity": "sha512-IK9RK3eC4hIES9+bZ3lzq5x0M0vyX7zpsWmIYUIx2PIE8j/E7heQvqJQAW6d3O5RtpgKFoyDomeVX2nr78ffdA==" + "version": "1.83.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens/-/plasma-tokens-1.83.0-dev.0.tgz", + "integrity": "sha512-6Yau3W/9b9ZGeYPdWM8gVk187ThnqRIlvcfWsio7iFOtr8maFc1MRabd+rgsZBXMSRlqMTUSF3VmA5WO06ABFg==" }, "@salutejs/plasma-tokens-b2c": { - "version": "0.50.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2c/-/plasma-tokens-b2c-0.50.0.tgz", - "integrity": "sha512-gMn3NXuUJA46nNh7wMJydpQx4301Ozq7F46Pitwn5tG87IUIDlOU83QihyWqCKPQvp3bx5htx9TF/CjiDRtg6A==" + "version": "0.51.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-b2c/-/plasma-tokens-b2c-0.51.0-dev.0.tgz", + "integrity": "sha512-BqSUKqHgAd2I38HeEQjm3+3y0FWcRyCCGkrQ+PCzNQa3s6Oc1zsFUu5MAjcXF5oS/3zIJvUJBjSIg/837xz29w==" }, "@salutejs/plasma-tokens-web": { - "version": "1.55.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-web/-/plasma-tokens-web-1.55.0.tgz", - "integrity": "sha512-B0gZeGaupBMiZpK02ZAIMFSOGDImd2D3qkwtpy51lb2InSuoG2qaxggqpQgQzKAvxKrz2boPebpN+vq4yaxNzQ==" + "version": "1.56.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-tokens-web/-/plasma-tokens-web-1.56.0-dev.0.tgz", + "integrity": "sha512-LHU3tkS0Cem00DEP8PFIEoWM/PGaI8r20x/zkpc8GFaCdF0AYWfrZ9ecPhgJKKxBR530RL5sCiYdMO2z5CnSjQ==" }, "@salutejs/plasma-typo": { "version": "0.40.0", @@ -6052,14 +6076,14 @@ } }, "browserslist": { - "version": "4.23.1", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.1.tgz", - "integrity": "sha512-TUfofFo/KsK/bWZ9TWQ5O26tsWW4Uhmt8IYklbnUa70udB6P2wA7w7o4PY4muaEPBQaAX+CEnmmIA41NVHtPVw==", + "version": "4.23.2", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.2.tgz", + "integrity": "sha512-qkqSyistMYdxAcw+CzbZwlBy8AGmS/eEWs+sEV5TnLRGDOL+C5M2EnH6tlZyg0YoAxGJAFKh61En9BR941GnHA==", "requires": { - "caniuse-lite": "^1.0.30001629", - "electron-to-chromium": "^1.4.796", + "caniuse-lite": "^1.0.30001640", + "electron-to-chromium": "^1.4.820", "node-releases": "^2.0.14", - "update-browserslist-db": "^1.0.16" + "update-browserslist-db": "^1.1.0" } }, "call-bind": { @@ -6084,9 +6108,9 @@ "integrity": "sha1-FkpUg+Yw+kMh5a8HAg5TGDGyYJs=" }, "caniuse-lite": { - "version": "1.0.30001636", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001636.tgz", - "integrity": "sha512-bMg2vmr8XBsbL6Lr0UHXy/21m84FTxDLWn2FSqMd5PrlbMxwJlQnC2YWYxVgp66PZE+BBNF2jYQUBKCo1FDeZg==" + "version": "1.0.30001641", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001641.tgz", + "integrity": "sha512-Phv5thgl67bHYo1TtMY/MurjkHhV4EDaCosezRXgZ8jzA/Ub+wjxAvbGvjoFENStinwi5kCyOYV3mi5tOGykwA==" }, "chalk": { "version": "2.4.2", @@ -6122,6 +6146,11 @@ "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=", "dev": true }, + "contrast-ratio-checker": { + "version": "1.1.7", + "resolved": "https://registry.npmjs.org/contrast-ratio-checker/-/contrast-ratio-checker-1.1.7.tgz", + "integrity": "sha512-uTWkg4c2XKuHS+wpcdvCltwV9pGVD+jTNBxzehzIbs/h9hAFHMXm/BXacgOieYoOfLstGqsJishdfjJmgTso0A==" + }, "convert-source-map": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", @@ -6171,6 +6200,11 @@ "integrity": "sha512-VvdQIPGdWP0SqFXghj79Wf/5LArmreyMsGLa6FG6iC4t3j7j5s71TrwWmT/4akbDQIqjfACkLZmjXhA7g2oUZw==", "dev": true }, + "dayjs": { + "version": "1.11.11", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz", + "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==" + }, "debug": { "version": "2.6.9", "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", @@ -6219,9 +6253,9 @@ } }, "electron-to-chromium": { - "version": "1.4.807", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.807.tgz", - "integrity": "sha512-kSmJl2ZwhNf/bcIuCH/imtNOKlpkLDn2jqT5FJ+/0CXjhnFaOa9cOe9gHKKy71eM49izwuQjZhKk+lWQ1JxB7A==" + "version": "1.4.823", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.823.tgz", + "integrity": "sha512-4h+oPeAiGQOHFyUJOqpoEcPj/xxlicxBzOErVeYVMMmAiXUXsGpsFd0QXBMaUUbnD8hhSfLf9uw+MlsoIA7j5w==" }, "emoji-regex": { "version": "8.0.0", @@ -8368,9 +8402,9 @@ } }, "update-browserslist-db": { - "version": "1.0.16", - "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.16.tgz", - "integrity": "sha512-KVbTxlBYlckhF5wgfyZXTWnMn7MMZjMu9XG8bPlliUOP9ThaF4QnhP8qrjrH7DRzHfSk0oQv1wToW+iA5GajEQ==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz", + "integrity": "sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==", "requires": { "escalade": "^3.1.2", "picocolors": "^1.0.1" diff --git a/website/plasma-website/package.json b/website/plasma-website/package.json index ce7a040a27..d44dc67d10 100644 --- a/website/plasma-website/package.json +++ b/website/plasma-website/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-website", - "version": "0.300.0", + "version": "0.312.1-dev.0", "description": "Plasma Main App", "author": "Salute Frontend Team <salute.developers@gmail.com>", "license": "MIT", @@ -19,11 +19,13 @@ "lint": "next lint" }, "dependencies": { - "@salutejs/plasma-b2c": "1.338.0", - "@salutejs/plasma-icons": "1.198.0", - "@salutejs/plasma-tokens": "1.81.0", - "@salutejs/plasma-tokens-b2c": "0.50.0", + "@salutejs/plasma-b2c": "1.349.1-dev.0", + "@salutejs/plasma-icons": "1.198.3-dev.0", + "@salutejs/plasma-tokens": "1.83.0-dev.0", + "@salutejs/plasma-tokens-b2c": "0.51.0-dev.0", + "@salutejs/plasma-colors": "0.13.0", "@salutejs/plasma-typo": "0.40.0", + "contrast-ratio-checker": "^1.1.7", "next": "^12.3.4", "react": "17.0.2", "react-dom": "17.0.2", @@ -37,4 +39,4 @@ "eslint-config-next": "11.0.1", "typescript": "4.3.4" } -} +} \ No newline at end of file diff --git a/website/plasma-website/pages/icons.tsx b/website/plasma-website/pages/icons.tsx index 352e475ccb..2c5e5d63a5 100644 --- a/website/plasma-website/pages/icons.tsx +++ b/website/plasma-website/pages/icons.tsx @@ -1,66 +1,160 @@ -import React, { useState, useCallback } from 'react'; +import React, { useState, useCallback, useEffect, useRef } from 'react'; +import type { FormEvent } from 'react'; +import { useRouter } from 'next/router'; import styled, { css } from 'styled-components'; import { ToastProvider } from '@salutejs/plasma-b2c'; import Head from 'next/head'; import { multipleMediaQuery } from '../mixins'; import { Header, Main, SearchForm, IconsList, Footer, IconFilterMenu } from '../components/roster'; +import { StyledActionIcon } from '../components/roster/StyledActionIcon'; + +const StyledSection = styled.div` + --page-padding-y: 4rem; + + --common-transition-config: 120ms ease-in; + + --color-transition: color var(--common-transition-config); + --opacity-transition: opacity var(--common-transition-config); + --box-shadow-transition: box-shadow var(--common-transition-config); + --background-color-transition: background-color var(--common-transition-config); + --border-radius-transition: border-radius var(--common-transition-config); -const StyledSection = styled.section` position: relative; display: grid; grid-template-rows: auto 1fr auto; grid-template-columns: 100%; min-height: 100vh; + + ${multipleMediaQuery(['M'])(css` + --page-padding-y: 3.5rem; + `)} + + ${multipleMediaQuery(['S'])(css` + --page-padding-y: 1rem; + `)} `; const StyledFilterWrapper = styled.div` position: absolute; - top: 7.125rem; + top: 0; right: 1.375rem; + z-index: 1; min-height: calc(100% - 7.125rem); max-width: 1.25rem; ${multipleMediaQuery(['S'])(css` - right: 0; + right: 0.5rem; `)} `; -const StyledMain = styled(Main)` - --common-transition-config: 120ms ease-in; +const StyledIconBackWrapper = styled(StyledFilterWrapper)` + right: auto; + left: 1.375rem; + padding: 2rem 0; - --color-transition: color var(--common-transition-config); - --opacity-transition: opacity var(--common-transition-config); - --box-shadow-transition: box-shadow var(--common-transition-config); - --background-color-transition: background-color var(--common-transition-config); - --border-radius-transition: border-radius var(--common-transition-config); + ${multipleMediaQuery(['S'])(css` + left: 0.5rem; + `)} +`; + +const StyledIconNavigation = styled.div<{ isScrolling: boolean }>` + position: sticky; + + width: 1.25rem; + height: 1.25rem; + + ${({ isScrolling }) => { + return ( + isScrolling && + css` + top: 0.75rem; + + transform: rotate(0deg); + writing-mode: vertical-lr; + transition: transform 120ms ease-in; + ` + ); + }} + ${StyledActionIcon}; +`; + +const StyledMain = styled(Main)` max-width: 100%; `; export default function Home() { const [searchQuery, setSearchQuery] = useState(''); + const [isScrolling, setIsScrolling] = useState(false); + + const inputRef = useRef<HTMLInputElement>(null); + const sectionRef = useRef<HTMLDivElement>(null); + + const router = useRouter(); - const onSearchInput = useCallback<React.FormEventHandler<HTMLInputElement>>( - (e) => setSearchQuery(e.currentTarget.value), + const onSearchInput = useCallback( + (input: FormEvent<HTMLInputElement> | string) => { + if (typeof input === 'string') { + setSearchQuery(input); + } else { + setSearchQuery((input.currentTarget as HTMLInputElement).value); + } + }, [setSearchQuery], ); + const setInputFocus = () => { + inputRef?.current?.focus(); + }; + + const scrollToTop = () => { + window.scrollTo({ + top: 0, + behavior: 'smooth', + }); + + setInputFocus(); + }; + + const backToMain = () => router.push('/'); + + useEffect(() => { + const handleScroll = () => { + setIsScrolling(window.scrollY !== 0); + }; + + window.addEventListener('scroll', handleScroll); + + return () => { + window.removeEventListener('scroll', handleScroll); + }; + }, []); + + useEffect(() => { + setInputFocus(); + }, []); + return ( <ToastProvider> <Head> <title>Plasma Icons - -
+ + + + ← + + - + +
- - + +
diff --git a/website/plasma-website/pages/index.tsx b/website/plasma-website/pages/index.tsx index 577a5d75e7..10549f25ad 100644 --- a/website/plasma-website/pages/index.tsx +++ b/website/plasma-website/pages/index.tsx @@ -80,6 +80,7 @@ const basePath = process.env.BASE_PATH || ''; const menu = [ { title: 'Темы', href: `${prPath}/plasma-theme-builder${prName}/`, state: 'альфа' }, { title: 'Иконки', href: `${basePath}/icons/` }, + { title: 'Палитра', href: `${basePath}/palette/` }, ]; const community = [ diff --git a/website/plasma-website/pages/palette/[...query].tsx b/website/plasma-website/pages/palette/[...query].tsx new file mode 100644 index 0000000000..702daed34f --- /dev/null +++ b/website/plasma-website/pages/palette/[...query].tsx @@ -0,0 +1,24 @@ +import React from 'react'; +import { ToastProvider } from '@salutejs/plasma-b2c'; +import Head from 'next/head'; +import { useRouter } from 'next/router'; + +import { PaletteColorPage } from '../../components/palette/PaletteColorPage'; + +export default function Page() { + const router = useRouter(); + + const color = router.query.query?.[1]; + const code = router.query.query?.[3]; + + return ( + + + + {color} {code} + + + + + ); +} diff --git a/website/plasma-website/pages/palette/index.tsx b/website/plasma-website/pages/palette/index.tsx new file mode 100644 index 0000000000..09f6282446 --- /dev/null +++ b/website/plasma-website/pages/palette/index.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import { ToastProvider } from '@salutejs/plasma-b2c'; +import Head from 'next/head'; + +import { Palette } from '../../components/palette/PalettePage'; + +export default function Home() { + return ( + + + Colors + + + + ); +} diff --git a/website/plasma-website/types/Data.ts b/website/plasma-website/types/Data.ts index 0e305319cd..6f12658d22 100644 --- a/website/plasma-website/types/Data.ts +++ b/website/plasma-website/types/Data.ts @@ -1,7 +1,7 @@ import { FC } from 'react'; import type { IconProps } from '@salutejs/plasma-icons'; -export type Item = { name: string; component: FC; groupName?: string; isDeprecate?: boolean }; +export type Item = { name: string; component: FC; groupName?: string; isDeprecated?: boolean }; export type IconGroup = { title: string; diff --git a/website/plasma-website/utils/getColors.ts b/website/plasma-website/utils/getColors.ts new file mode 100644 index 0000000000..7616855214 --- /dev/null +++ b/website/plasma-website/utils/getColors.ts @@ -0,0 +1,49 @@ +import { general } from '@salutejs/plasma-colors'; +import _ from 'lodash'; +import { ContrastRatioChecker } from 'contrast-ratio-checker'; + +import { hexToHSL } from './hexToHSL'; + +const checker = new ContrastRatioChecker(); + +export const paletteColors: { + [key: string]: { + [key: string]: string; + }; +} = _.omit(general, ['gray', 'coolGray']); + +export const formatedPaletteColors = Object.keys(paletteColors) + .map((key) => ({ + name: key, + colors: Object.keys(_.omit(paletteColors[key], '50')).map((colorKey) => { + return { + ratio: Math.round(checker.getContrastRatioByHex(paletteColors[key][colorKey], '#FFFFFF') * 100) / 100, + color: paletteColors[key][colorKey], + code: colorKey, + }; + }), + h: hexToHSL(paletteColors[key][600])[0], // H из цветов HSL + })) + .sort((a, b) => { + return a.h - b.h; + }); + +export const colorsForGradient = formatedPaletteColors.map( + (paletteColor) => paletteColor.colors.find((color) => color.code === '500')?.color ?? '', +); + +export const colorsHSL = formatedPaletteColors.map((color) => color.h); + +export const checkColor = (color: string, colorCode: string) => { + const keys = Object.keys(paletteColors); + if (!keys.includes(color ?? '')) { + return false; + } + + const colorKeys = Object.keys(paletteColors[color]); + if (!colorKeys.includes(colorCode ?? '')) { + return false; + } + + return true; +}; diff --git a/website/plasma-website/utils/hexToHSL.ts b/website/plasma-website/utils/hexToHSL.ts new file mode 100644 index 0000000000..7a9348731f --- /dev/null +++ b/website/plasma-website/utils/hexToHSL.ts @@ -0,0 +1,56 @@ +export const hexToHSL = (hex: string): number[] => { + // Разбиваем HEX-значение на составляющие RGB + const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); + let r = parseInt(result?.[1] ?? '0', 16); + let g = parseInt(result?.[2] ?? '0', 16); + let b = parseInt(result?.[3] ?? '0', 16); + + // Нормализуем значения RGB к диапазону [0, 1] + r /= 255; + g /= 255; + b /= 255; + + // Находим максимальное и минимальное значение из RGB + const max = Math.max(r, g, b); + const min = Math.min(r, g, b); + + let h; + let s; + let l = (max + min) / 2; + + // Вычисляем насыщенность (Saturation) + if (max === min) { + s = 0; + h = s; + } else { + const d = max - min; + s = l > 0.5 ? d / (2 - max - min) : d / (max + min); + + // Вычисляем оттенок (Hue) + switch (max) { + case r: + h = (g - b) / d + (g < b ? 6 : 0); + break; + case g: + h = (b - r) / d + 2; + break; + case b: + h = (r - g) / d + 4; + break; + // no default + } + + h = (h ?? 0) / 6; + } + + // Преобразуем значения Saturation и Lightness в проценты + s *= 100; + s = Math.round(s); + l *= 100; + l = Math.round(l); + + // Преобразуем значение Hue в градусы + h = Math.round(360 * h); + + return [h, s, l]; // Возвращаем массив с значениями HSL +}; diff --git a/website/plasma-website/utils/hexToRGB.ts b/website/plasma-website/utils/hexToRGB.ts new file mode 100644 index 0000000000..ad7b1777d8 --- /dev/null +++ b/website/plasma-website/utils/hexToRGB.ts @@ -0,0 +1,79 @@ +export interface IRgb { + red?: number; + green?: number; + blue?: number; +} + +export const isValidHex = (hex: string): boolean => { + try { + const hexRegExp = /^#(([0-9a-f]{3})|([0-9a-f]{6}))$/gi; + + return hexRegExp.test(hex); + } catch (err) { + throw Error(`isValidHex failed. ${err}`); + } +}; + +export const getFullHex = (hex: string): string => { + try { + if (hex.length === 6) return hex; + + return hex + .split('') + .map((char) => `${char}${char}`) + .join(''); + } catch (err) { + throw Error(`getFullHex failed. ${err}`); + } +}; + +export const separateStringPerCharGroup = (string: string, groupBy: number): string[] | null => { + try { + const regExp = new RegExp(`.{1,${groupBy}}`, 'g'); + + return string.match(regExp); + } catch (err) { + throw Error(`separateStringPerCharGroup failed. ${err}`); + } +}; + +export const convertHexToRgb = (hex: string): IRgb => { + try { + if (!isValidHex(hex)) { + throw Error('Invalid hexadecimal string'); + } + + const hexadecimal = hex.slice(1); + + const fullHex = getFullHex(hexadecimal); + + const hexParts: string[] | null = separateStringPerCharGroup(fullHex, 2) ?? []; + + const rgbObject: IRgb = hexParts.reduce((prev: IRgb, part: string, index: number): IRgb => { + const decimal = parseInt(part, 16); + + switch (index) { + case 0: + prev.red = decimal; + + return prev; + case 1: + prev.green = decimal; + + return prev; + + case 2: + prev.blue = decimal; + + return prev; + // no default + } + + return prev; + }, {}); + + return rgbObject; + } catch (err) { + throw Error(`convertHexToRgb failed. ${err}`); + } +}; diff --git a/website/plasma-website/utils/iconsList.ts b/website/plasma-website/utils/iconsList.ts index 2fc22653f3..c3f353de7c 100644 --- a/website/plasma-website/utils/iconsList.ts +++ b/website/plasma-website/utils/iconsList.ts @@ -1,9 +1,8 @@ -import { FC } from 'react'; import { iconSectionsSet } from '@salutejs/plasma-icons'; -import type { IconProps } from '@salutejs/plasma-icons'; import { iconSectionsSet as iconSectionsSetNew } from '@salutejs/plasma-icons/scalable'; import type { IconGroups, Item, IconGroup } from '../types'; +import { Group } from '../types'; import { capitalize } from './capitalize'; @@ -48,47 +47,71 @@ const getIconGroupTitles = (group: string): IconGroup => { return { title, subtitle }; }; -type IconSectionsSet = Record>>; +const iconsListOld = Object.entries(iconSectionsSet) + .sort() + .reduce((acc, [groupName, group]) => { + const iconGroup = getIconGroupTitles(groupName); -const iconsGroupListLegacy = Object.keys(iconSectionsSet); + acc[iconGroup.subtitle] = { + iconGroup, + items: Object.entries(group) + .sort() + .reduce((a, [iconName, component]) => { + a.push({ name: iconName, component, groupName: iconGroup.subtitle, isDeprecated: true }); -const transformIconsSet = (iconSet: IconSectionsSet) => { - return Object.entries(iconSet) - .sort() - .reduce((acc, [groupName, group]) => { - const iconGroup = getIconGroupTitles(groupName); - const key = groupName.toLowerCase(); - const IconsLegacyList: Item[] = []; + return a; + }, [] as Item[]), + }; - if (iconsGroupListLegacy.includes(key)) { - Object.entries((iconSectionsSet as IconSectionsSet)[key]) - .sort() - .reduce((a, [iconName, component]) => { - a.push({ name: iconName, component, groupName: iconGroup.subtitle, isDeprecate: true }); + return acc; + }, {} as Record); - return a; - }, IconsLegacyList); - } +const iconsListNew = Object.entries(iconSectionsSetNew) + .sort() + .reduce((acc, [groupName, group]) => { + const iconGroup = getIconGroupTitles(groupName.toLowerCase()); - const icons = Object.entries(group) + acc[iconGroup.subtitle] = { + iconGroup, + items: Object.entries(group) .sort() .reduce((a, [iconName, component]) => { - a.push({ name: iconName, component, groupName: iconGroup.subtitle, isDeprecate: false }); + a.push({ name: iconName, component, groupName: iconGroup.subtitle, isDeprecated: false }); return a; - }, [] as Item[]); + }, [] as Item[]), + }; - const item = { - iconGroup, - items: [...icons, ...IconsLegacyList], - }; + return acc; + }, {} as Record); - acc.push(item); +const oldIconsKeys = Object.keys(iconsListOld); +const newIconsKeys = Object.keys(iconsListNew); - return acc; - }, [] as IconGroups); -}; +const keys = Array.from(new Set([...oldIconsKeys, ...newIconsKeys])); + +const data = keys.reduce((acc, key) => { + if (newIconsKeys.includes(key) && oldIconsKeys.includes(key)) { + const list = [...iconsListNew[key].items, ...iconsListOld[key].items]; + + acc.push({ ...iconsListNew[key], items: list }); + + return acc; + } + + if (oldIconsKeys.includes(key) && !newIconsKeys.includes(key)) { + acc.push(iconsListOld[key]); + + return acc; + } + + if (newIconsKeys.includes(key) && !oldIconsKeys.includes(key)) { + acc.push(iconsListNew[key]); + + return acc; + } -const iconsListNew = transformIconsSet(iconSectionsSetNew); + return acc; +}, [] as IconGroups); -export const iconsList = iconsListNew; +export const iconsList = data; diff --git a/website/plasma-website/utils/index.ts b/website/plasma-website/utils/index.ts index 804604b872..2264f13f7f 100644 --- a/website/plasma-website/utils/index.ts +++ b/website/plasma-website/utils/index.ts @@ -1,2 +1,5 @@ export { capitalize } from './capitalize'; export { iconsList } from './iconsList'; +export { hexToHSL } from './hexToHSL'; +export { isValidHex, getFullHex, separateStringPerCharGroup, convertHexToRgb } from './hexToRGB'; +export { formatedPaletteColors, colorsForGradient, colorsHSL, paletteColors, checkColor } from './getColors'; diff --git a/website/sdds-dfa-docs/.gitignore b/website/sdds-dfa-docs/.gitignore new file mode 100644 index 0000000000..b2d6de3062 --- /dev/null +++ b/website/sdds-dfa-docs/.gitignore @@ -0,0 +1,20 @@ +# Dependencies +/node_modules + +# Production +/build + +# Generated files +.docusaurus +.cache-loader + +# Misc +.DS_Store +.env.local +.env.development.local +.env.test.local +.env.production.local + +npm-debug.log* +yarn-debug.log* +yarn-error.log* diff --git a/website/sdds-dfa-docs/.npmrc b/website/sdds-dfa-docs/.npmrc new file mode 100644 index 0000000000..2359dcc5f5 --- /dev/null +++ b/website/sdds-dfa-docs/.npmrc @@ -0,0 +1,11 @@ +@salutejs:registry=https://registry.npmjs.org/ + +save-exact=true + +# disabled auto-installing peer dependencies +legacy-peer-deps=true + +# for specify Node, NPM Version to use +engine-strict=true + +//registry.npmjs.org/:_authToken=${NPM_REGISTRY_TOKEN} diff --git a/website/sdds-dfa-docs/LICENSE.txt b/website/sdds-dfa-docs/LICENSE.txt new file mode 100644 index 0000000000..4ac192b87f --- /dev/null +++ b/website/sdds-dfa-docs/LICENSE.txt @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) Salute Devices + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/website/sdds-dfa-docs/babel.config.js b/website/sdds-dfa-docs/babel.config.js new file mode 100644 index 0000000000..0adade1fb9 --- /dev/null +++ b/website/sdds-dfa-docs/babel.config.js @@ -0,0 +1,3 @@ +module.exports = { + presets: [require.resolve('@docusaurus/core/lib/babel/preset')], +}; diff --git a/website/sdds-dfa-docs/docs/_category_.json b/website/sdds-dfa-docs/docs/_category_.json new file mode 100644 index 0000000000..d2c4d4b34a --- /dev/null +++ b/website/sdds-dfa-docs/docs/_category_.json @@ -0,0 +1,4 @@ +{ + "label": "SDDS-DFA", + "position": 2 +} diff --git a/website/sdds-dfa-docs/docs/components/Accordion.mdx b/website/sdds-dfa-docs/docs/components/Accordion.mdx new file mode 100644 index 0000000000..503e51c215 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Accordion.mdx @@ -0,0 +1,235 @@ +--- +id: accordion +title: Accordion +--- + +import { PropsTable } from '@site/src/components'; +import Tabs from '@theme/Tabs'; +import TabItem from '@theme/TabItem'; + +# Accordion +Компонент выпадающей информации + + +# AccordionItem +Компонент выпадающей информации + + +Компонент представляет собой заголовок и контент, который раскрывается при нажатии. + +## Примеры Accordion + + + + ```tsx live + import React from 'react'; + import { Accordion, AccordionItem } from '@salutejs/sdds-dfa'; + + export function App() { + return ( +
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+ ); + } + ``` + + + ```tsx live + import React from 'react'; + import { Accordion, AccordionItem } from '@salutejs/sdds-dfa'; + + export function App() { + return ( +
+
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+
+ ); + } + ``` + + + ```tsx live + import React from 'react'; + import { Accordion, AccordionItem } from '@salutejs/sdds-dfa'; + + export function App() { + return ( +
+
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+
+ ); + } + ``` + + + ```tsx live + import React from 'react'; + import { Accordion, AccordionItem } from '@salutejs/sdds-dfa'; + + export function App() { + return ( +
+
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+
+ ); + } + ``` + + + +### Использование Accordion SingleActive + +```tsx live + import React from 'react'; + import { Accordion, AccordionItem } from '@salutejs/sdds-dfa'; + + export function App() { + return ( +
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+ ); + } + ``` + +### Использование Accordion с eventKey и defaultActiveEventKey + +```tsx live + import React from 'react'; + import { Accordion, AccordionItem } from '@salutejs/sdds-dfa'; + + export function App() { + return ( +
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+ ); + } + ``` + + +### Использование AccordionItem атрибута Type + + + + ```tsx live + import React from 'react'; + import { Accordion, AccordionItem } from '@salutejs/sdds-dfa'; + + export function App() { + return ( +
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+ ); + } + ``` + + + ```tsx live + import React from 'react'; + import { Accordion, AccordionItem } from '@salutejs/sdds-dfa'; + + export function App() { + return ( +
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+ ); + } + ``` + + + ```tsx live + import React from 'react'; + import { Accordion, AccordionItem } from '@salutejs/sdds-dfa'; + + export function App() { + return ( +
+ + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива + +
+ ); + } + ``` + + + diff --git a/website/sdds-dfa-docs/docs/components/Avatar.mdx b/website/sdds-dfa-docs/docs/components/Avatar.mdx new file mode 100644 index 0000000000..9aa8618f92 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Avatar.mdx @@ -0,0 +1,149 @@ +--- +id: avatar +title: Avatar +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Avatar + + + + +## Примеры + +### Размер аватара +Размер задается с помощью свойства `size`. Возможные значения свойства: `"xxl"`, `"l"`, `"m"`, `"s"`, `"fit"`. + +```tsx live +import React from 'react'; +import { Avatar } from '@salutejs/sdds-dfa'; + +export function App() { + return ( + <> + + + + + + ); +} +``` + +### Инициалы вместо фотографии +Инициалы можно задать с помощью свойства `name`. +Желательный формат строки - "Имя Фамилия". +Также не должно быть свойства url. + +```tsx live +import React from 'react'; +import { Avatar } from '@salutejs/sdds-dfa'; + +export function App() { + return ( + <> + + + ); +} +``` + +### Статус аватара +Статус задается с помощью свойства `status`. Возможные значения: `"active"`, `"inactive"`. + +```tsx live +import React from 'react'; +import { Avatar } from '@salutejs/sdds-dfa'; + +export function App() { + return ( + <> + + + + ); +} +``` + +### Увеличение при наведении +Опциональное свойство `"isScalable"`. + +```tsx live +import React from 'react'; +import { Avatar } from '@salutejs/sdds-dfa'; + +export function App() { + return ( + <> + + + ); +} +``` + +### Доступность + +#### Avatar c использованием изображения + +В данном случае руководствуемся принципом универсального дизайна, т.е. незрячий должен получить ту же информацию, что и зрячий. + +Поэтому добавляем/используем свойства: `role`, `tabIndex` и `aria-label`. + +Примечание: +- если указано свойство `name` то `aria-label` можно опустить; + +```tsx live +import React from 'react'; +import { Avatar } from '@salutejs/sdds-dfa'; + +export function App() { + return ( + <> + + + ); +} +``` + +#### Avatar c текстом + +В этом случае достаточно указать свойство `name`. + +```tsx live +import React from 'react'; +import { Avatar } from '@salutejs/sdds-dfa'; + +export function App() { + return ( + <> + + + ); +} +``` + +#### Avatar и статус + +Если указано свойство `status` его значение будет так же озвучено в комбинации со свойством `name` или `aria-label`. + +```tsx live +import React from 'react'; +import { Avatar } from '@salutejs/sdds-dfa'; + +export function App() { + return ( + <> + + + ); +} +``` + +Озвучит как `ИФ. Неактивен`. (В данном примере озвучиваются инициалы, производное от ФИО) + +#### Свойство statusLabels + +Опциональное свойство для корректной озвучки значений свойства `status`. + +По-умолчанию стоит значение для русскоговорящих `{ active: 'Активен', inactive: 'Неактивен' }`. diff --git a/website/sdds-dfa-docs/docs/components/AvatarGroup.mdx b/website/sdds-dfa-docs/docs/components/AvatarGroup.mdx new file mode 100644 index 0000000000..b3608c2714 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/AvatarGroup.mdx @@ -0,0 +1,29 @@ +--- +id: avatarGroup +title: AvatarGroup +--- + +import { PropsTable, Description } from '@site/src/components'; + +# AvatarGroup + + + +AvatarGroup это обертка для Avatar. Принимает в себя группу из avatar's. + +```tsx live +import React from 'react'; +import { Avatar, AvatarGroup } from '@salutejs/sdds-dfa'; + +export function App() { + return ( + + { + Array(5).fill(true).map(() => ( + + )) + } + + ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/Badge.mdx b/website/sdds-dfa-docs/docs/components/Badge.mdx new file mode 100644 index 0000000000..89d036a1a5 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Badge.mdx @@ -0,0 +1,131 @@ +--- +id: badge +title: Badge +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Badge + + + +## Примеры + +### Размер badge +Размер задается с помощью свойства `size`. + +Возможные значения свойства: `"l"`, `"m"`, `"s"`. + +```tsx live +import React from 'react'; +import { Badge } from '@salutejs/sdds-dfa'; + +export function App() { + return ( +
+ + + +
+ ); +} +``` + +### Скругленность badge +Скругленность задается с помощью свойства `pilled`: + +```tsx live +import React from 'react'; +import { Badge } from '@salutejs/sdds-dfa'; + +export function App() { + return ( +
+ + + +
+ ); +} +``` + +### Вид badge +Вид `badge` задается с помощью свойства `view`. Возможные значения свойства `view`: + ++ `"primary"` – основной badge; ++ `"accent"` – бейдж акцентного цвета; ++ `"positive"` – успешное завершение; ++ `"warning"` – предупреждение; ++ `"negative"` – ошибка; ++ `"dark"` – темный badge; ++ `"light"` – светлый badge. + +```tsx live +import React from 'react'; +import { Badge } from '@salutejs/sdds-dfa'; + +export function App() { + return ( +
+ + + + + + + +
+ ); +} +``` + +Так же на вид badge влияет свойство `transparent`: + +```tsx live +import React from 'react'; +import { Badge } from '@salutejs/sdds-dfa'; + +export function App() { + return ( +
+ + + + + + + +
+ ); +} +``` + +### Иконка слева / справа +В левой и/или правой части badge можно отобразить иконку: + +```tsx live +import React from 'react'; +import { Badge } from '@salutejs/sdds-dfa'; +import { IconEye } from '@salutejs/plasma-icons'; + +export function App() { + return ( +
+ + } /> + + } /> +
+ ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/Button.mdx b/website/sdds-dfa-docs/docs/components/Button.mdx new file mode 100644 index 0000000000..09a07174dc --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Button.mdx @@ -0,0 +1,208 @@ +--- +id: button +title: Button +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Button +Кнопки могут отображаться в нескольких размерах и цветах, могут содержать текст и/или иконку. + +## Button + + + +:::caution Взаимоисключающие свойства +Свойство `value` - это значение кнопки. Оно отображается справа от основного текста.
+`value` и `contentRight` взаимоисключающие: если передано одно, второе передать нельзя. +::: + +## Использование +Компонент `Button` может содержать текст, который указывается в +свойстве `text`, или любой контент напрямую через `children`. + +Свойство text можно использовать вместе со свойствами `contentLeft` и `contentRight`. +С их помощью можно размещать **иконку** слева или справа от текста. + +```tsx live +import React from 'react'; +import { Button } from '@salutejs/sdds-dfa'; +import { IconDownload } from '@salutejs/plasma-icons'; + +export function App() { + return ( +
+
} /> + + +
+ ); +} +``` + +## Примеры + +### Размер кнопки +Размер кнопки задается с помощью свойства `size`. Возможные значения свойства: `"l"`, `"m"` или `"s"`: + +```tsx live +import React from 'react'; +import { Button } from '@salutejs/sdds-dfa'; + +export function App() { + return ( +
+
+ ); +} +``` + +### Ширина кнопки +Ширина кнопки регулируется с помощью свойства `stretching`. +Возможные значения свойства `contentPlacing`: ++ `auto` – ширина подстраивается под контент; ++ `filled` – кнопка растягивается на всю доступную ширину; ++ `fixed` – кнопка фиксированной ширины. + +```tsx live +import React from 'react'; +import { Button } from '@salutejs/sdds-dfa'; + +export function App() { + return ( +
+
+ ); +} +``` + +### Позиционирование контента внутри +Позиционирование контента внутри кнопки регулируется с помощью свойства `contentPlacing`. +Возможные значения свойства `contentPlacing`: ++ `default` – контент центрируется; ++ `relaxed` – контент располагается по краям. + +```tsx live +import React from 'react'; +import { Button } from '@salutejs/sdds-dfa'; + +export function App() { + return ( +
+
+ ); +} +``` + +### Вид кнопки +Вид кнопки задается с помощью свойства `view`. Возможные значения свойства `view`: ++ `"primary"` – основная; ++ `"secondary"` – вторичная; ++ `"success"` – успешное завершение; ++ `"warning"` – предупреждение; ++ `"critical"` – ошибка; ++ `"checked"` – выбранное состояние; ++ `"clear"` – без цветового сопровождения. + +```tsx live +import React from 'react'; +import { Button } from '@salutejs/sdds-dfa'; + +export function App() { + return ( +
+
+ ); +} +``` + +### Границы кнопки +Границы кнопки задаются с помощью свойства `pin`. Возможные значения свойства `pin`: ++ `square` – обычное скругление; ++ `circle` – сильное скругление; ++ `clear` – нет скругления. + +```tsx live +import React from 'react'; +import { Button } from '@salutejs/sdds-dfa'; + +export function App() { + return ( +
+ + + + + + + +
+ ); +} +``` + +### Квадратные и круглые кнопки +Для отображения иконок и/или текста в квадратных или круглых кнопках с **равными сторонами**, +используйте компонент `Button` и свойство `contentLeft`, в которое требуется передать нужное значение. + +По умолчанию границы кнопки **квадратные** (со скругленными углами) — `pin="square-square"`. +**Круглые** границы кнопки можно сделать с помощью свойства `pin` со значением `"circle-circle"`. + +```tsx live +import React from 'react'; +import { Button } from '@salutejs/sdds-dfa'; +import { IconDownload } from '@salutejs/plasma-icons'; + +export function App() { + return ( +
+
+ ); +} +``` + +### Гиперссылка +Компонент поддерживает вывод в виде тега ``, для этого необходимо указать свойство `as`: + +```tsx live +import React from 'react'; +import { Button } from '@salutejs/sdds-dfa'; + +export function App() { + return ( +
+ ); +} +``` + +### Ориентация группы кнопок и отступы между кнопками + +Группа кнопок может располагаться вертикально или горизонтально и иметь три вида отступов: + +```tsx live +import React from 'react'; +import { ButtonGroup, Button } from '@salutejs/sdds-dfa'; + +export function App() { + return ( +
+ + {Array(5) + .fill(true) + .map((_, i) => ( +
+ ); +} +``` + +### Границы кнопки +Границы кнопки задаются с помощью свойства `shape`. + +```tsx live +import React from 'react'; +import { ButtonGroup, Button } from '@salutejs/sdds-dfa'; + +export function App() { + return ( +
+ + {Array(3) + .fill(true) + .map((_, i) => ( +
+ ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/Calendar.mdx b/website/sdds-dfa-docs/docs/components/Calendar.mdx new file mode 100644 index 0000000000..093b382825 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Calendar.mdx @@ -0,0 +1,208 @@ +--- +id: calendar +title: Calendar +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Calendar +Компоненты календарей для выбора даты или диапазона дат. + +## Calendar + + + + +Представляет собой универсальный компонент `Calendar`, в котором можно настроить любое доступное представление: базовый, двойной, базовый с диапазоном, двойной с диапазоном. + +```tsx live +import React from 'react'; +import { Calendar } from '@salutejs/sdds-dfa'; + +export function App() { + const isRange = false; + const isDouble = false; + const min = new Date(2022, 4, 0); + const max = new Date(2022, 6, 15); + const date = { + day: 6, + monthIndex: 5, + year: 2022, + } + + const [value, setValue] = React.useState(new Date(2022, 5, 6)); + const [valueRange, setValueRange] = React.useState([new Date(2022, 5, 6), new Date(2022, 5, 10)]); + + const handleOnChange = React.useCallback((newValue) => { + setValue(newValue); + }, []); + const handleOnRangeChange = React.useCallback((newValue) => { + setValueRange(newValue); + }, []); + + const baseEvents = [ + { + date: new Date(2022, 5, 6), + }, + { + date: new Date(2022, 5, 10), + color: 'red', + }, + { + date: new Date(2022, 5, 10), + color: 'green', + }, + { + date: new Date(2022, 5, 10), + color: 'blue', + }, + ]; + + const eventsRange = Array.from(Array(10),((_, day) => ({ + date: new Date(2022, 5, 15 + day), + color: 'purple', + }))); + + const disabledDays = Array.from(Array(5),((_, day) => ({ + date: new Date(2022, 5, 11 + day), + + }))); + + return ( +
+ +
+ ); +} +``` + +## CalendarBase + + + +```tsx live +import React from 'react'; +import { CalendarBase } from '@salutejs/sdds-dfa'; + +export function App() { + const min = new Date(2022, 4, 0); + const max = new Date(2022, 7, 15); + + const [value, setValue] = React.useState(new Date(2022, 5, 6)); + const handleOnChange = React.useCallback((newValue) => { + setValue(newValue); + }, []); + + return ( +
+ +
+ ); +} +``` + +## CalendarDouble + + + +```tsx live +import React from 'react'; +import { CalendarDouble } from '@salutejs/sdds-dfa'; + +export function App() { + const min = new Date(2022, 4, 0); + const max = new Date(2022, 7, 15); + + const [value, setValue] = React.useState(new Date(2022, 5, 6)); + const handleOnChange = React.useCallback((newValue) => { + setValue(newValue); + }, []); + + return ( +
+ +
+ ); +} +``` + +## CalendarBaseRange + + + +```tsx live +import React from 'react'; +import { CalendarBaseRange } from '@salutejs/sdds-dfa'; + +export function App() { + const min = new Date(2022, 4, 0); + const max = new Date(2022, 7, 15); + + const [value, setValue] = React.useState([new Date(2022, 5, 6), new Date(2022, 5, 16)]); + const handleOnChange = React.useCallback((newValue) => { + setValue(newValue); + }, []); + + return ( +
+ +
+ ); +} +``` + +## CalendarDoubleRange + + + +```tsx live +import React from 'react'; +import { CalendarDoubleRange } from '@salutejs/sdds-dfa'; + +export function App() { + const min = new Date(2022, 4, 0); + const max = new Date(2022, 7, 15); + + const [value, setValue] = React.useState([new Date(2022, 5, 6), new Date(2022, 6, 16)]); + const handleOnChange = React.useCallback((newValue) => { + setValue(newValue); + }, []); + + return ( +
+ +
+ ); +} +``` + diff --git a/website/sdds-dfa-docs/docs/components/Cell.mdx b/website/sdds-dfa-docs/docs/components/Cell.mdx new file mode 100644 index 0000000000..70e1815be4 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Cell.mdx @@ -0,0 +1,68 @@ +--- +id: cell +title: Cell +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Cell + + + +Компонент ячейки представляет собой стилизованные слоты для контента. + +Также имеются вспомогательные компоненты (Textbox, TextTitle, TextSubtitle, TextLabel). + +Они представляют собой стилизованный текст и слот для них. + +## Примеры + +### Базовое использование + +```tsx live +import React from 'react'; +import { Avatar, Cell } from '@salutejs/sdds-dfa'; +import { IconChevronRight } from '@salutejs/plasma-icons'; + +export function App() { + return ( + <> + } + size="m" + contentRight={} + title="Title" + subtitle="Subtitle" + label="Label" + /> + + ); +} +``` + +### С использованием своих стилей или встроенных компонентов + +```tsx live +import React from 'react'; +import { Avatar, Cell , CellTextboxLabel , CellTextboxTitle , CellTextboxSubtitle, CellTextbox } from '@salutejs/sdds-dfa'; +import { IconChevronRight } from '@salutejs/plasma-icons'; + +export function App() { + return ( + <> + } + size="m" + contentRight={} + > + + Label + Title + Subtitle +
Caption
+ + + + ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/Checkbox.mdx b/website/sdds-dfa-docs/docs/components/Checkbox.mdx new file mode 100644 index 0000000000..5418bb5626 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Checkbox.mdx @@ -0,0 +1,44 @@ +--- +id: checkbox +title: Checkbox +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Checkbox + + + +## Использование +Компонент `Checkbox` может содержать лейбл и описание. + +```tsx live +import React from 'react'; +import { Checkbox } from '@salutejs/sdds-dfa'; + +export function App() { + return ( + + ); +} +``` + +Свойства `description` и `label` могут принимать JSX элементы. + +По умолчанию, контент внутри лейбла и описания многострочный. + +Для того чтобы стал однострочным, необходимо использовать свойство `singleLine`(по умолчанию `false`). + +```tsx live +import React from 'react'; +import { Checkbox } from '@salutejs/sdds-dfa'; + +export function App() { + return ( + Чекбокс со ссылкой
} + description={
Описание чекбокса со ссылкой
} + /> + ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/Chip.mdx b/website/sdds-dfa-docs/docs/components/Chip.mdx new file mode 100644 index 0000000000..f6e888142c --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Chip.mdx @@ -0,0 +1,90 @@ +--- +id: chip +title: Chip +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Chip +Chips могут отображаться в нескольких размерах и цветах, могут содержать текст и/или иконку. + +## Chip + + + +## Использование +Компонент `Chip` может содержать текст, который указывается в +свойстве `text`, или любой контент напрямую через `children`. + +Свойство `text` можно использовать вместе со свойствами `contentLeft` и `contentRight`. +С их помощью можно размещать **иконку** слева или справа от текста. + +Так же есть свойство `contentClearButton`, которое позволяет прокинуть custom **иконку**. + +```tsx live +import React from 'react'; +import { Chip } from '@salutejs/sdds-dfa'; +import { IconDownload } from '@salutejs/plasma-icons'; + +export function App() { + return ( +
+ + + } /> + + } /> + + + + } /> + + + Текст + +
+ ); +} +``` + +## Примеры + +### Размер Chip +Размер Chip задается с помощью свойства `size`. Возможные значения свойства: `"l"`, `"m"`, `"s"` или `"xs"`: + +```tsx live +import React from 'react'; +import { Chip } from '@salutejs/sdds-dfa'; + +export function App() { + return ( +
+ + + + +
+ ); +} +``` + +### Вид Chip +Вид Chip задается с помощью свойства `view`. Возможные значения свойства `view`: ++ `"default"` – основная; ++ `"secondary"` – вторичная; ++ `"accent"` – акцентный; + +```tsx live +import React from 'react'; +import { Chip } from '@salutejs/sdds-dfa'; + +export function App() { + return ( +
+ + + +
+ ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/Combobox.mdx b/website/sdds-dfa-docs/docs/components/Combobox.mdx new file mode 100644 index 0000000000..f4941f9ff1 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Combobox.mdx @@ -0,0 +1,237 @@ +--- +id: combobox +title: Combobox +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Combobox +Компонент, отвечающий за выпадающий список с возможностью фильтрации элементов и их выбора. +Доступен в двух режимах: единичный и множественный выбор. + +## Combobox + + + +## Использование +Компонент `Combobox` должен содержать компоненты из следующего списка: `ComboboxDivider`, `ComboboxFooter`, `ComboboxGroup`, `ComboboxHeader`, `ComboboxItem`. +Для управления режимом, необходимо установить свойство `valueType = 'single'` для единичного выбора и `valueType='multiple'` для множественного. +Так же для выбора отображения множественного режима свойство `enumerationType = 'comma'` для перечисления выбранных значений через запятую, +и `enumerationType = 'chip'` для перечисления выбранных значений с помощью компонента `Chip`. + +## Клавиатурная навигация + +Данный компонент может полностью управляться с помощью клавиатуры, используя следующие клавиши: +- `Tab` - переход на target (input) +- `Shift` + `tab` - выход с него (теряем фокус) +- `Стрелка вверх` / `стрелка вниз` - открыть выпадающий список и переместиться на первый элемент +- `Стрелка вверх` / `стрелка вниз` ходим по элементам с зацикливанием +- `Enter` - выбираем элемент, закрываем выпадающий список и переходим фокусом снова на target (input) +- Если мы ходим по select и нажимаем `Tab` - выпадающий список закрывается и теряем фокус +- Если мы ходим по select и нажимаем `Escape` - выпадающий список закрывается и фокусом остаёмся на target +- В multi-select то же самое кроме закрытия выпадающего списка при выборе элемента +- Когда находимся на первом чипе, нажимаем `стрелку влево` / `стрелку вправо` - переходим по чипам +- Когда оказываемся на последнем чипе и нажимаем `стрелку вправо` - переходим на target (input) +- Когда находимся на target (input) и нажимаем `Backspace` - удаляется последний чип +- Когда находимся на target (input) и нажимаем `стрелку влево` - переходим на последний чип +- Нажимаем `Backspace` - удаляем выбранный чип и переходим на предыдущий +- Если удалили последний чип, то фокусируемся на target +- Если находимся в выборе элемента из выпадающего списка и нажимаем `стрелку влево` / `стрелку вправо` - попадаем на самый последний чип +- Если находимся в режиме выбора элемента и нажимаем `стрелку вниз` / `стрелку вверх` находясь на последнем / первом элементе, то перескакиваем в начало / в конец +- Если находимся в режиме выбора элемента и нажимаем любую клавишу **кроме** `стрелки вниз` / `вверх` / `влево` / `вправо` / `Escape` / `Tab` / `Enter`, то переходим на target (input) и вводим значения +- Ввод значение в target (input) приводит к фильтрации элементов в выпадающем списке. Если значение не соответствует ни одному элементу, то отобразится сообщение "Элементы не найдены" + +### Single + +```tsx live +import React from 'react'; +import { Combobox, ComboboxItem } from '@salutejs/sdds-dfa'; +import { IconDone } from '@salutejs/plasma-icons'; + +export function App() { + const [value, setValue] = React.useState(undefined); + const handleOnChange = React.useCallback((newValue) => { + setValue(newValue); + }, []); + + return ( +
+ + + : undefined} + /> + : undefined} + /> + : undefined} + /> + : undefined} + /> + : undefined} + /> + +
+ ); +} +``` + +### Multiple + +```tsx live +import React from 'react'; +import { Combobox, ComboboxItem, Checkbox } from '@salutejs/sdds-dfa'; + +export function App() { + const [value, setValue] = React.useState(['item_0']); + const handleOnChange = React.useCallback((newValue) => { + setValue(newValue); + }, []); + + return ( +
+ + + + + + + + +
+ ); +} +``` + +## Примеры + +### Размер Combobox +Размер `Combobox` задается с помощью свойства `size`. +Возможные значения свойства: `"l"`, `"m"`, `"s"` или `"xs"`, а также соответствующие размеры компонент `Checkbox` и `IconDone`: + +Для иконок верно такое соответствие размеров (`Icon = Combobox`): +- xs = xs, +- s = s, +- m = s, +- l = s, + +Для `Checkbox` / `Radiobox` верно такое соответствие размеров (`Checkbox / Radiobox = Combobox`): +- xs = s, +- s = m, +- m = m, +- l = m, + +```tsx live +import React from 'react'; +import { Combobox } from '@salutejs/sdds-dfa'; + +export function App() { + return ( +
+ + + + +
+ ); +} +``` + +### Применение пользовательского фильтра +`Combobox` поддерживает возможность создавать собственные правила для фильтрации списка элементов с помощью функции callback `filterFunction`, +которая срабатывает на каждый элемент и если возвращает `true`, то элемент rendering, иначе нет. + +```tsx live +import React from 'react'; +import { Combobox, ComboboxItem } from '@salutejs/sdds-dfa'; + +export function App() { + const [value, setValue] = React.useState(['item_0']); + const handleOnChange = React.useCallback((newValue) => { + setValue(newValue); + }, []); + + const customFilterFunction = React.useCallback((childText, filterValue) => { + return childText.startWith(filterValue); + }, []); + + return ( +
+ + + + + + + + +
+ ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/Counter.mdx b/website/sdds-dfa-docs/docs/components/Counter.mdx new file mode 100644 index 0000000000..568e45ddd9 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Counter.mdx @@ -0,0 +1,76 @@ +--- +id: counter +title: Counter +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Counter + + + +## Примеры + +### Максимальное значение числового badge +Задается с помощью свойства `maxCount`. + +```tsx live +import React from 'react'; +import { Counter } from '@salutejs/sdds-dfa'; + +export function App() { + return ( +
+ + +
+ ); +} +``` + +### Размер числового badge +Размер задается с помощью свойства `size`. Возможные значения свойства: `"xs"` или `"xxs"`. + +```tsx live +import React from 'react'; +import { Counter } from '@salutejs/sdds-dfa'; + +export function App() { + return ( +
+ + +
+ ); +} +``` + +### Вид числового badge +Вид задается с помощью свойства `view`. Возможные значения свойства `view`: + ++ `"primary"` – основной бейдж; ++ `"accent"` – бейдж акцентного цвета; ++ `"positive"` – успешное завершение; ++ `"warning"` – предупреждение; ++ `"negative"` – ошибка; ++ `"dark"` – темный badge; ++ `"light"` – светлый badge. + +```tsx live +import React from 'react'; +import { Counter } from '@salutejs/sdds-dfa'; + +export function App() { + return ( +
+ + + + + + + +
+ ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/DatePicker.mdx b/website/sdds-dfa-docs/docs/components/DatePicker.mdx new file mode 100644 index 0000000000..70fb95090b --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/DatePicker.mdx @@ -0,0 +1,150 @@ +--- +id: datepicker +title: DatePicker +--- + +import { PropsTable, Description } from '@site/src/components'; + +# DatePicker + + + +## Использование +Компонент `DatePicker` представляет собой поле ввода даты с выпадающим календарем. + +Размер `DatePicker` задаётся с помощью свойства `size`. +Возможные значения свойства: `"l"`, `"m"`, `"s"`, `"xs"`. + +```tsx live +import React from 'react'; +import { DatePicker } from '@salutejs/sdds-dfa'; +import { IconDone } from '@salutejs/plasma-icons'; + +export function App() { + return ( +
+ } + size="l" + /> +
+ ); +} +``` + +### Формат даты +Формат даты задается с помощью свойства `format`. +При выборе даты в календаре или вводе даты через поле ввода, дата будет приводиться к заданному формату. +Свойство `maskWithFormat` позволяет маскировать ввод: + +```tsx live +import React from 'react'; +import { DatePicker } from '@salutejs/sdds-dfa'; +import { IconDone } from '@salutejs/plasma-icons'; + +export function App() { + return ( +
+ } + /> +
+ ); +} +``` + +### Валидация и индикация успешного ввода даты. +За индикацию ошибки или успешного ввода отвечают `valueError`, `valueSuccess`. +В данном примере валидация происходит при нажатии клавиши `Enter` после ввода значений: + +```tsx live +import React, {useState} from 'react'; +import { DatePicker } from '@salutejs/sdds-dfa'; +import { IconDone } from '@salutejs/plasma-icons'; + +export function App() { + const [isOpen, setIsOpen] = useState(false); + const [error, setError] = useState(false); + const [success, setSuccess] = useState(false); + + const handleCommitDate = (newDate: Date | string, dateError?: boolean, dateSuccess?: boolean) => { + if (dateError) { + setError(true); + return; + } + + if (dateSuccess) { + setSuccess(true); + } + + setIsOpen(false); + }; + + return ( +
+ } + onChangeValue={() => { + setError(false); + setSuccess(false); + }} + onCommitDate={handleCommitDate} + /> +
+ ); +} +``` + +## DatePickerRange + + + +## Использование +Компонент `DatePickerRange` представляет собой `Range` с выпадающим календарем. +Календарь может быть одиночным или двойным. За это отвечает свойство `isDoubleCalendar`. + +```tsx live +import React from 'react'; +import { DatePickerRange, IconButton } from '@salutejs/sdds-dfa'; +import { IconDone } from '@salutejs/plasma-icons'; + +export function App() { + const ActionButton = () => { + return ( + + + + ); + }; + + return ( +
+ } + isDoubleCalendar + /> +
+ ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/Drawer.mdx b/website/sdds-dfa-docs/docs/components/Drawer.mdx new file mode 100644 index 0000000000..199688625c --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Drawer.mdx @@ -0,0 +1,170 @@ +--- +id: drawer +title: Drawer +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Drawer + + + +### Использование + +Перед использованием убедитесь, что `PopupProvider` подключен. + +```tsx title="index.ts" +import ReactDOM from 'react-dom'; +import { PopupProvider } from '@salutejs/sdds-dfa'; + +import { App } from './App'; + +ReactDOM.render( + + + , + document.getElementById('root') +); +``` + +### Отображения Drawer + +Drawer можно использовать как и на всем окне, так и в отдельном фрейме - свойство `frame`. +Также это свойство поддерживает передачу id элемента, в котором будет использоваться компонент. +Само позиционирование можно указать с помощью свойства `placement`(left - по умолчанию, right, top, bottom), +а также определить отступы от точки с помощью `offset`. + +У компонента Drawer есть 2 режима отображения: +- модальный - добавляет при этом подложку(`overlay`), а также блокирует scroll и фокус; +- немодальный - нет подложки, scroll и фокус не заблокированы. + +```tsx live +import React, { useRef } from 'react'; +import { IconDone } from '@salutejs/plasma-icons'; +import { surfaceSolidSecondary } from '@salutejs/sdds-themes/tokens'; + +import { SSRProvider, H3, Button, Drawer, DrawerHeader, DrawerContent, DrawerFooter, PopupProvider } from '@salutejs/sdds-dfa'; + +export function App() { + const [isOpenA, setIsOpenA] = React.useState(false); + const [isOpenB, setIsOpenB] = React.useState(false); + + const ref = useRef(); + + return ( + + +
+
+
+ setIsOpenA(false)} + placement="right" + withBlur={false} + closeOnEsc={true} + closeOnOverlayClick={true} + asModal={true} + width="25vw" + height="100vh" + > + + + + )} + onClose={() => setIsOpenA(false)} + > +

Header

+ + + Content + + +

Footer

+ + +
+ <>Frame +
+ + setIsOpenB(false)} + placement="right" + asModal={false} + frame={ref} + width="250px" + height="100%" + > + + + + )} + onClose={() => setIsOpenB(false)} + > +

Header

+ + + Content + + +

Footer

+ + +
+ + + ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/Dropdown.mdx b/website/sdds-dfa-docs/docs/components/Dropdown.mdx new file mode 100644 index 0000000000..db40519382 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Dropdown.mdx @@ -0,0 +1,340 @@ +--- +id: dropdown +title: Dropdown +--- + +import { PropsTable, Description } from '@site/src/components'; +import Tabs from '@theme/Tabs'; +import TabItem from '@theme/TabItem'; + +# Dropdown +Выпадающий многоуровневый список. + + + + +## Использование +Обязательным параметром является только массив `items`. +Внутри items может быть такой же вложенный массив items. + +Формат следующий: + +```tsx +type Items = Array<{ + /** + * Значение у item + */ + value: string | number; + /** + * Метка-подпись к item + */ + label: string; + /** + * Список дочерних items. + */ + items?: Items; + /** + * Item не активен + */ + disabled?: boolean; + /** + * Слот для контента слева + */ + contentLeft?: ReactNode; + /** + * Слот для контента справа + */ + contentRight?: ReactNode; + /** + * Выбранный item. + * @deprecated использовать ContentLeft || ContentRight + */ + isActive?: boolean; + /** + * Кастомный цвет текста + * @deprecated + */ + color?: string; + /** + * Айтем не активен + * @deprecated использовать disabled + */ + isDisabled?: boolean; + }>; +``` + +## Примеры + + + + ```tsx live + import React from 'react'; + import { Button, Dropdown } from '@salutejs/sdds-dfa'; + + export function App() { + const items = [ + { + value: 'north_america', + label: 'Северная Америка', + }, + { + value: 'south_america', + label: 'Южная Америка', + items: [ + { + value: 'brazil', + label: 'Бразилия', + items: [ + { + value: 'rio_de_janeiro', + label: 'Рио-де-Жанейро', + }, + { + value: 'sao_paulo', + label: 'Сан-Паулу', + }, + ], + }, + { + value: 'argentina', + label: 'Аргентина', + }, + ], + }, + ]; + + + return ( +
+ +
+ ); + } + ``` + + + + Размер `Dropdown` задается с помощью свойства `size`.
+ Возможные значения свойства: `"l"`, `"m"`, `"s"` или `"xs"`. + + ```tsx live + import React from 'react'; + import { Button, Dropdown } from '@salutejs/sdds-dfa'; + + export function App() { + const items = [ +{ + value: 'north_america', + label: 'Северная Америка', +}, +{ + value: 'south_america', + label: 'Южная Америка', + items: [ +{ + value: 'brazil', + label: 'Бразилия', + items: [ +{ + value: 'rio_de_janeiro', + label: 'Рио-де-Жанейро', +}, +{ + value: 'sao_paulo', + label: 'Сан-Паулу', +}, + ], +}, +{ + value: 'argentina', + label: 'Аргентина', +}, + ], +}, + ]; + + return ( +
+ +
+); +} +``` + + + + Параметр `placement` принимает либо строку: `"top"`, `"right"`, `"bottom"`, `"left"`, `"auto"`, либо массив этих же значений, например: `["top", "bottom"]`.
+ Default value для placement - `"bottom"`. + + ```tsx live + import React from 'react'; + import { Button, Dropdown } from '@salutejs/sdds-dfa'; + + export function App() { + const items = [ +{ + value: 'north_america', + label: 'Северная Америка', +}, +{ + value: 'south_america', + label: 'Южная Америка', + items: [ +{ + value: 'brazil', + label: 'Бразилия', + items: [ +{ + value: 'rio_de_janeiro', + label: 'Рио-де-Жанейро', +}, +{ + value: 'sao_paulo', + label: 'Сан-Паулу', +}, + ], +}, +{ + value: 'argentina', + label: 'Аргентина', +}, + ], +}, + ]; + + return ( +
+ +
+); +} +``` + + + + Параметр `trigger` принимает строку: `"click"` или `"hover"`.
+ Default value - `"click"`.
+ Для примера показано значение `"hover"`. + + ```tsx live + import React from 'react'; + import { Button, Dropdown } from '@salutejs/sdds-dfa'; + + export function App() { + const items = [ +{ + value: 'north_america', + label: 'Северная Америка', +}, +{ + value: 'south_america', + label: 'Южная Америка', + items: [ +{ + value: 'brazil', + label: 'Бразилия', + items: [ +{ + value: 'rio_de_janeiro', + label: 'Рио-де-Жанейро', +}, +{ + value: 'sao_paulo', + label: 'Сан-Паулу', +}, + ], +}, +{ + value: 'argentina', + label: 'Аргентина', +}, + ], +}, + ]; + + + return ( +
+ +
+); +} +``` + + + +## Клавиатурная навигация + +Данный компонент соответствует требования W3C: [Combobox](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/) и частично [TreeView](https://www.w3.org/WAI/ARIA/apg/patterns/treeview/). + +- `Tab` - закрывает dropdown. Перемещает фокус на следующий элемент на странице; +- `Enter` - открывает/закрывает dropdown. Если на элементе - выбирает его; +- `Space` - открывает/закрывает dropdown. Если на элементе - выбирает его; +- `Home` - открывает dropdown и перемещает фокус на первый элемент; +- `End` - открывает dropdown и перемещает фокус на последний элемент; +- `PageUp` - перемещает фокус на 10 элементов выше либо в начало списка; +- `PageDown` - перемещает фокус на 10 элементов ниже либо в конце списка; +- `ArrowUp` - открывает dropdown и перемещает фокус на первый элемент. Перемещает фокус на один элемент выше; +- `ArrowDown` - открывает dropdown и перемещает фокус на первый элемент. Перемещает фокус на один элемент ниже; +- `ArrowRight` - если фокус на элементе вложенного списка - открывает его и перемещает фокус на первый элемент; +- `ArrowLeft` - закрывает текущий список и перемещает фокус на предыдущий; diff --git a/website/sdds-dfa-docs/docs/components/Grid.mdx b/website/sdds-dfa-docs/docs/components/Grid.mdx new file mode 100644 index 0000000000..a1a96c9355 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Grid.mdx @@ -0,0 +1,142 @@ +--- +id: grid +title: Grid +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Grid +Набор компонентов для создания сетки. + +## Breakpoints +Каждый breakpoints разрешения содержит собственное максимальное количество колонок: + +| Обозначение | Ширина от, px | Ширина до, px | Кол-во колонок | +|-------------|---------------|---------------|----------------| +| largeM | 1200 | - | 30 | +| largeS | 960 | 1199 | 24 | +| mediumM | 786 | 959 | 18 | +| mediumS | 560 | 785 | 12 | +| smallS | 0 | 559 | 6 | + +## Grid + + + +## Row +Блок с отрицательными отступами для размещения колонок (`Col`) по горизонтали. +Блок нельзя вкладывать сам в себя, но можно чередовать далее по дереву с использованием `Col`. +Стилизованный компонент, обладающий всеми свойствами `div`. + +## Col + + + +## Примеры + +### Базовое применение +Размеры колонок указываются свойством `size`, отступ — свойством `offset`. + +```tsx live +import React from 'react'; +import { Grid, Row, Col } from '@salutejs/sdds-dfa'; + +export function App() { + const Filler = ({children}) => { + return ( +
+ {children} +
+ ) + }; + + return ( + + + + 3 + + + 2 + + + 3 + + + 4 + + + 6 + + + + + 4 offset 1 + + + 6 offset 2 + + + + ); +} +``` + +### Адаптивные размеры и отступы колонок +Свойства `size` и `offset` могут быть адаптивными. +Для этого добавьте соответствующие свойства с нужными [breakpoints](#Breakpoints). +При этом, `size` и `offset` могут выступать как fallback-значения для остальных разрешений. + +```tsx live +import React from 'react'; +import { Grid, Row, Col } from '@salutejs/sdds-dfa'; + +export function App() { + const Filler = ({children}) => { + return ( +
+ {children} +
+ ) + }; + + return ( + + + + 1 + + + 2 + + + + + 4 offset 1 + + + 6 offset 2 + + + + ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/IconButton.mdx b/website/sdds-dfa-docs/docs/components/IconButton.mdx new file mode 100644 index 0000000000..5f9f61e826 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/IconButton.mdx @@ -0,0 +1,156 @@ +--- +id: IconButton +title: IconButton +--- + +import { PropsTable, Description } from '@site/src/components'; + +# IconButton +Кнопки могут отображаться в нескольких размерах и цветах, могут содержать иконку. + +## IconButton + + + +## Использование +Компонент `IconButton` может содержать иконку, которая указывается напрямую через `children`. + +```tsx live +import React from 'react'; +import { IconButton } from '@salutejs/sdds-dfa'; +import { IconClose } from '@salutejs/plasma-icons'; + +export function App() { + return ( +
+ + + +
+ ); +} +``` + +## Примеры + +### Размер кнопки +Размер кнопки задается с помощью свойства `size`. + +```tsx live +import React from 'react'; +import { IconButton } from '@salutejs/sdds-dfa'; +import { IconClose } from '@salutejs/plasma-icons'; + +export function App() { + return ( +
+ + + + + + + + + + + + +
+ ); +} +``` + +### Вид кнопки +Вид кнопки задается с помощью свойства `view`. + +Возможные значения свойства `view`: ++ `"default"` – по умолчанию; ++ `"secondary"` – вторичная; ++ `"success"` – успешное завершение; ++ `"warning"` – предупреждение; ++ `"critical"` – ошибка; ++ `"clear"` – без цветового сопровождения; ++ `"dark"` – темная; ++ `"black"` – черная; ++ `"white"` – белая. + +```tsx live +import React from 'react'; +import { IconButton } from '@salutejs/sdds-dfa'; +import { IconClose } from '@salutejs/plasma-icons'; + +export function App() { + return ( +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ ); +} +``` + +### Границы кнопки +Границы кнопки задаются с помощью свойства `pin`. Возможные значения свойства `pin`: ++ `square` – обычное скругление; ++ `circle` – сильное скругление; ++ `clear` – нет скругления. + +```tsx live +import React from 'react'; +import { IconButton } from '@salutejs/sdds-dfa'; +import { IconClose } from '@salutejs/plasma-icons'; + +export function App() { + return ( +
+ + + + + + + + + + + + + + + + + + + + + +
+ ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/Image.mdx b/website/sdds-dfa-docs/docs/components/Image.mdx new file mode 100644 index 0000000000..c1503ef68b --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Image.mdx @@ -0,0 +1,26 @@ +--- +id: image +title: Image +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Image + + + +```tsx live +import React from 'react'; +import { Image } from '@salutejs/sdds-dfa'; + +export function App() { + return ( + Картинка для примера фоном + ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/Indicator.mdx b/website/sdds-dfa-docs/docs/components/Indicator.mdx new file mode 100644 index 0000000000..241250dc3e --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Indicator.mdx @@ -0,0 +1,76 @@ +--- +id: indicator +title: Indicator +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Indicator +Индикаторы могут отображаться в нескольких размерах и цветах. + +## Indicator + + + +## Примеры + +### Базовое использование + +```tsx live +import React from 'react'; +import { Indicator } from '@salutejs/sdds-dfa'; + +export function App() { + return ( +
+
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+
+ ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/Link.mdx b/website/sdds-dfa-docs/docs/components/Link.mdx new file mode 100644 index 0000000000..f85bbde729 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Link.mdx @@ -0,0 +1,23 @@ +--- +id: link +title: Link +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Link + + + +```tsx live +import React from 'react'; +import { TextS, Link } from '@salutejs/sdds-dfa'; + +export function App() { + return ( + + Скачайте приложение. + + ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/Modal.mdx b/website/sdds-dfa-docs/docs/components/Modal.mdx new file mode 100644 index 0000000000..4f8f288a89 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Modal.mdx @@ -0,0 +1,108 @@ +--- +id: modal +title: Modal +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Modal + + + +## Использование + +Перед использованием убедитесь, что `PopupProvider` подключен. +Компонент Modal во многом схож с Popup, добавляет при этом подложку(`overlay`), а также блокирует scroll и focus. + +```tsx live +import React, { useState } from 'react'; +import { surfaceSolidSecondary } from '@salutejs/sdds-themes/tokens'; +import { SSRProvider, Button, Modal, PopupProvider } from '@salutejs/sdds-dfa'; + +export function App() { + const [isOpenA, setIsOpenA] = useState(false); + const [isOpenB, setIsOpenB] = useState(false); + + return ( + + +
+
+
+ setIsOpenA(false)} + isOpen={isOpenA} + placement="center" + offset={[0, 0]} + > +
+ +
+ setIsOpenB(false)} + isOpen={isOpenB} + placement="right" + offset={[0, 0]} + > +
+ + Content +
+ + +
+ + + ); +} +``` + +## Подключение анимации +Подключение анимации аналогично тому, как это происходит в `Popup` - через свойство `withAnimation`(управление через `popupClasses`, `modalClasses`). +Для добавления анимации в оверлей необходимо использовать класс `.modal-overlay` через переменную `modalClasses.overlay` из пакета. + +Пример: + +```tsx +import styled from 'styled-components'; +import { Modal } from '@salutejs/sdds-dfa'; + +const StyledModal = styled(Modal)` + && > .${popupClasses.root}, .${modalClasses.overlay} { + animation: fadeIn 1s forwards; + } + + &&.${popupClasses.endAnimation} .${popupClasses.root} { + animation: fadeOut 1s forwards; + } + + &&.${popupClasses.endAnimation} .${modalClasses.overlay} { + animation: fadeOut 1s forwards; + } + + @keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } + } + + @keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } + } +`; +``` diff --git a/website/sdds-dfa-docs/docs/components/Notification.mdx b/website/sdds-dfa-docs/docs/components/Notification.mdx new file mode 100644 index 0000000000..1c094059e4 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Notification.mdx @@ -0,0 +1,58 @@ +--- +id: notification +title: Notification +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Notification + + + +## Использование +Компонент `Notification` может использоваться для создания собственных систем оповещения. +Вид компонента контролируется свойствами (props). +Текстовая часть оповещения состоит из `title` и `children`. +Слева или сверху от нее, также можно пробросить иконку через свойство `icon`. +Также есть часть `actions`, в которой предполагается отображение кнопок для взаимодействия. + +### Провайдер контекста +Поместите `NotificationsProvider` в [корень приложения](../../#корень-приложения) или там, где будете применять модальные окна: + +```tsx title="index.ts" +import ReactDOM from 'react-dom'; +import { NotificationsProvider } from '@salutejs/sdds-dfa'; + +import { App } from './App'; + +ReactDOM.render( + + + , + document.getElementById('root') +); +``` + +### Вызов уведомления +После подключения `NotificationsProvider` станет возможен вызов функции `addNotification`,который приведет к отображению оповещения. +Функция принимает значения свойств компонента `Notification`: + +```tsx live +import React from 'react'; +import { Button, addNotification, NotificationsProvider } from '@salutejs/sdds-dfa'; + +export function App() { + const handleClick = React.useCallback(() => { + addNotification({ + title: 'Входящий вызов', + children: 'Принять?', + }, 1000); + }, []); + + return ( + + } + offset={[0, 6]} + hasArrow + placement='bottom' + trigger='click' + closeOnOverlayClick + closeOnEsc + isFocusTrapped + > + + <>Content + + + + + ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/Popup.mdx b/website/sdds-dfa-docs/docs/components/Popup.mdx new file mode 100644 index 0000000000..cf81685032 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Popup.mdx @@ -0,0 +1,205 @@ +--- +id: popup +title: Popup +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Popup + + + +### Провайдер контекста + +Поместите `PopupProvider` в [корень приложения](../../#корень-приложения) или там, где будете применять Popup: + +```tsx title="index.ts" +import ReactDOM from 'react-dom'; +import { PopupProvider } from '@salutejs/sdds-dfa'; + +import { App } from './App'; + +ReactDOM.render( + + + , + document.getElementById('root') +); +``` + +### Использование + +Popup можно использовать как и на всем окне, так и в отдельном фрейме - свойство `frame`. + +Также это свойство поддерживает передачу id элемента, в котором будет использоваться компонент. + +Само позиционирование можно указать с помощью свойства `placement`(center - по умолчанию; left, right, top, bottom и их комбинации), +а также определить отступы от точки с помощью `offset`. + +```tsx live +import React, { useRef } from 'react'; +import styled from 'styled-components'; +import { surfaceSolidTertiary, surfaceSolidSecondary } from '@salutejs/sdds-themes/tokens'; + +import { SSRProvider, Button, Popup, PopupProvider } from '@salutejs/sdds-dfa'; + +export function App() { + const StyledButton = styled(Button)` + margin-top: 1rem; + width: 15rem; + `; + + const StyledWrapper = styled.div` + height: 500px; + `; + + const OtherContent = styled.div` + margin-top: 1rem; + width: 400px; + height: 500px; + background: ${surfaceSolidTertiary}; + position: absolute; + + display: flex; + align-items: flex-start; + justify-content: center; + padding: 1rem; + + bottom: 0; + right: 0; + `; + + const Content = styled.div` + background: ${surfaceSolidSecondary}; + padding: 1rem; + `; + + const [isOpenA, setIsOpenA] = React.useState(false); + const [isOpenB, setIsOpenB] = React.useState(false); + + const ref = useRef(); + + return ( + + + +
+ setIsOpenB(true)} /> + setIsOpenA(true)} /> +
+ + + + <>Content + + + + <>Frame + + + + + <>Content + + + + + + ); +} +``` + +## Подключение анимации + +Для подключения анимации нужно добавить параметр `withAnimation`. +Само управление происходит с помощью классов через переменные `endAnimation`, `endTransition` из объекта `PopupClasses` для `Popup`. +Для добавления анимации необходимо использовать класс `.popup-root` через переменную `PopupClasses.root` из пакета. + +Пример: + +```tsx +const StyledPopupTransition = styled(Popup)` + && > .${PopupClasses.root} { + opacity: 1; + transition: opacity 0.5s 0.1s; + } + + &&.${PopupClasses.endTransition} > .${PopupClasses.root} { + opacity: 0; + transition: opacity 0.5s 0.1s; + } +`; +``` + +или + +```tsx +const StyledPopupAnimation = styled(Popup)` + && > .${PopupClasses.root} { + animation: fadeIn 1s forwards; + } + + &&.${PopupClasses.endAnimation} > .${PopupClasses.root} { + animation: fadeOut 1s forwards; + } + + @keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } + } + + @keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } + } +`; +``` + +И в самом компоненте: + +```tsx + const [isOpen, setIsOpen] = React.useState(false); + + return ( + <> +
+ setIsOpen(true)} /> +
+ +
+ +
+ + + ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/Portal.mdx b/website/sdds-dfa-docs/docs/components/Portal.mdx new file mode 100644 index 0000000000..342d1717bd --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Portal.mdx @@ -0,0 +1,66 @@ +--- +id: portal +title: Portal +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Portal + + + +## Использование + +```tsx live +import React, { useState, useRef } from 'react'; +import { Portal, Button, BodyM } from '@salutejs/sdds-dfa'; + +export function App() { + const [show, setShow] = useState(false); + const containerRef = useRef(null); + + return ( + <> + +
+ Содержимое портала появится в нижнем блоке. + {show && containerRef.current && ( + + Содержимое портала + + )} +
+
+ + ); +} +``` + +### Disabled +Отключить портал можно с помощью свойства `disabled`. +В этом случае содержимое портала добавится внутрь родительского элемента. + +```tsx live +import React, { useState, useRef } from 'react'; +import { Portal, Button, BodyM } from '@salutejs/sdds-dfa'; + +export function App() { + const [show, setShow] = useState(false); + const containerRef = useRef(null); + + return ( + <> + +
+ Содержимое портала появится в данном блоке. + {show && containerRef.current && ( + + Содержимое портала + + )} +
+
+ + ); +} +``` \ No newline at end of file diff --git a/website/sdds-dfa-docs/docs/components/Progress.mdx b/website/sdds-dfa-docs/docs/components/Progress.mdx new file mode 100644 index 0000000000..e904420aa6 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Progress.mdx @@ -0,0 +1,33 @@ +--- +id: progress +title: Progress +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Progress + + + +##Примеры + +### Вид прогресса +Вид прогресса задается с помощью свойства `view`. Возможные значения свойства `view`: ++ `"default"` – по умолчанию; ++ `"primary"` – основная; ++ `"secondary"` – вторичная; ++ `"accent"` – акцентная; ++ `"success"` – успешное завершение; ++ `"warning"` – предупреждение; ++ `"error"` – ошибка; + +```tsx live +import React from 'react'; +import { Progress } from '@salutejs/sdds-dfa'; + +export function App() { + return ( + + ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/Radiobox.mdx b/website/sdds-dfa-docs/docs/components/Radiobox.mdx new file mode 100644 index 0000000000..c5877ee883 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Radiobox.mdx @@ -0,0 +1,41 @@ +--- +id: radiobox +title: Radiobox +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Radiobox + + + +## Использование +Компонент `Radiobox` может содержать лейбл и описание. + +По умолчанию, контент внутри лейбла и описания многострочный. + +Для того чтобы стал однострочным, необходимо использовать свойство `singleLine`(по умолчанию `false`). + +```tsx live +import React from 'react'; +import { Radiobox } from '@salutejs/sdds-dfa'; + +export function App() { + return ( + + ); +} +``` + +## RadioGroup +Компоненты `Radiobox` следует объединять в `RadioGroup` + +```tsx live +
+ +

Заголовок

+ + + +
+``` diff --git a/website/sdds-dfa-docs/docs/components/Range.mdx b/website/sdds-dfa-docs/docs/components/Range.mdx new file mode 100644 index 0000000000..6fa4a38143 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Range.mdx @@ -0,0 +1,323 @@ +--- +id: range +title: Range +--- + +import { PropsTable, Description } from '@site/src/components'; +import Tabs from '@theme/Tabs'; +import TabItem from '@theme/TabItem'; + +# Range + + + +## Использование +Компонент `Range` представляет собой два поля ввода какого-либо диапазона. К примеру диапазон цен или дат. + +```tsx live +import React, {useState} from 'react'; +import { Range, Button } from '@salutejs/sdds-dfa'; +import { IconSearch } from '@salutejs/plasma-icons'; + +export function App() { + const [firstValue, setFirstValue] = useState(''); + const [secondValue, setSecondValue] = useState(''); + + const ActionButton = () => { + return ( + + ); + }; + + return ( +
+ } + dividerVariant="dash" + onChangeFirstValue={(e) => { + setFirstValue(e.target.value); + }} + onChangeSecondValue={(e) => { + setSecondValue(e.target.value); + }} + /> +
+ ); +} +``` + +### Размер Range +Размер Range задаётся с помощью свойства `size`: + +```tsx live +import React from 'react'; +import { Range } from '@salutejs/sdds-dfa'; + +export function App() { + return ( +
+ + + + + + + +
+ ); +} +``` + +### Вид разделителя +Вид разделителя задается с помощью свойства `dividerVariant`: + + + + ```tsx live + import React from 'react'; + import { Range } from '@salutejs/sdds-dfa'; + + export function App() { + return ( +
+ +
+ ); + } + ``` + + + + При таком варианте свойства `firstTextfieldTextBefore` и `secondTextfieldTextBefore` становятся обязательными: + + ```tsx live + import React from 'react'; + import { Range } from '@salutejs/sdds-dfa'; + + export function App() { + return ( +
+ +
+ ); + } + ``` + + + + При таком варианте свойства `dividerIcon` становится обязательным: + + ```tsx live + import React from 'react'; + import { Range } from '@salutejs/sdds-dfa'; + import { IconSber } from '@salutejs/plasma-icons'; + + export function App() { + return ( +
+ } + /> +
+ ); + } + ``` + + + +### Валидация и индикация успешного ввода +За индикацию ошибки или успешного ввода отвечают `firstValueError`, `secondValueError`, `firstValueSuccess`, `secondValueSuccess`. +В данном примере валидация происходит при нажатии клавиши `Enter` после ввода значений: + +```tsx live +import React, {useState, ChangeEvent, Dispatch, SetStateAction} from 'react'; +import { Range, Button } from '@salutejs/sdds-dfa'; +import { IconSearch } from '@salutejs/plasma-icons'; + +export function App() { + const [firstValue, setFirstValue] = useState(''); + const [secondValue, setSecondValue] = useState(''); + + const [firstValueError, setFirstValueError] = useState(false); + const [secondValueError, setSecondValueError] = useState(false); + + const [firstValueSuccess, setFirstValueSuccess] = useState(false); + const [secondValueSuccess, setSecondValueSuccess] = useState(false); + + const checkValue = (value: string) => /^([1-9][0-9]*|)$/.test(value); + + const handleChangeValue = ( + e: ChangeEvent, + setter: Dispatch>, + error: boolean, + errorSetter: Dispatch>, + success: boolean, + successSetter: Dispatch>, + ) => { + const { value } = e.target; + if (!checkValue(value)) { + return; + } + + if (error) { + errorSetter(false); + } + + if (success) { + successSetter(false); + } + + setter(value); + }; + + const firstValueConstraint = (value: number) => + value <= 0 || value >= 9 || (secondValue && value >= Number(secondValue) && !secondValueError); + const secondValueConstraint = (value: number) => + value <= 0 || value > 10 || (firstValue && value <= Number(firstValue) && !firstValueError); + + const handleCommitValue = ( + value: string, + constraint: (currentValue: number) => boolean, + errorSetter: Dispatch>, + successSetter: Dispatch>, + ) => { + if (!value) { + return; + } + + if (!checkValue(value)) { + return errorSetter(true); + } + + if (constraint(Number(value))) { + return errorSetter(true); + } + + successSetter(true); + }; + + const ActionButton = () => { + return ( + + ); + }; + + return ( +
+ } + dividerVariant="dash" + firstValueError={firstValueError} + secondValueError={secondValueError} + firstValueSuccess={firstValueSuccess} + secondValueSuccess={secondValueSuccess} + onChangeFirstValue={(e) => { + handleChangeValue( + e, + setFirstValue, + firstValueError, + setFirstValueError, + firstValueSuccess, + setFirstValueSuccess, + ); + }} + onChangeSecondValue={(e) => { + handleChangeValue( + e, + setSecondValue, + secondValueError, + setSecondValueError, + secondValueSuccess, + setSecondValueSuccess, + ); + }} + onSearchFirstValue={(e) => { + const { value } = e.target as HTMLInputElement; + handleCommitValue(value, firstValueConstraint, setFirstValueError, setFirstValueSuccess); + }} + onSearchSecondValue={(e) => { + const { value } = e.target as HTMLInputElement; + handleCommitValue(value, secondValueConstraint, setSecondValueError, setSecondValueSuccess); + }} + /> +
+ ); +} +``` \ No newline at end of file diff --git a/website/sdds-dfa-docs/docs/components/Segment.mdx b/website/sdds-dfa-docs/docs/components/Segment.mdx new file mode 100644 index 0000000000..6a7ae3b270 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Segment.mdx @@ -0,0 +1,68 @@ +--- +id: segment +title: Segment +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Segment +Набор компонентов для создания группы сегментов. +Структура для сегментов похожа на структуру маркированных списков. + +## SegmentGroup + + + + +## SegmentItem + + + + +### Провайдер контекста + +Оберните в `SegmentProvider` компонент, в котором будут использованы SegmentGroup с SegmentItem. +Внутри данного провайдера есть доступ к хуку `useSegment`. + +### Выбранные по умолчанию SegmentItem + +Можно задать выбранные по умолчанию сегменты с помощью свойства `defaultSelected`. +Оно передается в `SegmentProvider`, в виде массива `value` элеметов. + +```tsx live +import React from 'react'; +import { SegmentGroup, SegmentItem, SegmentProvider, useSegment } from '@salutejs/sdds-dfa'; + +export function App() { + const items = Array(8).fill(0); + + const SegmentTemplate = () => { + const {selectedSegmentItems} = useSegment(); + + return ( + <> +
Выбранные элементы: {selectedSegmentItems.join(', ')}
+ + {items.map((_, i) => ( + + ))} + + + ) + } + + return ( +
+ + + +
+ ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/Sheet.mdx b/website/sdds-dfa-docs/docs/components/Sheet.mdx new file mode 100644 index 0000000000..6ef99ef5ae --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Sheet.mdx @@ -0,0 +1,143 @@ +--- +id: sheet +title: Sheet +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Sheet + + + +## Использование +Компонент `Sheet` может содержать любой контент напрямую через `children`. + +Также есть возможность добавить любой контент в заголовок и футер с помощью свойств `contentHeader` и `contentFooter`. + +```tsx live +import React, { useState } from 'react'; +import { Sheet } from '@salutejs/sdds-dfa'; +import { Button } from '@salutejs/sdds-dfa'; + +export function App() { + const [opened, setOpened] = useState(false); + + return ( + <> + + + setOpened(false)} + contentHeader={ +
+

header

+
+ } + contentFooter={ +
+

footer

+
+ } + > +
body
+ + + ); +} +``` + +## Примеры + +### Закрепление заголовка и футера + +С помощью свойств `isHeaderFixed` и `isFooterFixed` можно закрепить заголовок и футер. +В этом случае при появлении прокрутки контент будет скроллиться под них. + +```tsx live +import React, { useState } from 'react'; +import { Sheet } from '@salutejs/sdds-dfa'; +import { Button } from '@salutejs/sdds-dfa'; + +export function App() { + const [opened, setOpened] = useState(false); + + return ( + <> + + setOpened(false)} + contentHeader={ +
+

header

+
+ } + contentFooter={ +
+

footer

+
+ } + isFooterFixed + isHeaderFixed + > +
body
+ + + ); +} +``` + +### Подложка + +Наличие или отсутствие подложки задается с помощью свойства `withOverlay`. + +В случае, когда подложка отсутствует, у пользователя появляется возможность взаимодействовать с контентом вне шторки. + +```tsx live +import React, { useState } from 'react'; +import { Sheet } from '@salutejs/sdds-dfa'; +import { Button } from '@salutejs/sdds-dfa'; + +export function App() { + const [opened, setOpened] = useState(false); + + return ( + <> + + setOpened(false)} + withOverlay={false} + > +
body
+ + + ); +} +``` + +К подложке можно добавить эффект размытия при помощи свойства `withBlur`. + +```tsx live +import React, { useState } from 'react'; +import { Sheet } from '@salutejs/sdds-dfa'; +import { Button } from '@salutejs/sdds-dfa'; + +export function App() { + const [opened, setOpened] = useState(false); + + return ( + <> + + setOpened(false)} + withBlur + > +
body
+ + + ); +} +``` \ No newline at end of file diff --git a/website/sdds-dfa-docs/docs/components/Skeleton.mdx b/website/sdds-dfa-docs/docs/components/Skeleton.mdx new file mode 100644 index 0000000000..0a8867fa13 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Skeleton.mdx @@ -0,0 +1,103 @@ +--- +id: skeleton +title: Skeleton +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Skeleton +Набор компонентов для создания скелетов загрузки (placeholders). + +## LineSkeleton + + + +```tsx live +import React from 'react'; +import { LineSkeleton } from '@salutejs/sdds-dfa'; + +export function App() { + return ( + + ); +} +``` + +## RectSkeleton + + + +```tsx live +import React from 'react'; +import { RectSkeleton } from '@salutejs/sdds-dfa'; + +export function App() { + return ( + + ); +} +``` + +## TextSkeleton + + + +```tsx live +import React from 'react'; +import { TextSkeleton } from '@salutejs/sdds-dfa'; + +export function App() { + return ( + + ); +} +``` +## На примере карточки + +```tsx live +import React from 'react'; +import { Button, withSkeleton } from '@salutejs/sdds-dfa'; + +export function App() { + const ButtonSkeleton = withSkeleton(Button); + + return ( + + ); +} +``` + +## Доступность +При использовании hook `withSkeleton` необходимо воспользоваться атрибутами WAI ARIA. Пример с кнопкой: + +```tsx +import React, { useState } from 'react'; +import { Button } from '@salutejs/sdds-dfa'; + +const ButtonSkeleton = withSkeleton(Button); + +export default function App () { + const [skeleton, setSkeleton] = useState(false); + + return ( + setSkeleton((prevValue) => !prevValue)} + /> + ); +} +``` + +Таким образом, при `skeleton=true` и `aria-busy=true` screen-reader будет оповещать о соответствующем статусе компонента. diff --git a/website/sdds-dfa-docs/docs/components/Spinner.mdx b/website/sdds-dfa-docs/docs/components/Spinner.mdx new file mode 100644 index 0000000000..d74ef5cd9a --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Spinner.mdx @@ -0,0 +1,21 @@ +--- +id: spinner +title: Spinner +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Spinner + + + +```tsx live +import React from 'react'; +import { Spinner } from '@salutejs/sdds-dfa'; + +export function App() { + return ( + + ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/Switch.mdx b/website/sdds-dfa-docs/docs/components/Switch.mdx new file mode 100644 index 0000000000..9a6b97b307 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Switch.mdx @@ -0,0 +1,24 @@ +--- +id: switch +title: Switch +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Switch + + + +## Использование +Компонент `Switch` может содержать лейбл. + +```tsx live +import React from 'react'; +import { Switch } from '@salutejs/sdds-dfa'; + +export function App() { + return ( + + ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/Tabs.mdx b/website/sdds-dfa-docs/docs/components/Tabs.mdx new file mode 100644 index 0000000000..11f12e60df --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/Tabs.mdx @@ -0,0 +1,98 @@ +--- +id: tabs +title: Tabs +--- + +import { PropsTable, Description } from '@site/src/components'; + +# Tabs +Набор компонентов для создания вкладок. +Структура для вкладок похожа на структуру маркированных списков. + +## TabsController + + + + +## Tabs + + + + +## TabItem + + + + + +## Использование + +### Стандартное подключение, без клавиатурной навигации + +```tsx live +import React, { useState } from 'react'; +import { Tabs, TabItem } from '@salutejs/sdds-dfa'; +import { IconClock } from '@salutejs/plasma-icons'; + +export function App() { + const items = Array(4).fill(0); + const [index, setIndex] = useState(0); + + return ( +
+ + {items.map((_, i) => ( + } + onClick={() => setIndex(i)} + > + Label + + ))} + +
+ ); +} +``` + +### Подключение клавиатурной навигации +Для этого необходимо дополнительно прокинуть свойства `index, itemIndex, onIndexChange`. +Клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам. + +```tsx live +import React, { useState } from 'react'; +import { Tabs, TabItem } from '@salutejs/sdds-dfa'; +import { IconClock } from '@salutejs/plasma-icons'; + +export function App() { + const items = Array(4).fill(0); + const [index, setIndex] = useState(0); + + return ( +
+ + {items.map((_, i) => ( + setIndex(i)} + selected={i === index} + tabIndex={0} + contentLeft={} + onClick={() => setIndex(i)} + > + Label + + ))} + +
+ ); +} +``` diff --git a/website/sdds-dfa-docs/docs/components/TextArea.mdx b/website/sdds-dfa-docs/docs/components/TextArea.mdx new file mode 100644 index 0000000000..519c23a4f2 --- /dev/null +++ b/website/sdds-dfa-docs/docs/components/TextArea.mdx @@ -0,0 +1,126 @@ +--- +id: textarea +title: TextArea +--- + +import { PropsTable, Description } from '@site/src/components'; + +# TextArea + + + +## Использование +Компонент `TextArea` может содержать иконку (или кнопку) справа. +Для этого используйте свойство `contentRight`: + +```tsx live +import React from 'react'; +import { TextArea } from '@salutejs/sdds-dfa'; +import { IconDownload } from '@salutejs/plasma-icons'; + +export function App() { + return ( +
+